/*
공통
*/
/* 위로 */
.btns {display:none; position:fixed; right:.4rem; bottom:.4rem;}
.btns > div {padding:15px; background:rgba(0, 0, 0, .5); display:flex; justify-content:center; align-items:center; cursor:pointer; border-radius:50%; transition:.2s; color:#fff; margin-right:.4rem;}
.moveTopBtn:hover {color:#fff; background:#0c4a96;}
.moveBottomBtn:hover {color:#fff; background:#0c4a96;}

/* 게시판 */
.hidden{display:none;}
.txt_required{color:red;}
select.form_control{padding:15px 0;}
.form-control{display:inline-block; width:100%; border:1px solid #999; font-family: "Rubik", sans-serif; font-weight:400; font-size: 0.8125rem; height:auto; padding:9px 11px; border-radius:0px; box-sizing:border-box;}
.w200px{width:200px;}

/* 테이블스크롤 */
.table_mobile{width:100%; overflow:hidden;}
.table_mobile > table{width:100%; min-width:1238px;}
.table_mobile_info{display:none;}
@media screen and (max-width: 1238px){
    .table_mobile{overflow-x:scroll;}
    .table_mobile_info{display:block; color:#1c66b1;}
}

/* 서브블릿 */
.contents h3.subtitle2{position:relative; font-size:26px; margin-bottom:10px; padding:5px 0 5px 25px; font-weight:600;}
.contents h3.subtitle2:before{content:'';
    display: block;
    position: absolute;
    top: 19px;
    left: 0px;
    width: 12px;
    height: 12px;
    margin: -3px 0 0 0;
    border: 4px solid #fd725d;
    border-left: 4px solid #fd725d;
    border-top: 4px solid #0c4a96;
    border-bottom: 4px solid #0c4a96;
    border-radius: 50%;
    background: none;
}
.contents h4.subtitle3{position:relative; font-size:22px; margin-bottom:10px; padding:5px 0 5px 20px; font-weight:400;}
.contents h4.subtitle3:before{content:'';
    display: block;
    position: absolute;
    top: 21px;
    left: 0px;
    width: 12px;
    height: 12px;
    margin: -3px 0 0 0;
    border-radius: 50%;
    background: #fd725d;
}
.contents .blet{position:relative; padding:0  0 0 15px;}
.contents .blet:before{content:'';
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #0c4a96;
}

/* 탭메뉴 */
.sub_tab_menu{display:flex; margin-bottom:20px; border-bottom:1px solid #ccc;}
.sub_tab_menu > div{margin-right:2px;}
.sub_tab_menu > div a{display:block; padding:10px 15px; font-size:20px; background:#eee;}
.sub_tab_menu > .on a{color:#fff; background:#1c66b1;}

.sub_tab_menu2{overflow:hidden; margin-bottom:10px;}
.sub_tab_menu2 a{float:left; display:inline-block; margin:0 3px 3px 0; padding:8px 20px; color:#333; background:#e6e6e6; border-radius:5px;}
.sub_tab_menu2 a.on{color:#fff; background:#1c66b1;}

.sub_tab_menu3{float:left; overflow:hidden; margin-bottom:10px; width:100%;}
.sub_tab_menu3 a{float:left; display:inline-block; margin:0 3px 3px 0; padding:8px 20px; color:#333; background:#e6e6e6; border-radius:5px;}
.sub_tab_menu3 a.on{color:#fff; background:#1c66b1;}
.sub_tab_menu3 .btn_red{float:right; color:#fff; background:red;}

@media screen and (max-width: 400px){
    .sub_tab_menu{flex-direction: column; border-bottom:0;}
    .sub_tab_menu > div{border-bottom:1px solid #ccc;}    
}

/* 폼태그 */
select.form_control,
input.form_control{display:inline-block; width:100%; padding:4px; border:1px solid #666;}
.form_control.w50{width:50px;}
.form_control.w70{width:70px;}
.form_control.w100{width:100px;}
.form_control.w120{width:120px;}
.form_control.w150{width:150px;}
.form_control.w200{width:200px;}
.form_control.w300{width:300px;}
.form_control.w400{width:400px;}
.form_control.w500{width:500px;}
.form_control.w90per{width:90% !important;}

/* 하단버튼 */
.page_btn{text-align:center;}

/* 서브 상단 검색 */
.srch_info{margin:0 0 20px 0; padding:15px; border:1px solid #ccc;}
/* .srch_info li:before{content:"\f05a"; font-family:FontAwesome; float:left; display:inline-block; font-size:14px; margin:3px 3px 0 10px;} */
.srch_info > ul > li{padding:5px 5px 5px 25px; background:url(../images/ico_class2.png) no-repeat left 10px; background-size:20px;}
.srch_info > ul > li > ol > li{list-style:none; padding:5px 5px 5px 15px; background:url(../images/ico_info2.png) no-repeat left 15px;}

.srch_wrap{overflow:hidden; margin-bottom:40px; padding:50px 0; text-align:center; background:#e6e6e6; border-top:2px solid #2091cb;}
.srch_wrap .title1{display:inline-block; height:40px; line-height:40px; margin-right:10px;}
.srch_wrap .btn-srch:before {content:"\f002"; font-family:FontAwesome; float:left; display:inline-block; font-size:14px; margin:0px 3px 0 10px;}

.srch_wrap2{display:flex; justify-content:center; margin-bottom:40px; padding:50px 0; text-align:center; background:#e6e6e6; border-top:2px solid #2091cb;}
.srch_wrap2 .title1{display:inline-block; height:40px; line-height:40px; margin-right:10px;}
.srch_wrap2 .btn-srch:before {content:"\f002"; font-family:FontAwesome; float:left; display:inline-block; font-size:14px; margin:0px 3px 0 10px;}
.srch_wrap2 .form_select{height:38px; margin-right:4px; padding:2px 5px; border:1px solid #666;}
.srch_wrap2 .form_input{height:32px; margin-right:4px; padding:2px 5px 2px 5px; border:1px solid #666;}
.srch_wrap2 input::placeholder{color:#333;}

.srchbox {display:inline-block; box-sizing:border-box;}
.srchbox input[type="text"]{height:32px; line-height:32px; color:#333; border:3px solid #2091cb; margin-right:-4px;}
.srchbox .wzbtn.btn-srch {display:inline-block; width:75px; height:39px; line-height:37px; font-size:16px; border-radius:0; background:#2091cb; border-color:#2091cb;}
.srchbox select {background-color:#fff; height:40px; font-size:1em; border-color:#c6c6c6;}

.srchbox2 {display:inline-block; box-sizing:border-box;}
.srchbox2 input[type="text"]{height:32px; line-height:32px; color:#333; border:3px solid #2091cb; margin-right:-4px;}
.srchbox2 .wzbtn.btn-srch {display:inline-block; width:75px; height:38px; line-height:37px; font-size:16px; border-radius:0; background:#2091cb; border-color:#2091cb;}
.srchbox2 select {background-color:#fff; height:40px; font-size:1em; border-color:#c6c6c6;}

@media screen and (max-width: 840px){
    .srch_wrap2{flex-direction:column; padding:20px;}
    .srch_wrap2 .form_select,
    .srch_wrap2 .form_input{margin:0 0 3px 0;}
    .srch_wrap2 .srchbox2 input[type="text"] {width:calc(100% - 84px);}
}

/* 검색결과 */
.result .info{padding:7px;}
.result .info span{color:#3c77c0; font-weight:bold;}
.result .info::before{content:''; clear:both; display:inline-block; width:12px; height:13px; margin-right:5px; background:#79a9e3;}
.result .tb_normal .blue{color:blue;}
.result .tb_normal .red{color:red;}

/* button - function */
.btn-basic  {border:1px solid #c6c6c6; color:#333; background:#fff;} /*grey line btn*/
.btn-basic.on,
.btn-basic:hover {background:#f0f0f0; border:1px solid #bebebe;}
.btn-save   {background:#272d3d; border:1px solid #272d3d; color:#fff;} /*black bg btn*/
.btn-del {border:1px solid #eb573f; color:#d53037; background:#fff;} /*red line btn*/
.btn-del.on,.btn-del:hover {color:#fff; background:#CD3938;}
.btn-srch   {background:#338cf2;border:1px solid #338cf2;color:#fff;} /*blue bg btn*/
.btn-edit   {border:1px solid #ddd; background:#ddd; color:#333;}
.btn-edit:hover {background-image:linear-gradient(to right, #2091cb , #2d59b0) !important; background:#2091cb; color:#fff;}

/* button - color */
.btn-red {border:1px solid #eb573f; color:#CD3938;}
.btn-red-bg {background:#CD3938; border:1px solid #eb573f; color:#fff;}
.btn-red.on, .btn-red:hover {background:#CD3938; border:1px solid #eb573f; color:#fff;}
.btn-pink {border:1px solid #e48db5; color:#cf4b88;}
.btn-pink-bg {background:#cf4b88; border:1px solid #cf4b88; color:#fff;}
.btn-pink.on, .btn-pink:hover {background:#cf4b88; border:1px solid #cf4b88; color:#fff;}
.btn-orange {border:1px solid #ea8b46; color:#cc6e2a;}
.btn-orange-bg {background:#cc6e2a; border:1px solid #cc6e2a; color:#fff;}
.btn-orange.on, .btn-orange:hover {background:#cc6e2a; border:1px solid #cc6e2a; color:#fff;}
.btn-yellow {border:1px solid #eadb00; color:#d2cb02;}
.btn-yellow-bg {background:#d2cb02; border:1px solid #d2cb02; color:#fff;}
.btn-yellow.on, .btn-yellow:hover {background:#d2cb02; border:1px solid #d2cb02; color:#fff;}
.btn-green {border:1px solid #6cab26; color:#4d860e;}
.btn-green-bg {background:#4d860e; border:1px solid #4d860e; color:#fff;}
.btn-green.on, .btn-green:hover {background:#4d860e; border:1px solid #4d860e; color:#fff;}
.btn-blue {border:1px solid #448ccb; color:#3278b6;}
.btn-blue-bg {background:#2091cb; border:1px solid #2091cb; color:#fff;}
.btn-blue.on, .btn-blue:hover {background:#2091cb; border:1px solid #2091cb; color:#fff;}
.btn-brown {border:1px solid #b4793d; color:#8d541b;}
.btn-brown-bg {background:#8d541b; border:1px solid #8d541b; color:#fff;}
.btn-brown.on, .btn-brown:hover {background:#8d541b; border:1px solid #8d541b; color:#fff;}
.btn-violet {border:1px solid #a284c2; color:#734c9c;}
.btn-violet-bg {background:#a284c2; border:1px solid #a284c2; color:#fff;}
.btn-violet.on, .btn-violet:hover {background:#a284c2; border:1px solid #a284c2; color:#fff;}
.btn-purple {border:1px solid #b914b5; color:#970994;}
.btn-purple-bg {background:#970994; border:1px solid #970994; color:#fff;}
.btn-purple.on, .btn-purple:hover {background:#970994; border:1px solid #970994; color:#fff;}
.btn-grey {border:1px solid #ddd; color:#757575;}
.btn-grey-bg {background:#ddd; border:1px solid #d6d6d6; color:#333;}
.btn-grey.on, .btn-grey:hover {background:#f0f0f0; border:1px solid #ddd; color:#757575;}
.btn-black {border:1px solid #272d3d; color:#333;}
.btn-black-bg {background:#333; border:1px solid #333; color:#fff;}
.btn-black.on, .btn-black:hover {background:#333; border:1px solid #333; color:#fff;}

/* icon */
.btn-srch:before {content:"\f002"; font-family:FontAwesome; float:left; display:inline-block; font-size:14px; margin:0px 7px 0 -3px;}
.btn-bottom:before {content:"\276F"; display:inline-block; transform:rotate(90deg); margin-right:10px;}
.btn-top:before {content:"\276F"; display:inline-block; transform:rotate(-90deg); margin-right:10px;}
.btn-plus:before {content:"+"; font-weight:600; margin-right:10px;}
.ico-mngr:before {content:"\2692"; margin-right:5px;}
.ico-list:before {content:"\2630"; margin-right:5px;}
.ico-bull:before {content:"\f0ca"; font-family:FontAwesome; margin-right:10px;}
.ico-layer:before {content:"\f009"; font-family:FontAwesome; margin-right:10px;}
.btn-setting:before {content:"\f013"; font-family:FontAwesome;}
.ico-excel:before {content:url(/widesign/img/excel_green.png); vertical-align:middle; margin-right:5px; float:left; margin-top:3px;}

/*
컨텐츠 기본
*/
.hide{display:none;}
.subtitle{padding:30px 0; text-align:center; font-size:38px; color:#333; background:#e9f6ff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sub .contents{position:relative; overflow:hidden; min-height:500px; margin-bottom:60px; padding:40px 40px; background:#fff; border:1px solid #ccc; border-top:0;}
.sub .contents .box{padding:0 0 40px 0; margin-bottom:60px;}

/* 고교학점제란 */
/* 고교학점제란 무엇인가요? */
.sub_greeting .box:nth-child(1) .info{padding:15px; text-align:center; border:1px solid #ccc;}
.sub_greeting .box:nth-child(1) .info p{padding:10px; font-size:20px; font-weight:600;}
.sub_greeting .box:nth-child(1) .img{width:811px; margin:0 auto; padding:30px 0; text-align:center;}
.sub_greeting .box .img img{width:100%;}
/* 왜 필요한가요? */
.sub_greeting .box:nth-child(2) ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub_greeting .box:nth-child(2) ul li{width:23%;}
.sub_greeting .box:nth-child(2) ul li img{width:100%;}
/* 무엇이 바뀌나요? */
.sub_greeting .box:nth-child(3) ul li{margin-bottom:60px; text-align:center;}
.sub_greeting .box:nth-child(3) ul li:last-child{margin-bottom:0;}
/* 어떻게 운영되나요? */
.sub_greeting .box:nth-child(4) .img{width:1164px; margin:0 auto;}
/* 어떤 과목들이 있나요? */
.sub_greeting .box:nth-child(5) .info{margin-bottom:40px; padding:15px; text-align:center; border:1px solid #ccc;}
.sub_greeting .box:nth-child(5) .info p{padding:10px; font-size:20px; font-weight:600;}
.sub_greeting .box:nth-child(5) dl.cate{display:flex; padding:30px 0; border-top:1px solid #ccc;}
.sub_greeting .box:nth-child(5) dl.cate dt{width:200px; margin-right:15px;}
.sub_greeting .box:nth-child(5) dl.cate dt div{border:1px solid #ccc; border-radius:15px;}
.sub_greeting .box:nth-child(5) dl.cate dt div p{border:2px solid #fff; border-radius:15px;}
.sub_greeting .box:nth-child(5) dl.cate dt div p span{display:block; padding:15px 0; text-align:center; font-size:18px; font-weight:600; border:3px solid #ccc; border-radius:15px;}
.sub_greeting .box:nth-child(5) dl.cate dd{display:flex; align-items:center;}
.sub_greeting .box:nth-child(5) dl.cate4{margin-bottom:40px; border-bottom:1px solid #ccc;}

.sub_greeting .box:nth-child(5) dl.cate1 dt div,
.sub_greeting .box:nth-child(5) dl.cate1 dt div p span{border-color:#7ea432; color:#7ea432;}
.sub_greeting .box:nth-child(5) dl.cate2 dt div,
.sub_greeting .box:nth-child(5) dl.cate2 dt div p span{border-color:#12a79d; color:#12a79d;}
.sub_greeting .box:nth-child(5) dl.cate3 dt div,
.sub_greeting .box:nth-child(5) dl.cate3 dt div p span{border-color:#a063a5; color:#a063a5;}
.sub_greeting .box:nth-child(5) dl.cate4 dt div,
.sub_greeting .box:nth-child(5) dl.cate4 dt div p span{border-color:#1191c5; color:#1191c5;}
.sub_greeting .box:nth-child(5) .info.info2{margin-top:40px;}

.sub_greeting .box:nth-child(5) .other{}
.sub_greeting .box:nth-child(5) .other ul{display:flex; justify-content:space-between;}
.sub_greeting .box:nth-child(5) .other ul li{width:30%; text-align:center;}
.sub_greeting .box:nth-child(5) .other ul li dl{width:30%; text-align:center;}

.sub_greeting .box:nth-child(5) .other ul li dl{padding:30px;}
.sub_greeting .box:nth-child(5) .other ul li dl dt{display:flex; height:80px; justify-content:center; align-items:center; flex-direction:column; padding-bottom:20px; margin-bottom:30px; font-size:22px; font-weight:600;}
.sub_greeting .box:nth-child(5) .other ul li dl dd{font-size:20px;}

.sub_greeting .box:nth-child(5) .other ul li div{border:2px solid #fff; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step1{border:1px solid #7ea432; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step1 dl{width:100%; border:3px solid #7ea432; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step1 dl dt{color:#7ea432; border-bottom:3px solid #7ea432;}
.sub_greeting .box:nth-child(5) .other ul li.step2{border:1px solid #12a79d; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step2 dl{width:100%; border:3px solid #12a79d; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step2 dl dt{color:#12a79d; border-bottom:3px solid #12a79d;}
.sub_greeting .box:nth-child(5) .other ul li.step3{border:1px solid #a063a5; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step3 dl{width:100%; border:3px solid #a063a5; border-radius:10px;}
.sub_greeting .box:nth-child(5) .other ul li.step3 dl dt{color:#a063a5; border-bottom:3px solid #a063a5;}

.sub_greeting .box:nth-child(5) .ncic{margin-top:40px; padding:25px; font-size:20px; text-align:center; background:#fffbd4;}

/* 학교에 원하는 과목이 개설되지 않으면 어떡하죠? */
.sub_greeting .box:nth-child(6) h4.subtitle3{margin-top:30px;}
.sub_greeting .box:nth-child(6) .info{padding:15px; text-align:center; border:1px solid #ccc;}
.sub_greeting .box:nth-child(6) .info p{padding:10px; font-size:20px; font-weight:600;}
.sub_greeting .box:nth-child(6) .img1{width:1158px; margin:0 auto; padding:30px 0; text-align:center; margin-bottom:60px;}
.sub_greeting .box:nth-child(6) .img2{width:783px; margin:0 auto; padding:30px 0; text-align:center;}
.sub_greeting .box:nth-child(6) .other{margin-top:10px; padding:25px; font-size:20px; background:#fffbd4;}
.sub_greeting .box:nth-child(6) .other dl{margin-bottom:40px;}
.sub_greeting .box:nth-child(6) .other dl:last-child{margin-bottom:0px;}
.sub_greeting .box:nth-child(6) .other dl dt{font-size:20px; font-weight:600;}
.sub_greeting .box:nth-child(6) .other dl dd{font-size:18px;}
.sub_greeting .box:nth-child(6) .other dl dd span{font-weight:600;}

/* 학생 평가 방식은 어떻게 이루어지나요? */
.sub_greeting .box:nth-child(7) h4.subtitle3{margin-top:30px;}
.sub_greeting .box:nth-child(7) .info{padding:15px; text-align:center; border:1px solid #ccc;}
.sub_greeting .box:nth-child(7) .info p{padding:10px; font-size:20px; font-weight:600;}
.sub_greeting .box:nth-child(7) .info span{display:block; text-align:right;}
.sub_greeting .box:nth-child(7) .table_title{padding:5px 0 10px 0; text-align:center; font-size:20px;}
.sub_greeting .box:nth-child(7) table td{background:#fff;}
.sub_greeting .box:nth-child(7) table .check_pink{background:#f4eff6;}
.sub_greeting .box:nth-child(7) table .txt_pink{color:#8f4f96; font-weight:600;}
.sub_greeting .box:nth-child(7) .arrow{padding:30px 0; text-align:center;}
.sub_greeting .box:nth-child(7) .info_end{padding-top:15px; text-align:right;}

/* 과목 이수 기준은 무엇인가요? */
.sub_greeting .box:nth-child(8) .info{padding:15px; text-align:center; border:1px solid #ccc;}
.sub_greeting .box:nth-child(8) .info p{padding:10px; font-size:20px; font-weight:600;}
.sub_greeting .box:nth-child(8) .img1{margin-bottom:40px;}
.sub_greeting .box:nth-child(8) .img1,
.sub_greeting .box:nth-child(8) .img2,
.sub_greeting .box:nth-child(8) .img3{width:1000px; margin:0 auto; margin-top:20px; margin-bottom:30px; text-align:center;}
.sub_greeting .box:nth-child(8) .img1 img,
.sub_greeting .box:nth-child(8) .img2 img,
.sub_greeting .box:nth-child(8) .img3 img{width:100%;}

@media screen and (max-width: 1164px){
    .sub_greeting .box:nth-child(4) .img,
    .sub_greeting .box:nth-child(6) .img1,
    .sub_greeting .box:nth-child(6) .img1 img,
    .sub_greeting .box:nth-child(6) .img2,
    .sub_greeting .box:nth-child(6) .img2 img,
    .sub_greeting .box:nth-child(8) .img1,
    .sub_greeting .box:nth-child(8) .img2,
    .sub_greeting .box:nth-child(8) .img3,
    .sub_greeting .box:nth-child(8) .img1 img,
    .sub_greeting .box:nth-child(8) .img2 img,
    .sub_greeting .box:nth-child(8) .img3 img{width:100%;}
}
@media screen and (max-width: 1000px){
    .sub_greeting .box:nth-child(2) ul li{width:45%; margin-bottom:10px;}
}
@media screen and (max-width: 811px){
    .sub_greeting .box:nth-child(1) .img{width:100%;}
    .sub_greeting .box:nth-child(3) ul li img{width:100%;}
    .sub_greeting .box:nth-child(5) .other ul{flex-direction:column;}
    .sub_greeting .box:nth-child(5) .other ul li{width:100%; margin-bottom:20px;}
    .sub_greeting .box:nth-child(5) .other ul li.step3{margin:0;}
}
@media screen and (max-width: 420px){
    .sub_greeting .box:nth-child(2) ul li{width:100%;}
}

/* 강원형 고교학점제 운영 현황 */
.sub_operate .box:nth-child(1) .img{text-align:center;}
.sub_operate ul li dl{display:flex; margin:5px 0;}
.sub_operate ul li dl dt{width:30%; padding:10px; color:#fff; font-size:18px; font-weight:600;}
.sub_operate ul li dl dd{width:70%; padding:10px; border:1px solid #ccc;}
.sub_operate .box:nth-child(2) ul li dl dt{background:#56cf31;}
.sub_operate .box:nth-child(3) ul li dl dt{background:#317fcf;}
.sub_operate .box:nth-child(4) ul li dl dt{background:#b2b825;}
.sub_operate .box:nth-child(5) ul li dl dt{background:#cf7f31;}
.sub_operate .box:nth-child(6) ul li dl dt{background:#c021ca;}
@media screen and (max-width: 900px){
    .sub_operate .box:nth-child(1) .img img{width:100%;}
}
@media screen and (max-width: 800px){
    .sub_operate ul li dl{flex-direction:column;}
    .sub_operate ul li dl dt{width:100%;}
    .sub_operate ul li dl dd{width:100%;}
}

/* 2022 개정 교육과정 */
.sub_edu_info .box:nth-child(1) .info{padding:15px; text-align:center; border:1px solid #ccc;}
.sub_edu_info .box:nth-child(1) .info p{padding:10px; font-size:20px; font-weight:600;}
.sub_edu_info .box:nth-child(1) ul.list{padding:10px 15px;}
.sub_edu_info .box:nth-child(1) ul.list1{margin-bottom:40px;}
.sub_edu_info .box:nth-child(1) ul.list li{padding:10px;}
.sub_edu_info .box:nth-child(1) ul.list li.blet:before{top:19px;}
.sub_edu_info .box:nth-child(1) table{border-top:0;}
.sub_edu_info .box:nth-child(1) table th{border-top:2px solid #000;}
.sub_edu_info .box:nth-child(1) table .arrow{border-top:0; border-bottom:0; background:#fff;}
.sub_edu_info .box:nth-child(1) table th:last-child{background:#1191c5; color:#fff;}
.sub_edu_info .box:nth-child(1) table .txt_red{color:#df1818;}
.sub_edu_info .box:nth-child(1) table .blue_box{display:inline-block; padding:0px 4px; background:#1191c5; color:#fff;}
.sub_edu_info .box:nth-child(2) .img{width:860px; margin:0 auto; text-align:center;}
.sub_edu_info .box:nth-child(2) ul.list{padding:10px 15px;}
.sub_edu_info .box:nth-child(2) ul.list li{padding:10px;}
.sub_edu_info .box:nth-child(2) ul.list li.blet:before{top:19px;}
.sub_edu_info .box:nth-child(4) .img{width:700px;}
.sub_edu_info .box:nth-child(4) .img img{width:100%;}
@media screen and (max-width: 800px){
    .sub_edu_info .box:nth-child(2) .img{width:100%;}
    .sub_edu_info .box:nth-child(2) .img img{width:100%;}
    .sub_edu_info .box:nth-child(3) .img{width:100%;}
    .sub_edu_info .box:nth-child(3) .img img{width:100%;}
    .sub_edu_info .box:nth-child(4) .img{width:100%;}
    .sub_edu_info .box:nth-child(4) .img img{width:100%;}
}

/* 교육감 승인 과목 */
.sub_edu_stat .box:nth-child(1) table td,
.sub_edu_stat .box:nth-child(2) table td{padding:20px 20px; text-align:left;}
.sub_edu_stat .box:nth-child(1) table td ul li,
.sub_edu_stat .box:nth-child(2) table td ul li{padding:5px 10px;}
.sub_edu_stat .box:nth-child(3) table tr:nth-child(1),
.sub_edu_stat .box:nth-child(3) table tr:nth-child(2),
.sub_edu_stat .box:nth-child(3) table tr:nth-child(3),
.sub_edu_stat .box:nth-child(3) table tr:nth-child(4)
{background:rgb(255, 251, 235);}

/* 공동교육과정이란 */
.sub_fam_gw .box:nth-child(1) .info{padding:15px; border:1px solid #ccc;}
.sub_fam_gw .box:nth-child(1) .info p{padding:10px; font-size:20px; font-weight:400; text-align:center;}

.sub_fam_gw .box:nth-child(2) ul{margin-left:30px;}
.sub_fam_gw .box:nth-child(2) ul li{padding:8px 10px; font-size:20px;}
.sub_fam_gw .box:nth-child(2) ul li.blet:before{top:20px;}

.sub_fam_gw .box:nth-child(3) dl{margin:0 0 30px 30px;}
.sub_fam_gw .box:nth-child(3) dl dt{font-size:22px; font-weight:400;}
.sub_fam_gw .box:nth-child(3) dl dd{margin:10px 0 10px 30px; font-size:18px;}
.sub_fam_gw .box:nth-child(3) dl .blet:before{margin-top:-3px;}

.sub_fam_gw .box:nth-child(4) table ul{margin-left:20px;}
.sub_fam_gw .box:nth-child(4) table ul li{padding:5px 10px; text-align:left;}
.sub_fam_gw .box:nth-child(4) table p{padding:0 0 5px 0; font-weight:600;}

/* 학교 밖 교육이란 */
.sub_other_edu .box:nth-child(1) .info{padding:15px; border:1px solid #ccc;}
.sub_other_edu .box:nth-child(1) .info p{padding:10px; font-size:20px; font-weight:400; text-align:center;}
.sub_other_edu .box:nth-child(1) .info span{display:block; text-align:right;}

.sub_other_edu .box:nth-child(2) dl{margin:0 0 30px 30px;}
.sub_other_edu .box:nth-child(2) dl dt{font-size:22px; font-weight:400;}
.sub_other_edu .box:nth-child(2) dl dd{margin:10px 0 10px 30px; font-size:18px;}
.sub_other_edu .box:nth-child(2) dl .blet:before{margin-top:-3px;}

/* faq */
.sub_faq p{font-size:20px;}

/* 로그인 */
.sub_login .login_box{position:relative; overflow:hidden; margin-bottom:100px; border:1px solid #eee;}
.sub_login .login_box .box1{float:left; width:50%;}
.sub_login .login_box .box2{float:right; width:50%;}
.sub_login .login_box .log-box-wrap{width:100%; border:20px solid #eee;}
.sub_login .login_box .log-box-wrap .log-box{max-width:480px; height:300px;}
.sub_login .login_box .log-box-wrap .log-box .txt{margin:15px 0; padding:120px 0 0 0; background:url("../images/member/ico_sns.jpg") no-repeat top center;}
.sub_login .login_box .log-box-wrap .log-box .sns_btn{display:flex; justify-content: space-between; width:100%;}
.sub_login .login_box .log-box-wrap .log-box .sns_btn a{display:inline-block; border:1px solid #ccc; border-radius:3px;}
.sub_login .login_box .box1 .log-box-wrap{border-right:0px;}

.sub_login .box{clear:both; position:relative;}
.sub_login .save_id{margin-top:10px; text-align:left;}
.sub_login .btn_bottom{display:flex; margin-top:15px; justify-content: space-between;}
.sub_login .box .blet:before{top:10px;}
.sub_login .box dl{margin-bottom:15px;}
.sub_login .box dd{padding-left:15px;}

@media screen and (max-width: 1100px){
    .sub_login .login_box .box1{float:left; width:100%;}
    .sub_login .login_box .box2{float:left; width:100%;}
    .sub_login .login_box .box1 .log-box-wrap{border:10px solid #eee;}
    .sub_login .login_box .log-box-wrap{border:10px solid #eee;}
}
@media screen and (max-width: 600px){
    .sub_login .login_box .log-box-wrap .log-box .sns_btn a img{width:100%;}
}

/* 아이디 비밀번호 찾기 */
.sub_find .epki_box{overflow:hidden; background:url("../images/member/Auth.png") no-repeat top center;}
.sub_find .epki_box h3{margin-top:240px; font-size:20px; font-weight:bold; text-align:center;}
.sub_find .epki_box p{width:60%; margin:50px auto; text-align:center;}
.sub_find .epki_box a{display:block; width:40%; margin:0 auto; padding:15px 0; color:#fff; font-weight:bold; text-align:center; background:#12a79d; border:1px solid #1c66b1; border-radius:5px;}

/* 비밀번호 재설정 */
.sub_find_pw .pw_box{position:relative; overflow:hidden; width:440px; margin:0 auto; padding:25px;}
.sub_find_pw .pw_box h3{margin:0 0 10px 0; text-align:center;}
.sub_find_pw .pw_box p{margin:5px 0;}
.sub_find_pw .pw_box input{width:100%; padding:10px 0; text-align:center; border:1px solid #ccc;}
.sub_find_pw .pw_box input.member_id{background:#efefef;}
.sub_find_pw .pw_btn{margin-top:25px; text-align:center;}
.sub_find_pw .pw_btn a{display:inline-block; padding:10px 30px; border:1px solid #ccc; border-radius:10px;}
.sub_find_pw .pw_btn a:first-child{color:#fff; background:#12a79d; border:1px solid #12a79d;}

/* 회원가입 */
.sub_find .box{margin-top:30px;}
.sub_find .box .info li{padding:5px 10px;}
.sub_find .main{text-align:center;}
.sub_find .main a{display:inline-block; padding:15px 60px; border:1px solid #ccc; border-radius:15px;}
.sub_join .imp{color:red;}
.sub_join table th{width:30%;}
.sub_join table td{text-align:left;}
.sub_join table input{width:500px; padding:10px; border:1px solid #ccc;}
.sub_join table .id_check{display:inline-block; padding:6px 15px 5px 15px; background:#eee; border:1px solid #ccc;}
.sub_join .join_btn{margin-top:25px; text-align:center;}
.sub_join .join_btn a{display:inline-block; padding:10px 30px; border:1px solid #ccc; border-radius:10px;}
.sub_join .join_btn a:first-child{color:#fff; background:#12a79d; border:1px solid #12a79d;}
.sub_join .join_ok{text-align:center;}
.sub_join .join_ok h3{font-size:26px;}
.sub_join .join_ok p{margin:20px 0; padding:0 0 180px 0; font-size:20px; background:url("../images/common/join_ok.png") no-repeat bottom center;}
.sub_join .join_ok .join_btn{font-size:18px;}

/* error */
.sub_error{}
.sub_error .top{}
.sub_error h1{text-align:center; padding:20px 0;}
.sub_error h1 img{width:400px;}
.sub_error .error_con{position:relative; overflow:hidden; width:80%; margin:10px auto; background:url("../images/error.png") center 40px no-repeat; border:1px solid #ccc;}
.sub_error .error_con ul{margin:260px 0 40px 0; text-align:center;}
.sub_error .error_con ul li:first-child{margin-bottom:40px; font-size:22px; color:#0c4a96; font-weight:bold;}
.sub_error .error_con ul li:last-child{font-size:18px;}
.sub_error .error_con .error_btn{width:100%; margin-bottom:40px; text-align:center;}
.sub_error .error_con .error_btn a{display:inline-block; padding:10px 25px; margin:5px; background:#eee;}
.sub_error .error_con .error_btn a:first-child{color:#fff; background:#1191c5;}