/*현재위치*/
.local{color:#0F3F76; text-align:center; animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both}
.local i{vertical-align:middle;}
.local a{color:#0F3F76;}
.local.white a, .sub-visual .local.white{color:#fff;}

/*서브 비쥬얼*/
.sub-visual{position:relative;  padding:6rem 0 0; overflow:hidden; height: 28.5rem;}
.sub-visual.view{ padding:6rem 0 4rem; height:16rem; min-height:auto;}
.sub-visual h2{ text-align:center;  margin:1rem 0 1.5rem; animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s both; }
.sub-visual h2 span{color:#fff; font-size:2.5rem; animation: text-shadow-pop-br 0.25s both;}

.sub-visual .subTxt img{display:block; margin:-4rem auto 0; animation: bounce-in-bottom .4s .25s both;}

.sub-visual.wd01_1{background:#60D6FB url('/images/web/content/sub-visual01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd01_2{background:url('/images/web/content/sub-visual01-2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd01_3{background:#9689F5 url('/images/web/content/sub-visual01-1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd01_4{background:url('/images/web/content/sub-visual01-4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd01_6{background:url('/images/web/content/sub-visual01-5.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd02_1{background:#3D76CD url('/images/web/content/sub-visual02-1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd02_2{background:#FFC600 url('/images/web/content/sub-visual02-2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd02_3{background:#37A7DB url('/images/web/content/sub-visual02-3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd02_4{background:#37A7DB url('/images/web/content/sub-visual02-4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd02_31{background:#37A7DB url('/images/web/content/sub-visual02-31.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd03_1{background:#FBA2BE url('/images/web/content/sub-visual03-1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd03_3{background:#319AF5 url('/images/web/content/sub-visual03-3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub-visual.wd03_3 .subTxt img{margin:2rem auto 0;}
.sub-visual.wd04{background:#3E76CB url('/images/web/content/sub-visual04.jpg')no-repeat 50% 50%; background-size:cover;}
.sub-visual.wd05{background:#3E76CB url('/images/web/content/sub-visual05.jpg')no-repeat 50% 50%; background-size:cover;}
.sub-visual.wd06{background:#3E76CB url('/images/web/content/sub-visual06.jpg')no-repeat 50% 50%; background-size:cover;}
.sub-visual.survey{background:#3E76CB url('/images/web/content/sub_visual06-4.png')no-repeat 50% 50%; background-size:cover; padding:8.5rem 0;}
.sub-visual.survey .subTxt img{margin:0 auto;}


/*컨텐츠*/
.content{min-height:40rem;padding:4rem 0; animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .5s both;}
.content.mh0{min-height:auto;}
.content.tapBody{padding: 0 0 4rem;}
.content .con{width:65rem; margin:0 auto; line-height:1.3;}
.content .pat{background:#fff url('/images/web/content/pattern.png')repeat 0 0; border-radius:2rem; padding:2rem 4rem;}
.content.ing{min-height:20rem;padding:4rem 0 0; background:url('/images/web/content/inn_bg.jpg')no-repeat 50% bottom; text-align:center;}

.sub_Tith3{position:relative; color:#612C16; font-family: 'Jalnan'; font-size:1.8rem; text-align:center; margin-bottom:2rem;}
.sub_Tith3 span{position:relative; z-index:0; padding:0 .5rem;}
.sub_Tith3 span:before{ content : ""; display : block; position : absolute; left : 0; bottom : -0.25rem;  width : 100%; height : 1.5rem; background : #FFE63f; z-index:-1;}

.sub_Tith3.blue{color:#0F3F76}
.sub_Tith3.blue span:before{background:#9ae8ff;}

.sub_Tith3 .actInfo{cursor:pointer; position:absolute; right:0px; top:50%; margin-top:-1.75rem; width:3.5rem; height:3.5rem; border:5px solid #F7941D; line-height:3.3rem; text-align:center; color:#fff; font-size:1.5rem; font-family: 'Jalnan'; border-radius:50%; background:#FFDD00; box-shadow: inset -4px -5px 7px rgb(255 148 29 / 50%); text-shadow: 0px 5px 7px rgb(255 148 29 / 70%); transition: all 0.2s ease-out 0s;}
.sub_Tith3 .actInfo:hover{border-color:#e47707; background:#ffaa2a; box-shadow: inset -4px -5px 7px rgb(228 119 8 / 50%); text-shadow: 0px 5px 7px rgb(228 119 8  / 70%);}

/*노랑 버튼*/
.fullbtn{display: block; margin:2rem auto 0; width:14rem; height:4rem; line-height:3.5rem; background:#FFDD01; border-radius:2rem; border:5px solid #F7941D; text-align:center; font-size:1.3rem; padding:0; transition: all 0.2s ease-out 0s;}
.fullbtn:hover{transform: translateY(-0.15em); box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.fullbtn:focus{transform: scale(0.95); box-shadow:0px 10px 15px rgba(0,0,0,0.15);}

/*레프트메뉴*/
.leftMenu{width:65rem; margin:-1.5rem auto 0; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.3);}
.leftMenu ul{overflow:hidden;}
.leftMenu ul li{float:left; }
.leftMenu ul li:not(:first-child){border-left:1px solid #eee;}
.leftMenu ul li a{display: block; width:100%; height:3rem; line-height:3rem; font-size:1rem; background:#fff; text-align:center; font-family: 'Jalnan'; color:#0F3F76;}
.leftMenu ul li.on a{background:#0F3F76; color:#fff;}

.conWrap{padding-top:2rem;}

/*기후행동이란*/
.wd1-3{background:url('/images/web/content/wd1_3-bg.png')no-repeat 50% bottom;}
.boardWrap{}
.boardWrap .bd-top{background:url('/images/web/content/wd1_4-box-top.png')no-repeat 50% top; background-size:100%; padding-top:9%;}
.boardWrap .bd-cen{background-image:url('/images/web/content/wd1_4-box-cen1.png'),url('/images/web/content/wd1_4-box-cen2.png'); background-size:100% 50%; background-position:0 0, 0 bottom; background-repeat:repeat-x; padding:2rem; text-align:center;}
.boardWrap .bd-cen h4{font-weight:400; line-height:1.6; font-size:1.1rem; }
.boardWrap .bd-cen h4 b{position:relative;  z-index:0; color:#4cbba8;}
.boardWrap .bd-cen ul{display:flex; margin-top:2rem; justify-content: space-around;}
.boardWrap .bd-cen ul li{margin:0 .5rem;}
.boardWrap .bd-cen ul p{background:#FFDF0B; color:#111; margin-top:1rem;  font-size:1rem; height:3rem; line-height:3rem; border-radius:1.5rem;}
.boardWrap .bd-bot{background:url('/images/web/content/wd1_4-box-bot1.png')no-repeat 50% top; background-size:100%; padding-top:5%;}

.boardWrap2{position:relative; margin-top:2rem;}
.boardWrap2 .bd-cen{position:relative; background:url('/images/web/content/wd1_4-box-cen1.png')repeat-y 50% 0; background-size:100%; padding:2rem; text-align:center;}
.boardWrap2 .bd-cen div.jlnan{color: #f7941d; font-size:1.5rem; margin-top:2rem; }
.boardWrap2 .bd-cen .bd-img img{position:absolute;  bottom:-1.45rem;}
.boardWrap2 .bd-cen .bd-img img.img01{left:3vw;}
.boardWrap2 .bd-cen .bd-img img.img02{right:3vw;}
.boardWrap2 .bd-bot{background:url('/images/web/content/wd1_4-box-bot2.png')no-repeat 50% top; background-size:100%; padding-top:5%;}

/*기후헹동 소개*/
.wd1-2{background:url('/images/web/content/wd1_4-bg.png')no-repeat 50% bottom;}
.chaBox{overflow:hidden;}
.chaBox > div{width:50%; }
.chaBox .cfl{float:left;}
.chaBox .cfr{float:right;}
.chaBox .cImg img{display:block; margin:0 auto;}
.chaBox .cTxt{padding:10% 0%;}
.chaBox .cTxt h3{position:relative; height:3.5rem; line-height:3.5rem; border-radius:.5rem; color:#fff; text-align:center; font-size:1.5rem;}
.chaBox .cTxt h3:before{ content : ""; display : block; position : absolute;  top:5px; width : 2.2rem; height : 1.65rem;  }
.chaBox .cTxt div{border-radius:.5rem; padding:2rem; line-height:1.5; font-size:1rem;}
.chaBox .cTxt div h5{margin-top:1rem; font-size:1.1rem; }

.chaBox.yel .cTxt h3{background:#FFC600}
.chaBox.yel .cTxt h3:before{left :-0.8rem; background: url("/images/web/content/chaBox-h3-yel.png") no-repeat left top; background-size:100%; }
.chaBox.yel .cTxt div{background:#FFF6E3;}
.chaBox.blue .cTxt h3{background:#2DB9FF}
.chaBox.blue .cTxt h3:before{right :-0.8rem; background: url("/images/web/content/chaBox-h3-blue.png") no-repeat left top; background-size:100%; transform:rotateY(180deg);}
.chaBox.blue .cTxt div{background:#DAF3FF;}
.chaBox.pnik .cTxt h3{background:#FF769E}
.chaBox.pnik .cTxt h3:before{left :-0.8rem; background: url("/images/web/content/chaBox-h3-pnik.png") no-repeat left top; background-size:100%; }
.chaBox.pnik .cTxt div{background:#FFDEE8;}


/*스쿨챌린지*/
.school01-top{width:65rem; margin:0 auto; background:#F6F9FF; text-align: center;}
.school01-top .schInfo{padding:3rem 7rem; overflow:hidden;}
.school01-top .schInfo li{ text-align: left;  position:relative; padding-left:7rem; padding-top: .5rem; line-height:1.8; margin-bottom:1rem; font-size:1rem;}
.school01-top .schInfo li span{position:absolute; left:0px; top:5px; width:6rem; height:2.2rem; line-height:2.2rem; border-radius:1.1rem; color:#fff; background:#0F3F76; text-align:center; font-size:1.1rem; font-weight:600;}
.school01-top .schInfo li em{color:#0F3F76}
.school01-top .schInfo li i{color:#FF0101}

.simin-top{background:#F0FFFD; text-align: center;}
.simin-top .schInfo li span{background:#00816D}
.simin-top .schInfo li em{color:#00816D}

.chal_sch{padding-top:3rem; overflow:hidden;}
.school_numWrap{overflow:hidden; margin:0 -1%;}
.school_num{float:left; width:48%; border:1px solid #ddd; border-radius:1rem; margin:0 1%; padding:2rem}
.school_num .author{text-align:left; display: flex; align-items: center;}
.school_num .author span{width: 3.5rem; height:3.5rem; display: inline-block; border-radius: 50%; vertical-align: middle; margin-right:1rem;}
.school_num .author p{ display: inline-block; margin-top:.5rem; font-size:1.1rem;}
.school_num .status {background:#f7f8f9; border-radius:.8rem; padding:1rem; margin-top:1.5rem;}
.school_num .status ul{display:flex; align-items: center; justify-content: space-between;}
.school_num .status ul li{flex-basis:48%; text-align:center; font-size:1rem;}
.school_num .status ul li:not(:first-child){border-left:1px dotted #ddd;}
.school_num .status ul li span{display:block; margin-bottom:.5rem; }
.school_num .status ul li em{  font-size:1.1rem; font-weight:600; color:#3D76CD;}
.school_num#schoolDiv .status ul li{flex-basis:32%;}
.school_num#schoolDiv .status ul li em{color:#51B84A}

.winBox{border:1px solid #70c1b3; border-radius:1rem;  padding:2rem; background:rgba(8,183,156,0.3);  text-align:center;}
.winBox h4{font-size:1.3rem; color:#00816D;}

.regi{position:relative; margin-top:1rem; background:#004EA2; border-radius:1rem;  padding:1.5rem 2rem; color:#fff; font-size:1rem; display:flex; align-items: center; }
.regi > div{margin-right:1rem; }
.regi > div em{color:#FFC600; font-size:1.1rem; }
.regi .tit{background:#fff; padding:.5rem 1rem; color:#003671; font-size:1.2rem; font-weight:600; border-radius:1.5rem; margin-right:1rem;}
.regi a{position:absolute; right:1rem; top:50%; transform:translateY(-50%); background:#003671; color:#fff; border-radius:.3rem; padding:.5rem 1rem; cursor:pointer}

.unregi{text-align:center; margin-top:2rem;}
.btnhover{display:inline-block; width:15rem;  border-radius:2rem; padding:.7rem 2rem; cursor:pointer; border:1px solid #003671; color:#003671;  font-size:1.2rem; font-weight:500; transition: all 0.3s ease;}
.btnhover:hover{color:#fff; background:#003671}

.simin_num{ border:1px solid #ddd; border-radius:1rem;  padding:2rem; display:flex; align-items: center; justify-content: flex-start; margin-top:1rem;}
.simin_num .author{flex-basis:20%; text-align:center;}
.simin_num .author span{width: 8rem; height:8rem; display: inline-block; border-radius: 50%; vertical-align: middle;}
.simin_num .author p{margin-top:.5rem; font-size:1.3rem;}
.simin_num .staWrap{flex-basis:80%;}
.simin_num .status { background:#f7f8f9; border-radius:.8rem; padding:1rem;}
.simin_num .status ul{display:flex; align-items: center; justify-content: space-between;}
.simin_num .status ul li{flex-basis:48%; text-align:center; font-size:1rem;}
.simin_num .status ul li:not(:first-child){border-left:1px dotted #ddd;}
.simin_num .status ul li span{display:block; margin-bottom:.5rem; }
.simin_num .status ul li em{  font-size:1.3rem; font-weight:600; color:#51B84A;}
.simin_num .staWrap .regi{padding:1rem;}

.grid{position:relative;  padding:2rem 0 2rem 15rem;  min-height:5rem; line-height:1.8; font-size:.9rem;}
.grid h5{position:absolute; left:1rem; top:1rem; color:#0F3F76; font-size:1.3rem; }
.grid h5 em{display:block; font-size:.8rem; color:#3D76CD;}

.ast{color:#858585; font-size:.8rem; display:block; position:relative; padding-left:15px;}
.ast:before{content : "※"; display : block; position : absolute; left : 0; top:0; }

.table-scroll {	position:relative;	max-width:1000px;	margin:auto;	overflow:auto; margin-top:10px;white-space:nowrap;}

.table-scroll table {border-collapse: collapse;	border-spacing: 0;  margin-bottom: 7px; font-size: 14px;}
.table-scroll table  thead th{background-color: #edf2fb;	color: #013277; font-weight: bold; padding:13px 10px 11px 10px; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-top: 2px solid #013277; font-size: 13px;}
.table-scroll table  tbody th{background-color: #fbfbfb;  padding:8px 10px 6px 10px; font-weight:bold; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;}
.table-scroll table  tbody td{border-bottom: 1px solid #e2e2e2;  border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; color: #333; padding:8px 10px 6px 10px; text-align: center;}
.table-scroll table  .txt_left{text-align: left;}

.schPoint{background:url('/images/web/content/schPoint_bg.jpg')no-repeat 0 50%; background-size:cover; margin-bottom:2rem; padding:2rem 1rem; border-radius:5rem 5rem 0rem 5rem; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.schPoint p{background:#fff; padding:.5rem 2rem; border-radius:1.5rem; font-size:1.2rem;}
.schPoint p span{font-family: 'Jalnan'; }
.schPoint p b{color:#3D76CD;}
.schPoint .cal{margin-top:1rem; font-size:1rem;}


.pointList{display: flex; align-items: center; border-bottom: 1px solid #F3F1EF; padding: .8rem 0; font-size: .9rem;}
.pointList .ico{flex-basis:20%; text-align:center; }
.pointList .ico em{display:none;}
.pointList .ico span{display:block; margin:0 auto 1rem; width:6rem; height:6rem; line-height:6rem; border:1px solid #3D76CD; color:#3D76CD; font-size:1.3rem;  border-radius:50%;}
.pointList .txt{flex-basis:80%; position:relative;}
.pointList .txt .date{color:#888; }
.pointList .txt .subject{font-size:1.1rem; font-weight:600; margin:.5rem 0 1rem; padding-right:6rem}
.pointList .txt .st{color:#3D76CD;padding-right:6rem}
.pointList .txt .score{position:absolute; right:0px; top:50%; transform:translateY(-50%); background:rgba(61,118,205,0.3); padding:.5rem 1rem; border-radius:1.5rem; font-weight:600; color:#0F3F76;}

/*캠페인챌린지*/
.camp-top{background:#fff; text-align: center;}
.camp-top .schInfo li span{background:#0079EA}
.camp-top .applyBtn{display:inline-block; margin:3rem auto 0;  cursor:pointer;}
.camp-top .applyBtn img{width:22rem;}

.innerPop3{ position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 100000;}
.innerPop3 .popin{width:30rem;  position:absolute; top:50%; left:50%;  transform:translate(-50%,-50%); background:#fff; text-align:center; border-radius:20px ; padding:1rem;}
.innerPop3 .privateWrap:not(:first-child){margin-top:1rem;}
.innerPop3 .privateWrap .private{width:100%; padding:.5rem; height:9rem; overflow-x:hidden; overflow-y:auto; background:#f7f7f7; border:1px solid #e6e6e6; font-size:.8rem; text-align:left; margin-bottom:.5rem;}
.innerPop3 .privateWrap .private h6{font-size:1rem; margin:.5rem 0;}
.innerPop3 .privateWrap .clause{text-align:right; }
.innerPop3 input[type="text"].put_answer{margin: 1rem 0;  background: #EFEBE9;  text-align: center;  border-radius: .4rem;  height: 2.5rem;  line-height: 2.5rem;}
.innerPop3 a.submitBtn{display: block; width: 100%;  margin-top: 1rem;  height: 3rem;  line-height: 3rem;  font-weight: 600;  text-align: center; border: 1px solid #ffcb0b;  border-radius: 1.5rem;  background: #ffdd00;  position: relative;}
.innerPop3 a.submitBtn.blue{background: #004EA2; color:#fff; border: 1px solid #004EA2;}
.innerPop3 .close{right:0; font-size:1.5rem;}
.innerPop3 .close i{font-size:2.5rem;}

/*기후행동 실천*/
.wd1_1{background:#FFFBDE;}
.actList{position:relative; }
.actList .act{background:#fff; padding:1rem 2rem; margin-top:1.5rem; border-radius:5rem;  display: flex;   justify-content: space-between; align-items: center; flex-wrap: wrap;}
.actList .act span.num{display: flex; align-items: center; justify-content: center; background:#F7941D; color:#fff;  font-family: 'Jalnan'; font-size:1.5rem; width:3.5rem; height:3.5rem; border-radius:1.75rem;}
.actList .act .icon{width:4rem; height:4rem; padding:0.5rem;}
.actList .act .subject{flex-basis:45%; font-size:1.1rem;}
.actList .act .act_btn .actBtn{position:relative;display:inline-block; width:10rem; height:4rem; line-height:3rem; font-size:1.1rem; border:.35rem solid #F7941D;  border-radius:2rem; text-align:center; transition: all 0.2s ease-out 0s; cursor:pointer}
.actList .act .act_btn .actBtn:last-child{margin-left:.5rem;}
.actList .act .act_btn .actBtn.on{ background:#FFDD00;}
.actList .act .act_btn .actBtn:hover:before,
.actList .act .act_btn .actBtn.on:before{content : ""; display : block; position : absolute; left : 5px; top : 0;  width : 1.5rem; height : 1rem; background :url('/images/web/content/actBtn.png')no-repeat left top ; background-size:100%; }
.actList .act .act_btn .actBtn:hover{background:#FFDD01;}
.actList .act .act_btn .actBtn:focus{box-shadow: inset 2px 2px 20px rgb(255 148 29 / 50%);}

.actView .actView-top{background:#F7941D; padding:1rem; border-radius:5rem 5rem 0rem 5rem; display:flex; align-items: center; justify-content: center;} 
.actView .actView-top .icon{display:flex; background:#fff; border-radius:50%; width:5rem; height:5rem;  padding: 1rem;}
.actView .actView-top .subject{display:flex; padding-left:1rem; color:#fff; font-size:1.3rem;}

/*기후행동 실천 뷰*/
.actView-cont .file_bg{margin:2rem 0; background: #EFEBE9; border-radius:1rem; padding:2rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.actView-cont .file_bg2{margin:2rem 0; background: #EFEBE9; border-radius:1rem; padding:2rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: row;}
.actView-cont .file_bg input[type="file"]{display:none}
.actView-cont .file_bg label{display:flex; align-items: center; justify-content: center; background:#fff; width:8rem; height:8rem; padding:1.5rem; border-radius:50%; margin-bottom: 1rem; cursor:pointer;}
.actView-cont .file_bg2 .fileup{width: 25%; padding: 0 10px;  text-align: right;}
.actView-cont .file_bg2 .fileup .img{    padding-top: 100%;    border-radius: 8px; cursor:pointer}
.actView-cont .txtBox{position:relative;}
.actView-cont .txtBox textarea{border:none; border-radius:1rem; resize: vertical; background:#f7f7f7; height:6rem;}
.actView-cont .txtBox span{position:absolute; right:.5rem; bottom:.5rem; color:#F7941D}


/*참여방법*/
#actInfo_popup{position:fixed; left:50%; top:50%; transform:translate(-50%, -50%);  z-index: 100000; }
#actInfo_popup .actInfoDiv{position:relative; background:#fff; padding:2rem; border-radius:1rem; width:50rem; }
#actInfo_popup .actInfoDiv .actTop{position:relative; border-bottom:1px solid #ddd; padding-bottom:1.5rem; margin-bottom:1.5rem;}
#actInfo_popup .actInfoDiv .actTop img{position:absolute; right:0; bottom:0; height:10rem; }
#actInfo_popup .actInfoDiv .actTop h2{ font-family: 'Jalnan';  font-size:2.5rem; }
#actInfo_popup .actInfoDiv .actTop h2 span{dispaly:block; color:#FF7F00;}
#actInfo_popup .actInfoDiv .actTop h3{color:#888; font-style:italic; font-size:1.1rem; font-weight:400; margin-top:1rem;}
#actInfo_popup .actInfoDiv .close{position:absolute; right:1rem; top:1rem;  cursor:pointer;}
#actInfo_popup .actInfoDiv .close i{ color:#111; font-size:1.6rem;}
#actInfo_popup .actInfoDiv ul{display:flex; justify-content: space-between;}
#actInfo_popup .actInfoDiv ul li{flex-basis:48%; line-height:1.5;}
#actInfo_popup .actInfoDiv ul li h4{margin-bottom:1rem; font-size:1.1rem; }
#actInfo_popup .actInfoDiv ul li h4 span{background:#FF7F00; color:#fff;line-height:1; text-align:center; padding:.5rem 1rem; display:inline-block; border-radius:.2rem; }
#actInfo_popup .actInfoDiv ul li b{color:#FF7F00}

/*기후행동 퀴즈*/
.quiz_intro{position:relative; text-align:center;  margin:0 auto; }
.quiz_intro .start,
.quiz_intro .godap{z-index:1; position: absolute; bottom: 15%; left: 50%;  transform: translateX(-50%);  width: 60%; text-align:center; cursor:pointer}

.wd1_4{background: #FFFBDE; animation:none;}
.quiz_bg{position:relative;  margin:0 auto; text-align:center; }
.quiz_bg form{height: 70%;  z-index: 1;  position: absolute;  top: 16%;  left: 50%;  transform: translateX(-50%);  width: 65%;  text-align: center;}
.quiz_bg .time{display:flex; justify-content: space-between;align-items: center;  position:relative; background:#e2dddb; width:100%; margin:0 auto; padding:0.75rem; border-radius:8px; margin-top:6%;}
.quiz_bg .time div{flex-basis: 33.33%; padding:0 0.4rem; text-align:center; color:#612c16;}
.quiz_bg .time div.num{}
.quiz_bg .time div.num em{font-size:1.4rem; font-weight:600;}
.quiz_bg .time div.num img{ margin-bottom:8px;}
.quiz_bg .time .timeSet{position:absolute; top:-5rem; left:50%; width:10rem; transform:translateX(-50%); height:25%;}
.quiz_bg .time .timeSet p{display:block; position:relative; width:100%; background:url('/../images/content/time.png') no-repeat center center; background-size:100% auto; padding-top:130%;}
.quiz_bg .time .timeSet p span{font-size:2.5rem; line-height:1; font-weight:600;position:absolute; bottom:21%; left:50%; transform:translateX(-50%);}

.ques{display:block; position:relative;  margin-top:5%;background:#fff; padding:2rem 1rem 1rem; height:65%; border-radius:8px; text-align:center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ques h4{font-size:1.1rem;line-height:1.3em; letter-spacing:-0.08em; word-break:break-all; margin-bottom:3rem; color:#003D85; display:flex; justify-content: center;}
.ques p{position:absolute;  top:-0.5rem; left:50%; transform:translateX(-50%); text-align:center; background:url('../images/content/qnum_bg.png') center center no-repeat; background-size:100% 100%; padding:0.25rem 2.3rem;}

.answer{display:flex; width:100%; align-items: center; justify-content: space-between; }
.radio2{display:inline-block;flex-basis: 47%; }
.radio2 input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio2 input[type="radio"] + label {padding:0; display:inline-block; position: relative; width:100%; font-size:5rem;color:#fff; padding-top:65%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  z-index:0; font-weight:900;  }
.radio2 input[type="radio"] + label em{position:absolute; left:50%; top:50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.radio2 input[type="radio"].disabled + label:before {background:#EBEAE4;}
.radio2 input[type="radio"]:checked + label:before{background:#50b848;}

.qz_aw h4{background: #F7941D;  padding: 1rem;  border-radius: 5rem 5rem 0rem 5rem; text-align:center; color:#fff; display: flex; align-items: center; justify-content: center;}
.qz_aw h4 b{background:#f56c1c; color:#efff00;padding:.2rem .8rem; border-radius:1rem; font-size:1.1rem; margin-left:.5rem; }
.qz_aw .qtit{position:relative; background:#fff; border-radius:1rem 1rem 0 0; border:1px solid #ddd; border-bottom:1px dashed #ddd; font-size:1.0rem; padding:1rem; margin-top:1.5rem;}
.qz_aw .qtit img{    position: absolute;  left: 0.25rem;  top: 0.2rem;}
.qz_aw .qdap{background:#f7f8f9; border-radius:0 0 1rem 1rem ; border:1px solid #ddd; border-top:none; padding:1rem;}
.qz_aw .qdap b{display: block; margin-bottom: 5px;  color: #004EA2; font-size:.9rem;}
.qz_aw .qdap b em{color:#FF2627}

/*이벤트*/
.wd3_1{background:#f4f4f4;}
.eventWrap{margin:-1.5%;}
.eventWrap .eventDiv{ position:relative; float:left; width:30.3%; margin:1.5%; background:#fff; cursor:pointer}
.eventWrap .eventDiv:hover{box-shadow: 0 5px 13px rgb(0 0 0 / 20%);}
.eventWrap .eventDiv .img{ overflow:hidden; }
.eventWrap .eventDiv .img span{width:100%; height:100%; padding-top:100%; display: block; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out;  }
.eventWrap .eventDiv:hover .img span{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.eventWrap .eventDiv .dday{background:#004EA2; color:#fff; position:absolute; left:0px; top:0px; font-weight:400; padding:.5rem 0; text-align:center; z-index: 1; width:3rem; height:3rem;}
.eventWrap .eventDiv .txt{padding:1rem; min-height:11.7rem; }
.eventWrap .eventDiv .txt .st span{display:inline-block; vertical-align:top; padding:.3rem .8rem; text-align:center; border-radius:3rem;   font-weight:normal;  letter-spacing:0; color:#fff;}
.eventWrap .eventDiv .txt .e01{background:#0094da; }
.eventWrap .eventDiv .txt .e02{background:#ed1164; }
.eventWrap .eventDiv .txt .e03{background:#898989; }
.eventWrap .eventDiv .txt .s01{background:#fff; border:1px solid  #444; color:#444 !important;}
.eventWrap .eventDiv .txt h3{margin-top:.5rem; font-size:1rem; display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em;}
.eventWrap .eventDiv .txt .date{color:#888; margin-top:.5rem;}
.eventWrap .eventDiv .txt .point{color:#EE285F; margin-top:1rem; margin-right: 0.5rem; display: inline-block;}
.eventWrap .eventDiv .txt .point img{height:1.5rem;}
.eventWrap .eventDiv.endDiv{opacity:.5; cursor:default;}
.eventWrap .eventDiv.endDiv a{cursor:default;}
.eventWrap .eventDiv.endDiv .dday{background:#898989;}

.eventView .bgTop{background:#fff; border-top:2px solid #7322C8; padding:2rem 1rem; margin-bottom:1rem; text-align:center;}
.eventView .bgTop h3{font-size:1.7rem; margin-bottom:.5rem;}
.eventView .bgTop .date{color:#888;}
.eventView .bgTop .point{ margin-top:1rem; }
.eventView .bgTop .point em{color:#ED1752;}
.eventView .bgTop .point img{width:1.5rem; }
.eventView .bgTop .point.tip span{width:3rem; height:1.5rem; line-height:1.5rem; font-size:.8rem;}
.eventView .subCon{background:#fff; padding:1.5rem 1rem; text-align:center;}
.eventView .subCon .put_answer{background: #EFEBE9; border-radius: 8px; width:44rem; margin:0 auto; resize: vertical;}
.eventView .subCon .submitBtn{display: block; margin:2rem auto; width:14rem; height:4rem; line-height:3.5rem; background:#FFDD01; border-radius:2rem; border:5px solid #F7941D; text-align:center; font-size:1.1rem; padding:0; transition: all 0.2s ease-out 0s;}
.eventView .subCon .submitBtn:hover{transform: translateY(-0.25em); box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.eventView .subCon .submitBtn:focus{transform: scale(.98)}

.eventView .winCon{ padding:27rem 4rem 5rem; text-align:center; background:#E8E8E8 url(/../images/web/content/winnerBg.jpg)no-repeat 50% 0; }
.eventView .winCon .event_view{background:#fff; border-radius:1rem; padding:2rem; overflow:hidden;}
.eventView .winCon .event_view .winner_ul li{float:left; width:20%; margin:.5rem 1rem; }

.botBtns{overflow:hidden; margin-top:1.5rem; text-align:center; }
.botBtns .btnList{cursor:pointer; display:inline-block; width:10rem; height:2.5rem; line-height:2.5rem; border-radius:1.5rem;  border:1px solid #ddd; text-align:center; color:#0F3F76; background:#fff; transition: all 0.2s ease-out 0s;}
.botBtns .btnList:hover{background:#0F3F76; border-color:#0F3F76; color:#fff;}
.botBtns .btnWrite{cursor:pointer; display:inline-block; width:5rem; height:2.5rem; line-height:2.5rem; border-radius:1.5rem;  border:1px solid #ddd; text-align:center; color:#0F3F76; background:#fff; transition: all 0.2s ease-out 0s;}
.botBtns .btnWrite:hover{background:#0F3F76; border-color:#0F3F76; color:#fff;}
.botBtns .btn_submit{cursor:pointer; display:inline-block; width:10rem; height:2.5rem; line-height:2.5rem; border-radius:1.5rem;  border:1px solid #fee001; text-align:center; color:#111; background:#fee001; transition: all 0.2s ease-out 0s;}.botBtns .btn_list{cursor:pointer; display:inline-block; width:10rem; height:2.5rem; line-height:2.5rem; border-radius:1.5rem;  border:1px solid #424242; text-align:center; color:#fff; background:#424242; transition: all 0.2s ease-out 0s;}
.botBtns .btn_submit:hover{background:#111; border-color:#111; color:#fff;}

.botBtns .btn_list,
.botBtns .btn_edit,
.botBtns .btn_delete{ border:1px solid #ddd; background:#fff; cursor:pointer; display:inline-block; margin:0 0.5%;width:8rem; height:2.5rem; line-height:2.5rem; border-radius:1.5rem;  text-align:center;  transition: all 0.2s ease-out 0s;}
.botBtns .btn_list{  color:#0F3F76; }
.botBtns .btn_list:hover{ border:1px solid #0F3F76; color:#fff; background:#0F3F76;}
.botBtns .btn_edit{ color:#0178E7; }
.botBtns .btn_edit:hover{ border:1px solid #0178E7; color:#fff; background:#0178E7;}
.botBtns .btn_delete{ color:#111; }
.botBtns .btn_delete:hover{border:1px solid #111; color:#fff; background:#444;}

/*페이징*/
.pageNav{text-align:center; margin-top: 1rem;}
.pageNav ul li{display:inline-block; width:1.8rem; height:1.8rem; line-height:1.6rem; vertical-align:top; margin:0 .2rem;}
.pageNav ul li a{display:block;width:100%; height:100%;  border:1px solid #ddd; background:#fff; border-radius:50%; cursor:pointer}
.pageNav ul li a.on{background:#0F3F76; color:#fff; border-color:#0F3F76;}
.pageNav ul li.next_no a{text-indent:-10000px; background:#fff url('/../images/web/content/page_next.png')no-repeat 0 0; background-size:100%;}
.pageNav ul li.prev a{text-indent:-10000px; background:#fff url('/../images/web/content/page_prev.png')no-repeat 0 0; background-size:100%;}
.pageNav ul li.first a{text-indent:-10000px; background:#fff url('/../images/web/content/page_first.png')no-repeat 0 0; background-size:100%;}
.pageNav ul li.last a{text-indent:-10000px; background:#fff url('/../images/web/content/page_last.png')no-repeat 0 0; background-size:100%;}

/*출석체크 이벤트*/
@font-face {
    font-family: 'KyoboHand';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.content.wd3_3{padding:0px}
.checkBg1{background:#DAEDFE url('/../images/web/content/check_tree.png')no-repeat 50% bottom; padding:3rem 1rem 3rem; }
.checkBg1 .subTit{margin:2rem 0; font-size:1.2rem; color:#01387F; line-height:1.5; font-weight:500;}
.checkBg1 .subTit b{color: #ea2456;}
.check_view{margin:3rem auto 0; width:80%;}
.check_form {position:relative;}
.check_form h3{position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; background:#1979FB; color:#fff; border-radius:2rem;  height:4rem; line-height:4rem; width:50%; font-size:1.5rem;}
.check_form h3 span{margin-right:1.5rem; padding-right:1.75rem; border-right:1px solid #3086FB;}
.check_form .checkCon{font-family: 'KyoboHand'; display: flex; align-items: center; justify-content: center; background:#fff; border-radius:.5rem; border:1px solid #1979FB; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.25); padding:1.5rem 1rem 1rem; font-size:1.4rem; line-height:1.3; min-height: 15rem; }
.check_form .submitBtn{background:#3366CC; border-color:#2357A1; color:#fff;}
.check_form .put_answer{background:#fff; font-size:1rem;}
.check_form .fileWrap{background:#acd5ff; border-radius: 10px; padding: 5% 10%; position:relative; margin-top:1rem;}
.check_form .fileWrap .filebox{background:#fff; padding:1.25rem .5rem ; border-radius:10px;}
.check_form .fileWrap .filebox label{display:block; padding-right:0; margin-bottom:1rem;background-color:#fff; border: 1px solid #fff;    border-bottom-color: #fff; }
.check_form .fileWrap .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checkBg2{position:relative; background:#DAEDFE url('../../images/content/check_bg2.jpg')no-repeat 50% 0; background-size:100% auto; padding:1rem .8rem 1.5rem; }
.checkBg2:before{content : ""; display : block; position : absolute;  left:5%; bottom:3rem; width : 90%; height : 2rem;  background: url("../../images/content/check_tree.png") no-repeat left top; background-size:100%;}
.checkBg2 .checkTit{padding:0 2.7rem 0 1.2rem;}
.checkBg2 p{text-align:center; margin:1rem 0; color:#01387F;}
.checkBg2 p b{color:#ea2456;}
.checkBg2 p em{font-size:.6rem;}
.check_calendar{width:40rem; margin:0 auto; min-height: 200px; filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25)); padding-top:0; }
.check_total{margin-bottom:1.5rem; border-radius:20px; background:#fff; overflow:hidden; }
.check_total li{float:left; width:50%; text-align:center; color:#005baa; height:3rem; line-height:3rem; font-size:1.1rem;}
.check_total li:first-child{border-right:1px solid #D2E5F5;}
.check_calenTop{position:relative; text-align:center; background:#366AB3; border-radius:20px 20px 0 0; padding:.5rem 0; color:#fff; font-size:1rem; ;}
.check_calenTop:before,
.check_calenTop:after{content : ""; display : block; position : absolute;  top:-0.65rem; width : 1rem; height : 2rem;  background: url("../../images/content/check_caltop.png") no-repeat left top; background-size:100%; z-index:1;}
.check_calenTop:before{left:1rem;}
.check_calenTop:after{right:1rem}
.check_calenTab{background:#fff; border-radius:0 0 20px 20px; overflow:hidden; }
.check_calenTab thead th{background:#01C5F9; padding:.5rem ; color:#fff; border-left:1px solid #98DAEB; font-weight:500; font-size:.7rem;}
.check_calenTab thead th:first-child{border-left:none;}
.check_calenTab tbody td{position:relative; padding:1rem .5rem .5rem;  border-left:1px solid #eee; border-top:1px solid #eee; text-align:center;}
.check_calenTab tbody td:first-child{border-left:none;}
.check_calenTab tbody td span{position:absolute; right:.5rem; top:.5rem; font-size:.8rem; line-height:1;}
.check_calenTab tbody td.sun span{color:#ff0000;}
.check_calenTab tbody td.sat span{color:#366AB3;}
.check_calenTab tbody td img{filter: grayscale(100%); opacity: 0.3;}
.check_calenTab tbody td.check img{filter: grayscale(0%); opacity: 1;}

.innerPop .now_pop.check_pop{background:none;}
.innerPop .check_pop .checkImg {width: 15rem;  animation-duration: 5s;  animation-iteration-count: infinite;}
.innerPop .check_pop .viewbtn{background:#3AAAF8; font-size:1.3rem; font-weight:600; padding:.3rem 2.5rem; border-radius:2rem; color:#fff;}
.innerPop .check_pop .spoint{margin-bottom:3rem;}
.innerPop .check_pop .spoint strong{display:block; text-align:center; color:#FF515B; font-size:3rem; margin-bottom:1rem;}
.innerPop .check_pop .spoint img{width:80%;}
.innerPop .check_pop .go{display:block; margin-top:3rem;}


/*정보&꿀팁*/
.wd4-1{background:#FFFBDE; }
.tabMenu{text-align:center; margin-bottom:2rem;}
.tabMenu ul li{display:inline-block;}
.tabMenu ul li a{display:block; width:6rem; height:2.5rem; margin:0 0.3rem; line-height:2.3rem;border-radius:1.5rem; background:#fff; border:1px solid #FFD231; color:#f7941d; font-size:1rem; transition: all 0.2s ease-out 0s; cursor:pointer}
.tabMenu ul li.on a{background:#f7941d; color:#fff; }
.tabMenu ul li a:hover{background:#FFC600; color:#fff;}

.tipWrap{margin:-1.5%; }
.tipWrap .tipDiv{ position:relative;float:left; width:47%; margin:1.5%; background:#fff; border-radius:1rem; box-shadow: 0 0px 5px rgb(255 198 0 / 20%); cursor:pointer}
.tipWrap .tipDiv:hover{box-shadow: 0 5px 13px rgb(0 0 0 / 20%);}
.tipWrap .tipDiv .img{overflow:hidden; border-bottom:1px solid #eee ; border-radius:1rem 1rem 0 0;}
.tipWrap .tipDiv .img span{width:100%; height:100%; padding-top:55%;  display: block; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out;  }
.tipWrap .tipDiv:hover .img span{-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.tipWrap .tipDiv .dday{background:#004EA2; color:#fff; position:absolute; left:0px; top:0px; font-weight:400; padding:.5rem 0; text-align:center; z-index: 1; width:3rem; height:3rem;}
.tipWrap .tipDiv .txt{padding:1rem; min-height:6rem; position:relative;}
.tipWrap .tipDiv .txt h3{font-size:1.1rem; padding-right: 3rem; display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em;}
.tipWrap .tipDiv .txt .point{position:absolute; right:1rem; top:1rem;}
.tipWrap .tipDiv .txt .point span{display:block; margin-right:0; margin-top:0; margin-bottom:.25rem; width:100%; height:1.5rem; line-height:1.5rem; font-size:.8rem; }
.wd4-1 .eventView .bgTop{border-color:#ffc600;}

.vodView{padding:2rem 5rem;}
.vod .cover{position:relative; overflow:hidden; background:#fff;  padding-top:56%;}
.vod .cover-video , .vod iframe{position:absolute; width:100%; height:100%; left:0; top:0;}
.takepoint,
.btn_movie{margin-top:1rem;}



/*개인정보 처리방침*/
.terms{text-align:left; width:100%; margin:0 auto; font-size:.8rem; word-break:break-all; line-height:1.5;}
.terms h3{font-size:1rem; margin-top:1.5rem; margin-bottom:5px;}
.terms h3:first-child{margin-top:0;}
.terms h4{font-size:.9rem; margin-top:1rem; margin-bottom:5px;}
.terms ul li{position:relative; padding-left:18px;}
.terms ul li span{position:absolute; left:0; top:0;}
.terms ul li ul{margin:10px 0; color:#787878; }
.terms ul li ul li{padding:0;}
.terms b{display:block;margin-top:1rem; color:#F68121;}
.terms .bar li:before{top:10px;}
.terms .bar li{padding-left:13px;}

/* faq */
.wd4{background:#F2F9FE}
.wd4 .con{background:#fff; border-radius:1rem; padding:1.5rem; min-height: 42rem;}
.faq{border-bottom:1px solid #ddd; word-break:break-all; font-size:1rem;}
.faq:first-child .fq{border-top:2px solid #222;}
.faq .fq{cursor:pointer; padding:1.5rem 1.7rem; background:#fff; padding-left:3rem; font-weight:500; position:relative; background:url('/../images/content/fq.png') no-repeat .5rem 1.3rem; background-size:34px auto; letter-spacing:-0.06em; -webkit-transition: all 0.5s ease;}
.faq .fq:after{ content: "\EA4E"; display : block; position : absolute; right:0;  top:1rem;font-family:'remixicon'; font-weight:300; font-size:1.5rem; color:#787878;}
.faq .fa{padding:1rem 1.2rem; padding-left:3rem;  line-height:1.5; position:relative; display:none;background:#f7f7f7 url('/../images/content/fa.png') no-repeat .5rem .8rem;  background-size:34px auto;border-top:1px solid #ddd;}
.faq .fq.on{position:relative; }
.faq .fq.on:after{  transform: rotate(-180deg);}
.faq .bar{margin-top:0; margin-bottom:20px;}
.faq .bold{font-weight:500; margin-bottom:5px; color:#000;}
.faq .bold:first-child{margin-top:20px;}
.faq .indent{display:block; margin-left:100px;}

.fileDown{margin-top:5px;}
.fileDown a{color:#098DEC; text-decoration:underline !important;}
.fileDown i{vertical-align:middle;color:#098DEC; }

/*공지사항*/
.noticeTop{display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:1rem;}
.noticeTop p{font-size:1rem; line-height:2rem;}
.noticeTop p b{color:#497ECE; }
.noticeTop .search {position:relative; }
.noticeTop .search input[type="text"]{border-radius:1rem; height:2rem; width:calc(100% - 3.7rem)}
.noticeTop .search input.btn_search{margin-left:.5rem; display:inline-block;cursor:pointer; background:#0F3F76; color:#fff; width:3rem;height:2rem;  border-radius:1rem; text-align:center; border-color:#0F3F76; }

.noticeList table thead th{padding:1rem .5rem; background:#E8F0F8; border-top:2px solid #0F3F76; border-bottom:1px solid #ddd;} 
.noticeList table tbody tr{cursor:pointer}
.noticeList table tbody td{padding:1rem .5rem; border-bottom:1px solid #ddd; text-align:center;}
.noticeList table tbody td.title{text-align:left;}
.noticeList table tbody td.nodate img{display:block; margin:0 auto 0.5rem;}
.noticeList table tbody tr:hover td{background:#F2F9FE; }
.noticeList table tbody tr:hover td.nodate{background:#fff;}

.noticeView .notiTop{position:relative;border-top:2px solid #1F4C7F; background:#E8F0F8; padding:2rem 1rem; text-align:left;  }
.noticeView .notiTop:before{content : ""; display : block; position : absolute; right : 0; top :0; margin-top : -8.1rem; width : 15.4rem; height : 8rem;  background:url('/images/web/content/notice_top.png')no-repeat 0 0; background-size:100%;}
.noticeView .notiTop h3{font-size:1.5rem; font-weight:600;}
.noticeView .notiTop p{color:#1F4C7F; font-size:.8rem;}
.noticeView .notiCont{padding:1rem; border-bottom:1px solid #ddd; min-height:18rem;}

/*문의하기*/
.onlineDiv{padding:1.5rem 2rem; background:#E8F0F8; border-radius:1rem;}
.onlineDiv h3{text-align:center; margin-bottom:1rem; font-size:1.3rem;}
.onlineDiv table th, .onlineDiv table td{text-align:left; font-size:1rem; color:#444; padding:.5rem;}
.onlineDiv table th{position:relative; padding:.75rem .5rem .75rem 2rem; vertical-align: top;}
.onlineDiv table th:before{ content : ""; display : block; position : absolute; left : .5rem; top :.85rem;  width : .5rem; height : .5rem; border-radius:.5rem; border:5px solid  #0F3F76;}
.onlineDiv table td input{border-radius:.5rem;}
.onlineDiv table td .file .placeFile{display:none;}
.onlineDiv table td .file #ex_file{width:calc(50% - 5rem);}
.onlineDiv table td .file .btn_place1{display:inline-block; border-radius:.5rem; width:4.5rem; height:2rem; line-height:2rem; background:#0F3F76; color:#fff; text-align:center; font-size:.7rem;}
.onlineDiv table td iframe{background:#fff;}

.chks {display:inline-block;position:relative; font-weight:normal; word-break:break-all; }
.chks input[type="radio"],
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; }
.chks input[type="radio"] + label,
.chks input[type="checkbox"] + label {display:inline-block; font-size:1rem; vertical-align:middle;position:relative;padding-left:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.chks input[type="radio"] + label:before,
.chks input[type="checkbox"] + label:before {outline:none; content:'';position:absolute;left:0;top:50%;margin-top:-0.6rem;width:1.2rem;height:1.2rem;background: url('/../images/content/chk.png') no-repeat center center; background-size:1.2rem;  }
.chks input[type="radio"]:checked + label:before,
.chks input[type="checkbox"]:checked + label:before {background: url('/../images/content/chk_on.png') no-repeat center center; background-size:1.2rem; }
.chks input[type="radio"]:focus + label:before,
.chks input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px;}

/*마이페이지*/
.mypageWrap{position:relative;  padding:6rem 0 4rem; background:#f7f7f7 url('/images/web/content/sub6_bg.png')no-repeat 50% -7rem;     animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) .1s both;}
.myWrap{display:block; width:65rem; margin:0 auto; }
.myWrap:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }

.myWrap .myLeftMenu{width:20%; float:left;}
.myWrap .myLeftMenu .mypic a{display:block; width:7rem; height:7rem; margin:0 auto 1rem; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3)}
.myWrap .myLeftMenu .mytxt{text-align:center;}
.myWrap .myLeftMenu .mytxt h4{font-size:1.3rem; color:#0F3F76; margin-bottom:2rem;}
.myWrap .myLeftMenu .mytxt h4 span{display:block; font-size:1rem; color:#444; font-weight:400; margin-top:.5rem;}
.myWrap .myLeftMenu .mytxt .st p{position:relative; width:100%; height:2.5rem; line-height:2.5rem; font-size:.9rem;  border-radius:.3rem; background:#0F3F76; color:#fff; padding:0 1rem; text-align:left; }
.myWrap .myLeftMenu .mytxt .st p span{position:absolute; right:1rem; top:0px;}
.myWrap .myLeftMenu .mytxt .st p span a{color:#ffe100; font-weight:600;}
.myWrap .myLeftMenu .mytxt .st p.mpoint{margin-top:.5rem; background:#fff; border:1px solid #ddd; color:#0F3F76;}
.myWrap .myLeftMenu .mytxt .st p.mpoint span a{color:#005baa}
.myWrap .myLeftMenu .mymenu{margin:2rem 0; }
.myWrap .myLeftMenu .mymenu ul{overflow:hidden; margin:-2%;}
.myWrap .myLeftMenu .mymenu ul li{float:left; width:46%; margin:2%; }
.myWrap .myLeftMenu .mymenu ul li a{display:block; padding:4.5rem 0 1rem; text-align:center; color:#858585; font-size:.8rem; cursor:pointer}
.myWrap .myLeftMenu .mymenu ul li.mli01 a{background:url('/images/web/content/my_icon01.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli02 a{background:url('/images/web/content/my_icon02.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli03 a{background:url('/images/web/content/my_icon03.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli04 a{background:url('/images/web/content/my_icon04.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli05 a{background:url('/images/web/content/my_icon05.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli06 a{background:url('/images/web/content/my_icon06.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.on{background:#fff; border-radius:1rem;  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.myWrap .myLeftMenu .mymenu ul li.on a{color:#444}
.myWrap .myLeftMenu .mymenu ul li.mli01.on a{background:url('/images/web/content/my_icon01_on.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli02.on a{background:url('/images/web/content/my_icon02_on.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli03.on a{background:url('/images/web/content/my_icon03_on.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli04.on a{background:url('/images/web/content/my_icon04_on.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli05.on a{background:url('/images/web/content/my_icon05_on.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myLeftMenu .mymenu ul li.mli06.on a{background:url('/images/web/content/my_icon06_on.png')no-repeat 50% 25%; background-size:3rem;}
.myWrap .myCon{width:80%; float:left; padding-left:2rem;}
.myWrap .myCon .mbox{background:#fff; border-radius:1rem;  box-shadow:0 0 10px rgba(0,0,0,0.3); padding:1.5rem; }
.myWrap .myCon .mbox:not(:first-child){ margin-top:2rem;}
.myWrap .myCon .mbox.mh{min-height:42rem; }
.myWrap .myCon .mbox .mboxTop{position:relative; margin-bottom:1rem;}
.myWrap .myCon .mbox .mboxTop h3{font-size:1.1rem; color:#0F3F76;}
.myWrap .myCon .mbox .mboxTop .cal{position:absolute; right:0; top:0; text-align:center; width:10rem; font-size:1rem; font-weight:500;  line-height:1.4rem; height:1.4rem;}
.myWrap .myCon .mbox .mboxTop .cal span{width:1.4rem; height:1.4rem;  line-height:1.4rem;  border-radius:50%; box-shadow:0 0px 5px rgba(0,0,0,0.3); cursor: pointer;}
.myWrap .myCon .mbox .mboxTop .cal .prev{position:absolute; left:0; top:0;}
.myWrap .myCon .mbox .mboxTop .cal .next{position:absolute; right:0; top:0;}
.myWrap .myCon .mbox .total_act{display:flex; justify-content: space-between;}
.myWrap .myCon .mbox .total_act > div{flex-basis:31.3%; background:#005BAA; border-radius:.7rem; overflow:hidden;}
.myWrap .myCon .mbox .total_act > div p{position:relative; }
.myWrap .myCon .mbox .total_act > div p a{color:#fff; display:block; padding:1rem 1rem; color:#fff; font-size:1rem; }
.myWrap .myCon .mbox .total_act > div p span{position:absolute; right:1rem; top:1rem; color:#ffe100; font-weight:600;}
.myWrap .myCon .mbox .school_num{padding:1rem;}
.myWrap .myCon .mbox .school_num .author span{width:2.5rem; height:2.5rem; }
.myWrap .myCon .mbox .school_num .author p{font-size:1rem;}
.myWrap .myCon .mbox .school_num .status ul li em{font-size:1rem;}
.myWrap .myCon .mbox .tanso_num{width:98%;} 
.myWrap .myCon .mbox .regi{padding:1rem;}
.myWrap .myCon .mbox .chal_sch{padding-top:0;}
.myWrap .myCon .mbox .simin_num{padding:1rem; margin-top:0;}
.myWrap .myCon .mbox .simin_num .author span{width:5rem; height:5rem;}
.myWrap .myCon .mbox .simin_num .author p{font-size:1rem;}
.myWrap .myCon .mbox .simin_num .status ul li em{font-size:1rem;}
.myWrap .myCon .mbox .my_tab{text-align:center; margin-bottom:1rem;}
.myWrap .myCon .mbox .my_tab ul li{display:inline-block; margin:0 .3rem;}
.myWrap .myCon .mbox .my_tab ul li a{display:block; padding:.5rem 1.2rem; color:#0F3F76; border:1px solid #888; text-align:center; line-height:1; border-radius:1rem;}
.myWrap .myCon .mbox .my_tab ul li.on a{background:#0F3F76; color:#fff; border-color:#0F3F76;}
.myWrap .myCon .mbox .pcon .no_post{text-align:center;}

.event_num{ border-radius:8px; padding:1rem .8rem;}
.event_num li{position:relative; padding-left:15px; margin-top:10px;word-break:break-all; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 1.3em;}
.event_num li:first-child{margin-top:0;}
.event_num li:before{ content : ""; display : block; position : absolute; left :0; top:6px; width : 5px; height : 5px; border:2px solid #007dc5;  border-radius:50%; }
.event_num li.no_post{padding:0; display:block; height:auto;padding: 0 0.8rem;}
.event_num li.no_post:before{display:none;}

.eventList .nopost{text-align:center; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 20rem;}
.eventList .date{display:inline-block; line-height: 1.5rem; height: 1.5rem;}
.eventList .eventMsg{display:inline-block; padding:0 .8rem; border-radius:1rem;  margin-left:1rem; background:#66DE93; color:#fff; font-size: .7rem; height: 1.5rem; line-height: 1.5rem;}
.eventList .eventMsg.fall{background:#F05454;}
.eventList .eventMsg.success{background:#00BCD4;}
.eventList .winner{background:#f7f8f9; border-radius:.5rem; padding:1rem;}
.eventList .winner h3{font-size:1.1rem; color:#087ADD; margin-bottom:.5rem; border-bottom:1px dotted #ddd; padding-bottom:.5rem;}
.eventList .winner p{margin:.4rem 0;}

.diary-wrap{overflow:hidden;  margin:-2%;}
.diary{float:left; width:46%; margin:2%;  border:1px solid #ddd; border-radius:.7rem; position:relative; }
.diary a{display:block;}
.diary .img span{display:block; width:100%; padding-top:45%; border-radius:12px; border-bottom:1px solid #eee;}
.diary .top_edit{ }
.diary .txt{ font-size:.9rem; overflow:hidden; padding:1rem;}
.diary .txt .tdate{position:relative; color:#888; font-size:.8rem;}
.diary .txt .tdate .btn_share{position:absolute; right:0; top:0; font-size:1rem;}
.diary .txt .rule{font-size:1rem; color:#0F3F76; font-weight:600; margin:.5rem 0 1rem;}
.diary .txt .info{display:flex; align-items: flex-start;}
.diary .txt .info .author{flex-basis:1.6rem; }
.diary .txt .info .author span{display:block; width:100%; height:1.5rem; border-radius:50%; box-sizing:border-box; border:1px solid #F3F1EF;}
.diary .txt .info .subject{flex-basis:calc(100% - 1.6rem); padding-left:.5rem; word-break:break-all; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.4em;height: 1.4em;}
.diary .txt .point{position:absolute; left:0; top:0; width:3rem; height:3rem;  font-size:.75rem; color:#fff; background:#077add;  text-align:center; z-index:1; display:flex;align-items: center; flex-direction: column;justify-content: center;  border-radius:.7rem 0 .7rem 0;}
.diary .txt .point span{background:none; margin-right:0;}

.diary .swiper_diary{position:relative;}
.diary .swiper-pagination{width:100%; top:.5rem; left:0; bottom:auto; text-align:right; padding-right:.5rem;}
.diary .swiper-pagination-bullet{margin:0 0.25rem; background:#fff; opacity:1; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);}
.diary .swiper-pagination-bullet-active{background:#0F3F76; }
.swiper-pagination1.disabled{display:none;}

.nopost{    margin: 0 auto; text-align:center; background:url('/images/web/content/noDate.png')no-repeat 50% 0; background-size:8rem 8rem; padding:10rem 0 1rem;}

/*기후행동 실천 뷰*/
.diary_edit .file_bg{margin:2rem 0; background: #EFEBE9; border-radius:1rem; padding:2rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.diary_edit .file_bg2{margin:2rem 0; background: #EFEBE9; border-radius:1rem; padding:2rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: row;}
.diary_edit .file_bg input[type="file"]{display:none}
.diary_edit .file_bg label{display:flex; align-items: center; justify-content: center; background:#fff; width:8rem; height:8rem; padding:1.5rem; border-radius:50%; margin-bottom: 1rem; cursor:pointer;}
.diary_edit .file_bg2 .fileup{width: 25%; padding: 0 10px;  text-align: right;}
.diary_edit .file_bg2 .fileup .img{    padding-top: 100%;    border-radius: 8px; cursor:pointer}
.diary_edit .txtBox{position:relative;}
.diary_edit .txtBox textarea{border:none; border-radius:1rem; resize: vertical; background:#f7f7f7; height:11rem;}
.diary_edit .txtBox span{position:absolute; right:.5rem; bottom:.5rem; color:#F7941D}

/* 알러 팝업 */
.alertPop{background:rgba(0, 0, 0, .8); position:fixed; top:0; left:0; width:100%; height:100%; z-index:500;webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
.alertPop .popin{width:45%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; text-align:center; border-radius:20px;}


/*팝업*/
.innerPop{background:rgba(0, 0, 0, .85); position:fixed; top:0; left:0; width:100%; height:100%; z-index:500;webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;transition: all ease 0.5s; }
.innerPop .popin{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; text-align:center; border-radius:20px;}
.innerPop .popin h3{color:#1E2128;  font-size:1rem; font-weight:500; height:45px; line-height:45px; border-bottom:1px solid #ccc;}
.innerPop .popin .txt{padding:1.5rem;font-size:0.8rem; line-height:1.5;}
.innerPop .popin .txt strong{font-size:1.05rem;}
.innerPop .popin .txt input{margin:1rem 0;}
.innerPop .popin .pop_button{overflow:hidden; width:100%;}
.innerPop .popin .pop_button li{width:50%; float:left;}
.innerPop .popin .pop_button li input{width:100%; height:45px; line-height:45px; outline:none; border:none; background:#f4f4f4; font-size:1rem;}
.innerPop .popin .pop_button li input.confirm{background:#2C6FFF; color:#fff; border-bottom-right-radius:12px;}
.innerPop .popin .pop_button li input.cancel{border-bottom-left-radius:12px;}
.innerPop .popin .pop_button li.w100{width:100%;}
.innerPop .popin .pop_button li.w100 input.confirm{border-bottom-left-radius:12px;}
.innerPop .popin .close{position: absolute; right:.5rem; top:.6rem;}
.innerPop .popin .close i{color:#212121;}
.innerPop .go{display:block; margin-top: 1rem;}
.innerPop .go img{width:7rem;}
.innerPop .go .viewbtn{display: inline-block; background:#3AAAF8; font-size:1.3rem; font-weight:600; padding:.6rem 2.5rem; border-radius:2rem; color:#fff;}

.ribbonBg:after{ content : ""; display : block; position : absolute; left:25%; top:0;  width :100%; height :50%;  background:url('/../images/content/ribbon.png') 0 0 no-repeat; background-size:50% auto; z-index:-1;}
.innerPop .now_pop{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; background:url('/../images/content/fire_bg.png') 50% 0 no-repeat; background-size:60% auto;}
.innerPop .now_pop .ani{position:relative;}
.innerPop .now_pop h3{width:280px; margin:0 auto; margin-bottom:15px;}
.innerPop .now_pop .cha_now{position:relative; display:inline-block;}
.innerPop .now_pop .cha_now .now{width:5rem; animation-duration: 5s; animation-iteration-count:infinite;}
.innerPop .now_pop .fire{position:absolute; right:-38%; top:56%; animation-duration: 5s; animation-iteration-count:infinite;}
/*.innerPop .now_pop .go a{margin: 2rem auto 0; display:inline-block; height:4rem; background:#00ADEF; line-height:4rem; border-radius:2rem; color:#fff; padding:0 4rem; font-size:1.5rem; font-family: 'Jalnan'; border:1px solid #fff;}*/
.close{position:absolute; right:2rem; top:-2rem;}
.close i{color:#fff; font-size:1.3rem; font-weight:normal;}
.spoint{font-size:1.3rem;font-family: 'Do Hyeon', sans-serif;  text-shadow: 0px 10px 10px #023616; }
.spoint em{color:#ffdd00;}

.innerPop .quiz_pop{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff;}
.innerPop .quiz_pop h3{color:#fff;  font-size:1rem; line-height:1.6; font-weight:500;} 
.innerPop .quiz_pop h3 b{color:#ffda1f;}
.innerPop .quiz_pop .score{display:inline-block; margin:.5rem 0 1rem; background:#fff; font-size:1.2rem; line-height:1.0; padding:.6rem 1.8rem 0.5rem; color:#004a8f; font-family: 'Do Hyeon', sans-serif; border-radius:2rem}
.innerPop .quiz_pop .ani{position:relative;}
.innerPop .quiz_pop .cha_now{position:relative; display:inline-block;}
.innerPop .quiz_pop .cha_now .now{width:5rem; animation-duration: 5s; animation-iteration-count:infinite;}
.innerPop .quiz_pop .fire{position:absolute; right:-38%; top:56%; animation-duration: 5s; animation-iteration-count:infinite;}
.innerPop .quiz_pop .go a{margin: 2rem auto 0; display:inline-block; height:4rem; background:#00ADEF; line-height:4rem; border-radius:2rem; color:#fff; padding:0 4rem; font-size:1.5rem; font-family: 'Jalnan'; border:1px solid #fff;}
.close{position:absolute; right:2rem; top:-2rem;}
.close i{color:#fff; font-size:1.3rem; font-weight:normal;}


.innerPop .popin .txt h4{font-family: 'Stylish', sans-serif; color:#004EA2; letter-spacing:-0.05em; font-size:1.1rem; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.innerPop .popin .txt .howmany{position:relative; text-align:left; margin:10px 0;}
.innerPop .popin .txt .howmany input{width:100px; background:#eee; display:inline-block; vertical-align:middle; margin:0; margin-right:5px;}
.innerPop .popin .txt .howmany li{display:flex; margin:5px 0; align-items: center; position:relative; padding-left:10px;}
.innerPop .popin .txt .howmany li:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-1.5px; width : 3px; height : 3px; background : #666; border-radius:50%; }
.innerPop .popin .txt .howmany li span{flex-basis:50%;}
.innerPop .popin .txt .howmany li:nth-child(2) input{width:100%;}

.chks.fsmall input[type="checkbox"] + label{font-size:.7rem;}

.innerPop .popin2{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; border-radius:20px;}
.innerPop .popin2 .roundbox{background:#fff; padding:2rem 1rem 1rem; border-radius:20px; color:#222; text-align:left; line-height:1.5; font-size:.8rem;}
.innerPop .popin2 .roundbox .act_tit{margin-top:-60px; padding:0 1rem;}
.innerPop .popin2 .roundbox b{display:block; font-size:.85rem; margin-top:1rem;}

.innerPop .popin2 .roundbox ol{margin-left:25px; margin-top:1rem; padding-bottom:2rem;}
.innerPop .popin2 .roundbox ol li{list-style:decimal;}

.innerPop .popin2 .close{right:.5rem; top:0;}
.innerPop .popin2 .close i{color:#fff; font-weight:400;}
.popin2 .swiper-slide{} 
.popin2 .swiper-pagination{width:100%; position:relative; text-align:center; bottom:1rem;}
.popin2 .swiper-pagination .swiper-pagination-bullet{margin:0 0.25rem; background:rgba(0, 0, 0, 0.8); opacity:1; width:0.5rem; height:0.5rem;}
.popin2 .swiper-pagination .swiper-pagination-bullet-active{background:#FF9F00;}

.innerPop form{height:100%;}

/* 이벤트 */
.limg{width:100%; display:flex; align-items: center; justify-content: center; padding:5.4% .8rem;  border-bottom:1px solid #F3F1EF;}
.subCon .limg:first-child a{border-top:none;}
.subCon:after{ height:101%;}
.limg .img{width:4.7rem;}
.limg .img span{display:block; padding-top:100%; border-radius:12px; position:relative;}
.limg .txt{padding-left:.75rem; flex-basis:calc(100% - 4.7rem);}
.limg .txt .st{font-size:0.7rem;margin-bottom:3px;}
.limg .txt .st span{display:inline-block; vertical-align:top; height:1rem; line-height:1rem; text-align:center; border-radius:3rem;   font-weight:normal; width:3.2rem; letter-spacing:0; color:#fff;}
.limg .txt .dday{display:inline-block; vertical-align:top; font-size:0.6rem; color:#612c16; height:1rem; line-height:1rem; text-align:center; border-radius:3rem;  background:#EFEBE9; letter-spacing:0; margin-left:3px; padding:0 0.5rem;}
.limg .txt .dday i{vertical-align:middle;line-height:1rem; margin-right:3px;}
.limg .txt h3{word-break:break-all; font-size:.8rem; font-weight:500;}
.limg .txt .e01{background:#0094da; }
.limg .txt .e02{background:#ed1164; }
.limg .txt .point{font-size:.7rem; color:#ed1651; margin-top:0.25rem;}
.limg .txt .point span{background:#ed1651; color:#fff;}
.limg .txt .point em{color:#898989; font-size:.6rem;}
.limg .txt .event_ico{width:9%;}
.limg .txt .st a{background:#00852e; color:#fff; display:inline-block; vertical-align:top; font-size:0.6rem; height:1rem; line-height:1rem; text-align:center; border-radius:3rem; letter-spacing:0;  margin-left:3px; padding:0 0.5rem; }

.limg_view{width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding:.7rem;font-size:.65rem;}
.limg_view .date{margin:5px 0; font-size:.6rem;}
.event_view{padding:.8rem .8rem 1.5rem; text-align:center; min-height:200px; width:49rem; margin:0 auto;}

.put_answer{ margin:0.75rem 0; background:#EFEBE9; border-radius:8px; border:1px solid #E33B20;}
input[type="text"].put_answer{ margin:0.75rem 0; background:#EFEBE9; text-align:center; border-radius:8px; height:50px; line-height:50px; border:1px solid #E33B20;}

.promi{position:relative; background:#fff; width:100%;}
.promi .file_bg,
.promi .file_bg2{position:absolute; border-radius:0; top:27%; left:12%; background:none; padding:0; width:76%; padding-top:43%; display:block; margin-top:0;}
.promi .filebox {width:100%;position:absolute; left:0; top:0; height:100%;}
.promi .file_bg .filebox label{background:#44c284; color:#fff; width:100%; border-radius:0; height:100%; padding:0; line-height:100%;}
.promi .file_bg .filebox label span{position:absolute;left:50%; top:50%; transform: translate(-50%, -50%); width:100%;}

.promi .file_bg2 .fileup{width:100%; padding:0;position:absolute; left:0; top:0; height:100%; overflow:hidden; }
.promi .file_bg2 .fileup .img{border-radius:0;height:100%; padding:0;}
.promi_btn{ background:url('../images/content/dbs_btn_bg.jpg') center top no-repeat; background-size:100% auto; padding:1rem 1rem 0;}
.promi_btn a.submitBtn{margin-top:0;}
.promi .txt{text-align:left;font-size:.75rem; word-break:keep-all;}
.innerPop2 .go{margin:10px auto 0;width:7rem;}

.promi_down{padding:20px;display:flex; background:#fff;}
.promi_down li{}
.promi_down li a{}
.promi_down li img{}


.btnapp{margin-top:30px;}
.btnapp a{background:#FFDD00; padding:8px 0; border-radius:8px; display:inline-block; width:100%; font-size:.75rem; font-weight:500; text-align:center;}

.share2{margin:10px 0; text-align:center; border-top:1px solid #ddd; padding-top:10px;}
.share2 p{font-size:.8rem; font-weight:500; margin-bottom:10px;}
.share2 li{display:inline-block; margin:0 10px;}
.share2 li a{font-size:.6rem; color:#888;}
.share2 li img{width:1.9rem; margin-bottom:5px;}

.innerPop2{background:rgba(0, 0, 0, .85); position:fixed; top:0; left:0; width:100%; height:100%; z-index:500;webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
.innerPop2 .popin{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; text-align:center; border-radius:20px;}

.infoMsg {border:1px solid #dbdbdb; margin:0.1rem 0.8rem; box-sizing:border-box; padding:0.3rem; font-size:0.6rem; background:#fcfcfc;}

.notice{background:#f4f4f4; padding:1rem; margin-top:1.5rem; text-align:left; font-size:.65rem; word-break:break-all; line-height:1.3;}
.notice h4{margin-bottom:5px; font-size:.75rem;}

.book_choose{text-align:center;  background:#E2F3E3; border-radius:8px; padding:1rem 1rem; position:relative; overflow:hidden;}
.book_choose:before{ content : ""; display : block; position : absolute; right :0; top:-10px; width :70px; height : 56px;  background: url("/images/content/book01.png") no-repeat left top; background-size:100% 100%;}
.book_choose:after{ content : ""; display : block; position : absolute; left :-10px; bottom:-10px; width : 60px; height : 52px;  background: url("/images/content/book02.png") no-repeat left top; background-size:100% 100%;}
.book_choose .chks2 {display:block; position:relative; font-weight:normal; width:49%; font-size: 0.7rem; margin:5px 0; margin-top:25px;  font-weight:500; float:left;}
.book_choose .chks2 input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.book_choose .chks2 input[type="checkbox"] + label {display:inline-block;vertical-align:middle; position:relative; width:100%; padding:40px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; z-index:0;}
.book_choose .chks2 input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:100%;height:100%;text-align:center;background:#fff;border:1px solid #19a472;box-sizing:border-box; z-index:-1; box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.book_choose .chks2 input[type="checkbox"] + label:active:before,
.book_choose .chks2 input[type="checkbox"]:checked + label:active:before {}
.book_choose .chks2 input[type="checkbox"]:checked + label:before {background:#19a472;border:1px solid #19a472; }
.book_choose .chks2 input[type="checkbox"]:checked + label{color:#fff;}

.low_choose{text-align:center;  background:#E2F3E3; border-radius:8px; padding:1rem 1rem; position:relative; overflow:hidden; margin:1rem 0;}
.low_choose .chks2 {display:block; position:relative; font-weight:normal; width:47%; font-size: 0.7rem; margin:5px 0;   font-weight:500; float:left; }
.low_choose .chks2 input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.low_choose .chks2 input[type="checkbox"] + label {display:inline-block;vertical-align:middle; position:relative; width:100%; padding: 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; z-index:0;}
.low_choose .chks2 input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:100%;height:100%;text-align:center;background:#fff;border:1px solid #ddd;box-sizing:border-box; z-index:-1; box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.low_choose .chks2 input[type="checkbox"] + label:active:before,
.low_choose .chks2 input[type="checkbox"]:checked + label:active:before {}
.low_choose .chks2 input[type="checkbox"]:checked + label:before {border:5px solid #2D9934; }

/*탄소중립 이용신청서*/
.campApply h3{font-size:1.5rem; padding:1rem 0 2rem; border-bottom:1px solid #C1D0E1; margin:0 0 1.5rem;}
.campApply .mt5{margin-top:5px;}
.campApply .download{position:relative; display:block; width:50%;  border:1px solid #C8D9EB; background:#fff url('../../images/content/ico_down.svg')no-repeat right 50%; background-size:40px;; height: 40px; line-height: 40px; font-size: .7rem; border-radius: 0.5rem; padding:0 10px; cursor:pointer;}
.campApply input[type="text"]{background:#fff;  border:1px solid #C8D9EB;}
.campApply .sfont{margin-top:.25rem; font-size:.8rem;}
.campApply .sfont em{color:#ff0000}
.campApply .phone {display: flex; justify-content: space-between;}
.campApply .phone input{width:32.33%;}
.campApply .date input.datepicker{position:relative; width: 24%;  vertical-align: middle; padding-right:40px; background:#fff url('../../images/content/ico_date.svg')no-repeat right 50%; background-size:40px; border:1px solid #C8D9EB;}
.campApply .line{width:100%; height:1px; background:#C1D0E1; margin:2rem 0;}
.campApply .fullbtn{background: #0F3F76;  border-color: #0F3F76;  color: #fff; margin-bottom: 2rem;}

/*화성챌린지 세팅*/
.hwasungWrap .school_num{display: flex; justify-content: space-between;}
.hwasungWrap .school_num .status{margin-top:0; flex-basis:50%;}
.hwasungWrap .actList .act{background:#F7F8F9;}
.hwasungWrap .info{margin:2rem 0 4rem;}
.hwasungWrap .info h4{font-size:1.5rem;}
.hwasungWrap .info ul.dot{margin-top:1rem;}
.hwasungWrap .info ul.dot li{margin-bottom:5px; position: relative; padding-left:10px;  }
.hwasungWrap .info ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:8px;  width : 4px; height : 4px; background : #2AA178; border-radius:50%; }

.hwasungWrap .pointInfo{background:#fff; border-radius: 1rem; padding:2rem; margin-top:2rem; border: 1px solid #eee}
.pointInfo ul li{position: relative; padding-left:10px; margin-top:.25rem;}
.pointInfo ul li:first-child{margin-top:0;}
.pointInfo ul li:before{ content : ""; display : block; position : absolute; left :0; top:9px;  width : 4px; height : 4px; background : #888; border-radius:50%; }

.hwasungWrap .schpoint,
.hwasungWrap .schpoint2{margin:2rem 0; text-align: center; color:#888;}
.hwasungWrap .cal{display:flex;align-items: center;  justify-content: center; font-size:1.5rem; color:#333; margin-bottom:1rem;}
.hwasungWrap .cal span{width:2rem; height:2rem;  line-height:2rem; margin:0 1rem;  border-radius:50%; box-shadow:0 0px 5px rgba(0,0,0,0.3); cursor: pointer;}


.hwasungWrap .pointBtn{display:block; margin-top:1rem; vertical-align:middle; background:#888; color:#fff; font-size:.9rem; text-align:center; line-height:1.1;padding: 10px 25px; margin-left:10px; border-radius: 0.5rem; }
.hwasungWrap .pointBtn.on{background:#2AA178; cursor:pointer}

.hwasungWrap .nodata{border-top: 1px solid #F3F1EF; border-bottom: 1px solid #F3F1EF; font-size: .9rem; padding:2rem 0;}
.hwasungWrap .nodata img{margin-bottom:1rem;}

.hwasungWrap .actList .act .act_btn .actBtn{vertical-align:top;}
.hwasungWrap .actList .act .act_btn .actBtn.on{line-height: 1.3; padding-top: 0.4rem;}
.hwasungWrap .actList .act .act_btn .actBtn span{display:block; font-weight:300; font-size:.8rem;}

.card_check{font-size:1rem; padding:0 10rem;}
.card_check h3{font-family: 'Jalnan'; text-align:center; background:#193E4C; border-radius:1rem; margin:2rem 0 1rem; height:4rem; line-height:4rem; color:#fff; font-size:1.5rem;}
.card_check span{    color: #ff0000;}
.card_check input[type="text"]{background: #f7f8f9; border: 1px solid #eee; border-radius: 0.5rem; margin: 0.5rem 0;}
.check_ul{padding: 2rem;  border: 2px solid #f7f7f7;  margin-top: 1rem;}
.check_ul li{margin-top:.5rem;}
.check_ul li:first-child{margin-top:0;}
.card_check h5{text-align:center; margin:2rem 0; font-size:1.2rem;}
.hwasungWrap .campBtn img{width:25rem;}


.point_score{margin-top:1rem; background:#f7f7f7; border-radius:.5rem; padding:10px;}
.point_score ul li{position: relative; text-align:right; }
.point_score ul li:not(:first-child){margin-top:.5rem;}
.point_score ul li b{position : absolute; left :0; top:0px; }
.point_score ul li span{color:#F34213; font-size:.9rem; font-weight:600;}

/*설문조사*/
.survey-con{}
.survey-con h3{position:relative; background:#E8F0F8;  border-top:1px solid #1F4C7F; padding:2.5rem 1rem; font-size:1.5rem; color:#1a1a1f; font-weight:600; margin-bottom:2.5rem;}
.survey-con h3:before{content:''; position:absolute; right:0px; top:-8.05rem; width:15.4rem; height:8rem; background:url('/images/web/content/notice_top.png')no-repeat right  0; background-size:auto 100%; }
.survey-con p{text-align:center; font-size:1.1rem; margin-bottom:4rem}
.survey-con p strong{color:#3A8BFC;}
.survey-con h4{font-size:1.6rem; text-align:center; color:#01337A; margin-bottom:1.5rem;}

.survey-con-box{border:1px solid #D3E6FF; border-radius:.5rem; padding:2.5rem 2rem; width:1080px; margin:0 auto;}
.survey-con-box .sinner:not(:first-child){margin-top:2rem;}
.survey-con-box h5{display: flex; font-size:1rem; font-weight:500; color:#333; margin-bottom:1rem;}
.survey-con-box h5 strong{font-size:1.2rem; font-weight:600; color:#3A8BFC; margin-right:0.5rem; }

.survey-step{display:flex; align-items: center; justify-content: space-between; padding:0 4rem;}
.survey-step input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.survey-step input[type="radio"] + label {display:inline-block; vertical-align:middle;  position:relative; color:#979797; font-size:0.8rem; text-align:center; padding-left:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; transition: all 0.2s ease-out 0s;}
.survey-step input[type="radio"] + label [class*="sIcon"]{display:block; width:2rem; height:2rem; background-size:100%; background-position:50% 50%; background-repeat:no-repeat; margin:0 auto 0.2rem; }
.survey-step input[type="radio"] + label .sIcon01{background-image:url('/images/web/content/icon_survey01.svg');}
.survey-step input[type="radio"] + label .sIcon02{background-image:url('/images/web/content/icon_survey02.svg');}
.survey-step input[type="radio"] + label .sIcon03{background-image:url('/images/web/content/icon_survey03.svg');}
.survey-step input[type="radio"] + label .sIcon04{background-image:url('/images/web/content/icon_survey04.svg');}
.survey-step input[type="radio"] + label .sIcon05{background-image:url('/images/web/content/icon_survey05.svg');}
.survey-step input[type="radio"]:checked + label {color:#3A8BFC;}
.survey-step input[type="radio"]:checked + label .sIcon01{background-image:url('/images/web/content/icon_survey01_on.svg');}
.survey-step input[type="radio"]:checked + label .sIcon02{background-image:url('/images/web/content/icon_survey02_on.svg');}
.survey-step input[type="radio"]:checked + label .sIcon03{background-image:url('/images/web/content/icon_survey03_on.svg');}
.survey-step input[type="radio"]:checked + label .sIcon04{background-image:url('/images/web/content/icon_survey04_on.svg');}
.survey-step input[type="radio"]:checked + label .sIcon05{background-image:url('/images/web/content/icon_survey05_on.svg');}

.survey-text textarea{background:#F4F4F4; border-radius:0.25rem; border-color:#f4f4f4; padding:0.5rem; resize: vertical;}
.survey-btn a{display:block; margin:2rem auto 0; width:13.5rem; height:3rem; line-height:3rem; text-align:center; color:#fff; font-size:0.9rem; font-weight:500;  background: #3A8BFC; border-radius:0.3rem; transition: all 0.2s ease-out 0s;}
.survey-btn a:hover{background:#2172e3}

/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1300px){
	
	.content{padding:2rem 1rem; min-height:auto;}
	.content .con{width:100%;}
	.content .pat{padding:2rem 1rem}
	
	
	.sub-visual{height:auto; padding: 4rem 0 0;}
	.leftMenu{width:100%; margin:0 auto;}
	.sub-visual .wd02_1-img img{margin:-3rem auto 0;}
	.sub-visual.survey{padding:6rem 1rem 4rem;}
	
	.conWrap{padding-top:0rem;}
	/*실천일기*/
	.actList .act .act_btn .actBtn{width:auto; padding:0 2rem; height:3rem; line-height: 2.5rem; border:3px solid #F7941D;;}
	
	.pcon .con{padding:2rem 1rem ;}
	.school01-top .con{padding:0;}
	
	.content.mypageWrap{padding:6rem 0 4rem}
	.myWrap{width: 100%; padding:0 1rem;}
	
	.school01-top{width:100%;}
	.school01-top .schInfo{padding:2rem 1rem; }
	.school01-top .schInfo li{width:100%;}
	
	.eventView .winCon{background-size:1300px auto; padding:20rem 2rem 3rem;}
	
	
	/*설문조사*/
	.survey-con-box{width:100%;}
}

/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	.grid{padding:2rem 0;}
	.grid h5{position:relative; left:0; top:0; margin-bottom:1rem;}
	
	.boardWrap2 .bd-cen .bd-img{margin-bottom:-3rem; display: flex;  align-items: flex-end;  justify-content: center;}
	.boardWrap2 .bd-cen .bd-img img{position:relative;  bottom:0; width:30%;}
	.boardWrap2 .bd-cen .bd-img img.img01{left:0;}
	.boardWrap2 .bd-cen .bd-img img.img02{right:0;}
	
	.eventWrap .eventDiv{width:47%;}
	.myWrap {flex-direction: column; }
	.myWrap .myLeftMenu{flex-basis:100%; width:100%; display:flex; flex-wrap: wrap;align-items: center; background:#fff; border-radius:1rem; padding:1.5rem; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
	.myWrap .myLeftMenu .mytxt{flex-basis:calc(100% - 7.5rem); text-align:left; padding-left:1rem;}
	.myWrap .myLeftMenu .mytxt h4{margin-bottom:.5rem;}
	.myWrap .myLeftMenu .mytxt h4 span{display:inline-block;}
	.myWrap .myLeftMenu .mytxt .st p{float:left; width:49%;}
	.myWrap .myLeftMenu .mytxt .st p.mpoint{margin-left:2%; margin-top:0;}
	.myWrap .myLeftMenu .mymenu{flex-basis:100%; width:100%; margin:1rem 0 0;}
	.myWrap .myLeftMenu .mymenu ul{margin:-1%;}
	.myWrap .myLeftMenu .mymenu ul li{width:14.6%; margin:1%;}
	.myWrap .myLeftMenu .mymenu ul li.on{background:#087ADD; box-shadow:none; }
	.myWrap .myLeftMenu .mymenu ul li.on a{color:#fff; }
	.myWrap .myLeftMenu .mymenu ul li a{padding:.5rem 0; background:transparent !important; }
	.myWrap .myLeftMenu .mymenu ul li.mli01.on a,
	.myWrap .myLeftMenu .mymenu ul li.mli02.on a,
	.myWrap .myLeftMenu .mymenu ul li.mli03.on a,
	.myWrap .myLeftMenu .mymenu ul li.mli04.on a,
	.myWrap .myLeftMenu .mymenu ul li.mli05.on a,
	.myWrap .myLeftMenu .mymenu ul li.mli06.on a{background:transparent !important;}
	
	.myWrap .myCon{flex-basis:100%; width:100%; padding-left:0; margin-top:2rem;}
	
	.myWrap .myCon .mbox.mh{min-height:auto;}
	
	.event_view{width:100%;}
	.eventView .subCon .put_answer{width:100%;}
	.eventView .winCon{background-size:1030px auto; padding:18rem 2rem 3rem;}
	
	.check_view{width:100%;}
	.check_form h3{width:90%; }
	.check_form .fileWrap{padding:10% 10%;}
	
	/*탄소중립 이용신청서*/
	.campApply .download{width:100%;}
	.campApply .date input.datepicker{width:48%;}
	.campApply .chks{display:block; margin-bottom:.5rem;}
	.card_check{padding:0;}
	.check_ul{padding:1rem;}
	
	
	
}
@media (max-width:787px){
	.sub_Tith3{ }
	.sub-visual.view{height:13rem; padding: 5rem 0 2rem;}
	.sub-visual .subTxt img{margin:-2rem auto 0}
	 
	.actList .act{border-radius:1rem; padding:1rem; margin-top:1rem; justify-content: space-around;}
	.actList .act .subject{flex-basis:50%; }
	.actList .act .act_btn{flex-basis:30%; text-align:center; margin-top:1rem; display: flex;  justify-content: flex-end;}
	#actInfo_popup{width:90%;}
	#actInfo_popup .actInfoDiv{width:100%; text-align:center;}
	#actInfo_popup .actInfoDiv ul{flex-direction: column;}
	#actInfo_popup .actInfoDiv ul li{flex-basis: 100%;}
	#actInfo_popup .actInfoDiv ul li:last-child{margin-top:1rem;}
	#actInfo_popup .actInfoDiv .actTop{padding-bottom:0;}
	#actInfo_popup .actInfoDiv .actTop img{height:8rem;position:relative; margin-top:1rem;}
	#actInfo_popup .actInfoDiv .actTop h2{font-size:2rem;}
	
	.actView .actView-top{border-radius: 5rem 2.5rem 0rem 5rem;}
	.actView .actView-top .subject{font-size:1rem;}
	
	.fullbtn{width:100%; height:3rem; line-height:2.5rem; border: 2px solid #F7941D;}
	.sub_Tith3 .actInfo{top:-4rem;}
	
	.school01-top .schInfo li{padding-left:4.5rem;}
	.school01-top .schInfo li span{width:4rem; font-size:.8rem;}
	
	
	.simin_num{flex-wrap: wrap ; justify-content: center;}
	.simin_num .staWrap{flex-basis:100%;  margin-top:1rem;}
	.myWrap .myCon .mbox .simin_num {justify-content: flex-start;}
	.myWrap .myCon .mbox .simin_num .author{ text-align: left;  display: flex; align-items: center;}
	.myWrap .myCon .mbox .simin_num .author span{width:2.5rem; height:2.5rem; margin-right:1rem;}
	
	.regi .tit{font-size:1rem;}
	.regi a{top:1rem; transform: none;}
	.regi{flex-direction: column; align-items: flex-start;}
	.regi > div:not(:first-child){margin-top:.5rem;}
	
	.boardWrap .bd-cen ul{flex-direction: column;}
	.boardWrap .bd-cen ul li{display:flex;    flex-direction: column; align-items: center; margin-top:1rem;}
	.boardWrap .bd-cen ul p{display:inline-block; padding:0 3rem;}
	
	.noticeView .notiTop{margin-top:2rem;}
	.noticeView .notiTop:before{width:8rem; height:4rem; margin-top:-4.1rem;}
	
	.chaBox > div{width:100%; }
	.chaBox .cfl{float:none;}
	.chaBox .cfr{float:none;}
	.chaBox .cTxt{padding:0; margin:1.5rem 0; text-align:center;}
	.chaBox .cTxt h3:before{display:none;}
	
	.onlineDiv table td .file #ex_file{width: calc(100% - 5rem);}
	
	.myWrap .myLeftMenu .mytxt .st p{float:left; width:100%;}
	.myWrap .myLeftMenu .mytxt .st p.mpoint{margin-left:0%; margin-top:.5rem;}
	.myWrap .myLeftMenu .mymenu ul li{width:31.3%}
	
	.myWrap .myCon .mbox .mboxTop h3{text-align:center; margin-bottom:.5rem;}
	.myWrap .myCon .mbox .mboxTop .cal{position:relative;  margin: 0 auto; }
	
	.myWrap .myCon .mbox .total_act > div p{text-align:center;}
	.myWrap .myCon .mbox .total_act > div p span{position:relative; right:auto; top:auto; display:block; margin-top:.25rem; }
	
	.school_num{width:98%; padding:1rem;}
	.school_num + .school_num{margin-top:.5rem;}
	

	.alertPop .popin,
	.innerPop .popin,
	.innerPop .now_pop,
	.innerPop .popin2{width:95%;}
	.innerPop2 .popin{width:65%;}
	.promi{width:100%}
	
	.innerPop3 {width:95%;}
	.innerPop3 .popin{width:100%;}
	
	.eventView .winCon{background-size:937px auto; padding:18rem 2rem 3rem;}
	.eventView .winCon .event_view{padding:1rem;}
	.eventView .winCon .event_view .winner_ul li{margin: .5rem;}
	
	.check_calendar{width:100%;}
	.check_form h3{font-size:1.3rem;}
	.check_form h3 span{margin-right:.5rem; padding-right:.75rem;}
	
	.campApply .phone {flex-direction: column;}
	.campApply .phone input{width:100%; margin-top:5px;}
	
	/*화성챌린지*/
	.hwasungWrap .school_num{display:block;}
	.hwasungWrap .actList .act .act_btn .actBtn.on{padding-top:.15rem; line-height:1.15;}
	
	/*설문조사*/
	.survey-con h3:before{height:4rem; top:-4.05rem;}
	.survey-con h3{padding:1.5rem 1rem;}
	.survey-con p{font-size:1rem;}
	.survey-con h4{font-size:1.2rem;}
	.survey-con-box{padding:1.5rem 1rem;}
	.survey-step{padding:0 1rem;}
	
	.survey-step input[type="radio"] + label{font-size:0.7rem;}

	
}

@media (max-width:485px){
	.sub-visual h2 span{font-size:1.5rem;}
	
	.sub_Tith3{font-size:1.3rem;}
	.sub_Tith3 span:before{display:none;}
	.sub_Tith3 .actInfo{width:2.5rem; height:2.5rem; line-height:2rem; font-size:.9rem;}
	
	.actList .act span.num{display:none;}
	.actList .act .subject{font-size:1rem;}
	.actList .act .act_btn{margin-top:0;}
	
	.eventWrap .eventDiv{width:97%;}
	.eventWrap .eventDiv .txt{min-height:auto;}
	.eventWrap .eventDiv .txt h3{padding-right:0; height:auto; margin-bottom:.5rem;}
	
	.tabMenu ul li a{width:5rem; margin:0 .15rem;}
	
	.tipWrap .tipDiv{width:97%;}
	.tipWrap .tipDiv .txt{min-height:auto;}
	.tipWrap .tipDiv .txt h3{padding-right:0; height:auto; margin-bottom:.5rem;}
	.tipWrap .tipDiv .txt .point{position:relative; right:auto; top:auto;}
	.tipWrap .tipDiv .txt .point span{display:inline-block; width:auto; padding:0 1rem; margin-right:.5rem;}
	
	.school_num .status ul{flex-direction: column;}
	.school_num .status ul li{width:100%; flex-basis:100%; text-align:right; position:relative;  padding:.4rem 0;}
	.school_num .status ul li span{position:absolute; left:0; top:.4rem;}
	.school_num .status ul li:not(:first-child){border-top: 1px dotted #ddd; border-left:none;}
	
	.school01-top .schInfo li{padding-left:0;}
	.school01-top .schInfo li span{display:block;position:relative; width:6rem; font-size:1rem; margin-bottom:.5rem;}
	
	.simin_num .status ul{flex-direction: column;}
	.simin_num .status ul li{width:100%; flex-basis:100%; text-align:right; position:relative;  padding:.4rem 0;}
	.simin_num .status ul li span{position:absolute; left:0; top:.4rem;}
	.simin_num .status ul li:not(:first-child){border-top: 1px dotted #ddd; border-left:none;}
	
	.pointList{flex-direction: column;}
	.pointList .ico{display:none;}
	.pointList .txt{width:100%;}
	.pointList .txt .subject{padding-right:0;}
	.pointList .txt .st{padding-right:0; margin-bottom:.5rem;}
	.pointList .txt .score{position:relative; right:auto; top:auto; transform:none; display:inline-block;}
	
	.diary{width:96%;}
	.diary .txt .rule{line-height:1.5;}
	
	.onlineDiv{padding:1.5rem 1rem;}
	.onlineDiv table th{display:block; width:100%;}
	.onlineDiv table td{display:block; width:100%; padding:0 .5rem;}
	
	.myWrap .myCon .mbox .total_act > div p a{padding:1rem 0;}
	.myWrap .myCon .mbox .my_tab ul li a{padding:.5rem .8rem;}
	
	.botBtns.btn3 > *{width:30%;}
	.botBtns.btn2 > *{width:48%;}
	
	.eventView .winCon{background-size:568px auto; padding:11rem 2rem 3rem;}
	
	/*화성챌린지*/
	#Img_popup{width:90%;}
	
	/*설문조사*/
	.survey-step{padding:0;}
	
}