@charset "utf-8";

/*로그인 */
.alertMessage{text-align: center; color:#f58220; padding: 3% 0;}
.memberLogin{width: 100%; max-width:575px; margin: 0 auto; }
.memberLogin h5{text-align: center; font-size:16px; color:#666; padding: 20px 0;}
.memberLogin li{padding-bottom: 20px;}
.memberLogin li:last-child{text-align: right;}
.memberLogin li label{padding-left: 5px; font-size:16px;  color:#999999;}
.memberLogin input[type='text']{width: 100%; height: 57px; }
.memberLogin input[type='password']{width: 100%; height: 57px; -webkit-text-security:disc !important; }
.memberLogin input[type='checkbox']{ text-align: right; width: 20px; height:20px; background: none;border:0;-webkit-appearance:checkbox; appearance:checkbox;outline:none; }
.memberLogin .btnArea{margin-top: 0;}
.memberLogin .btnArea p{font-size: 16px; padding-bottom: 20px;}
.memberLogin .login_btn{display: inline-block; width: 100%; height: 52px; border-radius: 10px; padding-top: 20px; font-size: 24px; font-weight: bold; }
.memberLogin .memberMenu{text-align: center;}
.memberLogin .memberMenu li{display: inline-block; width: 32.1%; text-align: center; border-left: 1px solid #999; padding-bottom: 0; font-size: 16px; color:#666; }
.memberLogin .memberMenu li:first-child{border: none;}
.memberLogin .btnIdinquiry {text-align: center;}
.memberLogin .btnIdinquiry p{padding-bottom: 20px;}
.memberLogin .btnIdinquiry a{width: 49%; text-align: center;}
.memberLogin .memeberIdFind{border: 1px solid #cccccc; margin-bottom: 20px;}
.memberLogin .memeberIdFind p{text-align: center; padding-top: 15px; font-size: 24px;}
.memberLogin .btnPwinquiry {text-align: center;}
.memberLogin .btnPwinquiry p{padding-bottom: 20px;}
.memberLogin .btnPwinquiry a{width: 60%; text-align: center;}

/* sns 2019.03.25 로그인 추가 */
.sns_join { overflow:hidden; margin-top:35px; text-align:center; }
.sns_join a { display:inline-block; max-width:180px; height:42px; line-height:42px; width:32%; }
	.sns_join .facebook { float:left; border:1px solid #3e588b; background-color:#395996; }
	.sns_join .insta { border:1px solid #207093; background-color:#2b80a7; }
	.sns_join .kakao { float:right; border:1px solid #e5b40f; background-color:#fdcb1c; }

/*회원가입*/
.memberAgreement{font-size: 18px;}
.memberAgreement span{color:#f47a3b;}
.memberAgreement .promotion{font-size: 14px; color:#999;}
.memberAgreement li{padding: 10px 0;}
.memberAgreement textarea{background: #f5f5f5; max-height: 300px; overflow: auto;}
.memberAgreement input[type='checkbox']{ text-align: right; width: 20px; height:20px; background: none;border:0;-webkit-appearance:checkbox; appearance:checkbox;outline:none; }
.memberAgreement .memberAgreementWrap{border-bottom: 1px solid #cccccc; padding-bottom: 20px;}
.memberAgreement p {text-align: center; padding: 20px 0;}
.memberAgreement .memberAgreementOption{border-bottom: 1px solid #cccccc; padding-bottom: 20px;}
.memberAgreement .memberAgreementOption>li{width: 47.4%; float:left; margin-right: 5%; text-align: center;}
.memberAgreement .memberAgreementOption>li:last-child{margin-right: 0;}
.memberAgreement .memberAgreementOption>li>ul>li input[type=radio]{display: inline-block; text-align: center; margin: 0 auto;}
.memberAgreement .btnProcess li{display: inline-block;}
.memberAgreement .btnNext01{cursor: pointer; width: 200px; padding-top: 0;}
.memberModify .btnProcess li{display: inline-block; margin: 10px 0;}
.memberModify .btnNext02,
.memberModify .btnNext03{cursor: pointer; width: 200px; padding: 0;}
.memberComplete table {width: 100%;}
.memberComplete .btnArea p{padding: 20px 0; font-size: 18px; color:#999;}
.member_banner .active{border: 2px solid #f47a3b;}
.member_banner02 .active{border: 2px solid #f47a3b;}
.memberAgreement .memberAgreementOption>li img{max-width:500px; width: 100%; }
.memberAgreement .btnProcess li a{width: 200px;}
.memberAgreement .btnProcess li {margin: 10px 0; padding: 0;}

/*고객센터*/
.contentVisual{text-align:center;}
#subVisual .serviceCenter{width: 100%; display: inline-block;}
#subVisual .serviceCenter li{display: inline-block; }
#subVisual .serviceCenter li a{height:0 !important;}
.boardList05 table {width:100%;}
.boardList05 table td{font-size: 16px; padding: 3% 0 3% 1%; text-align: center;}
.boardList05 table td.left:nth-child(2){text-align: left;}

/*진단검사*/
#content .sub0101{background: #f8e275 url(../images/content/img_sub0101_visual.png) no-repeat 65% bottom ;height: 378px;  }
#content .sub0101 p{max-width: 1040px;  margin: 0 auto; text-align: left; padding: 5% 0 0 2%; line-height: 28px; font-size: 1.2rem;}
#content .sub0101 p b{color:#02879a;}
#content .sub0101 p span{display: inline-block; font-size: 2.2rem; font-weight: bold; color:#333; padding-bottom: 1.3%;}
#content .sub0101 .mobileArray{display: none;}
#content .sub0102{background:#a4724f url(../images/content/img_sub0102_visual.jpg) no-repeat center center ; height: 378px; }
#content .sub0102 img{padding:125px 0; text-align: center; max-width: 703px; width: 100%;}
#content .sub0103{ background:#f5f5f5 url(../images/content/img_sub0103_visual.jpg) no-repeat 65% bottom; height: 378px;}
#content .sub0103 p{max-width: 1040px;  margin: 0 auto; text-align: left; padding: 5% 0 0 5%; line-height: 33px; font-size: 23px; color:#333;}
#content .sub0103 p span{display: inline-block;  padding-bottom: 2%; font-weight: bold; font-size: 40px;}
#content .sub0401{background:#ffda8c url(../images/content/img_sub0401_visual.jpg) no-repeat center bottom ; height: 378px;}
#content .sub0402{background:#f8f8f8 url(../images/content/img_sub0402_visual.png) no-repeat 75% bottom; height: 378px;}
#content .sub0402 p{max-width: 1040px; font-weight: normal;  margin: 0 auto; text-align: center; padding: 5% 45% 0 5%; line-height: 50px; font-size: 24px; color: #333;}
#content .sub0402 p span{font-size: 50px; font-weight: bold; }
#content .sub010101{margin:100px 0 50px 0; }
#content .sub010101 img{max-width: 1200px; width: 100%;}
#content .hanArticle01 li{padding-bottom:30px; font-size: 18px; line-height: 30px; }
#content .hanArticle01 li img{padding:0 15px 4px 0;}
#content .hanArticle01 li span{color:#999999;}
#content .hanArticle01 .hanExplain01{background: url(../images/content/hangul_text_001.png) no-repeat 0 1%; padding-left:12px;}
#content .hanArticle01 .hanExplain02{background: url(../images/content/hangul_text_002.png) no-repeat 0 1%; padding-left:12px;}
#content .hanArticle01 .hanExplain03{background: url(../images/content/hangul_text_003.png) no-repeat 0 1%; padding-left:12px;}
#content .hanArticle01 .hanExplain04{background: url(../images/content/hangul_text_004.png) no-repeat 0 1%; padding-left:12px;}
#content .hanArticle01 .hanExplain05{background: url(../images/content/hangul_text_005.png) no-repeat 0 1%; padding-left:12px;}
#content .hanArticle02 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin-bottom: 45px;}
#content .hanArticle02 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .hanArticle02 li{padding-bottom:18px; font-size: 18px; line-height: 30px;}
#content .hanArticle02 li img{padding-right: 10px;}
#content .hanArticle03 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin-bottom: 45px;}
#content .hanArticle03 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .hanArticle03 p{font-size: 18px; font-weight: bold; padding: 5px 0 35px 0;}
#content .hanArticle03 ul{padding-bottom: 30px;}
#content .hanArticle03 li{padding-bottom:12px; font-size: 18px; line-height: 25px;}
#content .hanArticle03 .hanArticle_titleExplain li{font-size: 22px;}
#content .hanArticle03 .hanArticle_bandal li{display: inline-block; text-align: center; padding-right: 28.5px;}
#content .hanArticle03 .hanArticle_bandal li:last-child{padding-right:0;}
#content .hanArticle03 .hanArticle_bandal li span{display: inline-block; padding-top: 20px; font-size: 17px;}
#content .hanArticle03 .hanArticle_title{font-size: 25px; font-weight: bold; color: #2c6b73; margin-top: 50px;}
#content .hanArticle03 img{max-width: 1200px; width: 100%;}
#content .deco_line{width: 100%; border-bottom: 1px solid #d2d2d2; margin-top: 55px;}
#content .hanArticle04 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin-bottom: 45px;}
#content .hanArticle04 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .hanArticle04 ul{padding-top: 1%;}
#content .hanArticle04 li{font-size: 15px; float: left; width: 45%;}
#content .hanArticle04 li:nth-child(even){padding: 7% 0 0 0;}
#content .hanArticle04 li img {max-width: 497px; width: 100%;}

#content .elementaryedu {margin-top: 100px;}
#content .elementaryArticle01{width: 80%; margin: 0 auto;}
#content .elementaryArticle01 ul{float: left;width: 48.5%; margin-bottom: 15%;}
#content .elementaryArticle01 ul:first-child{ }
#content .elementaryArticle01 ul:last-child{border-left:1px solid #53beb5;  }
#content .elementaryArticle01 li{ float: left; margin: 0 auto; height:auto; padding-right: 5%;}
#content .elementaryArticle01 img{max-width: 156px; width: 100%;}
#content .elementaryArticle01 .elementray_inline1{display: inline-block; padding: 5% 0 0 0; line-height: 25px; color:#999;}
#content .elementaryArticle01 .elementray_inline2{display: inline-block; padding: 5% 0 5% 5%; line-height: 27px; color:#333;}
#content .elementaryArticle01 .elementray_inline1 span{font-size: 24px; color:#767676; font-weight: bold;}
#content .elementaryArticle02{margin-bottom: 70px;}
#content .elementaryArticle02 img{max-width: 1200px; width: 100%;}
#content .elementaryArticle03{border-bottom: 1px solid #ccc; margin-bottom: 40px; font-size: 15px;}
#content .elementaryArticle03:after { content:""; display:block; clear:both; }
#content .elementaryArticle03 h3{background: url(../images/content/elementary_text_background.jpg) repeat-x center; margin-bottom: 20px;}
#content .elementaryArticle03 h3 span{display:inline-block; font-size: 15px; background: #fff; padding:10px 20px 10px 0;}
#content .elementaryArticle03 ul{float: left;width: 49.8%; margin-bottom: 30px;}
#content .elementaryArticle03 li{line-height:35px; color:#666;}
#content .elementarySlogan{ font-size: 17px; font-weight: bold; color:#fff; text-align: center; background: #07899b; padding: 20px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px; margin-bottom: 140px;}
#content .elementarySlogan span{display: inline-block; max-width: 600px; line-height: 25px; }
#content .elementaryArticle04 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin-bottom: 45px;}
#content .elementaryArticle04 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .elementaryArticle04>ul{padding-left: 20px;}
#content .elementaryArticle04>ul>li{ display: list-item; list-style: disc; font-size:15px; font-weight:700; padding-bottom: 7px; color:#555;}
#content .elementaryArticle04sub {padding: 7px 0 0 0; background:url(../images/content/elementary_text_deco.jpg) no-repeat 0px 13px;}
#content .elementaryArticle04sub li{color:#888; padding:0 0 7px 15px; font-weight: normal; }
#content .elementaryArticle04>ul> .article_link{color:#0e7f85; list-style: none; font-weight: normal; font-size: 13px; padding-left: 14px;}
#content .elementaryArticle04>ul> .article_link a{color:#0e7f85; list-style: none;}

/*검사안내*/
#content .sub02{background:#f5f5f5 url(../images/content/img_sub02_visual.png) no-repeat 65% bottom ; height: 378px; }
#content .sub02 p{max-width: 1040px;  font-weight: normal; margin: 0 auto; text-align: left; padding: 6% 0 0 5%; line-height:33px; font-size: 23px; color:#333;}
#content .sub02 p span{display: inline-block; font-size: 40px;font-weight: bold;padding-bottom: 2%;}
#content .sub02 p .mobileArray{display: none;}
.mobileArray02{display: none;}
.mobileList{display: none;}

/*검사관리*/
.year_select{width: 100%; width: 180px;}
#btn_action.checked { background:#0f6970; color:#fff;}
.checkGroupList{margin-top:40px;background:#f3f3f3;}
.checkGroupList .inner{max-width: 1040px;}
.checkGroupList .inner > ul{display:block;padding:50px 0 18px;}
.checkGroupList .inner > ul > li{width:100%; position:relative;margin-bottom:32px;background:#fff;border:1px #d8d8d8 solid;}
.checkGroupList .inner > ul > li:after{display:block;content:'';clear:both;}
.checkGroupList .inner > ul > li .input_deleteCheck{display: none; position:absolute;top:-6px;left:-6px;z-index:1;}
.checkGroupList .inner > ul > li .input_deleteCheck.show{display: block;}
.checkGroupList .inner > ul > li .title{display: inline-block; width:42%; float: left; text-align: center; padding-top: 5%;}
.checkGroupList .inner > ul > li .title em{display:inline-block;margin-right: 15%; width:55px;height:32px;font-size:17px;font-weight:bold;color:#fff;text-align:center;line-height:32px;border-radius:16px;background:#f47a3b;}
.checkGroupList .inner > ul > li .title .date{display:inline-block; margin-left: 15%; text-align: right;  font-size:17px;color:#999;line-height:32px;}
.checkGroupList .inner > ul > li .title .name{display:block;margin-top:10px;font-size:24px;text-align:center;}
.checkGroupList .inner > ul > li .title .grade{display:block;margin-top:10px;font-size:36px;text-align:center;}
.checkGroupList .inner > ul > li .content{display: inline-block; width:58%; float: left; border-left:5px #f47a3b solid;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.checkGroupList .inner > ul > li .content ul{display:block;}
.checkGroupList .inner > ul > li .content ul li{display:block;position:relative;height:120px;border-bottom:1px #d8d8d8 solid;clear:both;overflow:hidden;}
.checkGroupList .inner > ul > li .content ul li .total_up{display:block;float:left; width:30%;font-size:17px;text-align:center;letter-spacing:-1px; margin-top: 20px;}
.checkGroupList .inner > ul > li .content ul li .total{display:block;float:left;width:30%; font-size:17px;text-align:center;letter-spacing:-1px; margin-top: 45px; line-height: 26px;}
.checkGroupList .inner > ul > li .content ul li .total_up b{font-size:48px;font-weight:700;}
.checkGroupList .inner > ul > li .content ul li .total b{font-size:48px;font-weight:700;}
.checkGroupList .inner > ul > li .content ul li .status{float:left;width:25%;padding-top:50px;font-size:17px;line-height:28px;text-align:center;}
.checkGroupList .inner > ul > li .content ul li .status b{font-size:24px;color:#f47a3b;}
.checkGroupList .inner > ul > li .content ul li .button{float:right;line-height:120px; width:40%;}
.checkGroupList .inner > ul > li .content ul li .button .btn_inline{width:180px;height:55px;color:#666666;background:#f7f7f7; padding: 0; font-size: 18px; vertical-align: middle;}

/*진단검사 > 미래엔*/
.contentVisual{/*background:#f5f5f5;*/}
.miraen {max-width: 1040px; margin: 0 auto;}
.miraen h3{display:block;padding:40px 0;font-size:24px;font-weight:normal;text-align:center;}
.miraen .tabBar{display:block;float:left; width: 38%;}
.miraen .tabBar li{display:block;position:relative;border-bottom:1px #dbdbdb solid;  padding-right: 0;}
.miraen .tabBar li a{display:block;padding:3% 0 3% 5%;font-size:17px;line-height:40px; }
.miraen .tabBar li.active:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;width:50px;/*background:url(../images/icon_miraenArrow.png) no-repeat center center;*/}
.miraen .tabBar li.active a{color:#f47a3b;}
.miraen h3 b{display: inline-block; margin-bottom: 1%;}
.miraen .tabPage{float:right;text-align:right; width: 62%;}
.miraen .tabPage img{max-width: 633px; width: 100%;}

/*검사방법*/
.checkHow{}
.checkHow .tab_container04 ul li{position: relative; padding: 15px 0; width: 24.6%; float: left; margin-right: 0.3%;}
.checkHow .tab_container04 ul li:last-child{text-align: center; margin-right: 0; }
.checkHow .tab_container04 ul li a img{width: 100%; }
.checkHow .tab_container04 ul li .checkBtnArea{width: 95%; bottom: 4%; right:0; position: absolute; display: inline-block; font-size: 13px;}
.checkHow .tab_container04 ul li .checkBtnArea .checkBtnExplain{display: inline-block; margin: 0 auto; padding-top: 10px;}
.checkHow .tab_container04 ul li .checkBtnArea span{display: inline-block; line-height: 20px; text-align: left;}
.checkHow .tab_container04 ul li .checkBtnArea b{color:#f58220;}
.checkHow .tab_container04 ul li .checkBtnArea .checkBtn img{max-width: 108px; width: 100%;}
.checkHow .checkHowTitle{width: 100%; border-bottom: 1px solid #118a9d; margin: 50px 0; font-size: 24px;}
.checkHow .checkHowTitle h3{font-size: 24px; display:inline-block;  display: inline-block; background: #118a9d; color:#fff; padding: 0.7% 5%; border-radius:5px;  }
.checkHow .checkHowTitle p{display: inline-block; text-align: right; float: right; vertical-align: bottom;  color:#118a9d; padding-top: 5px; }
.checkHow ul{ text-align: center;}
.checkHow .checkHowContents>li>img{max-width: 280px; width: 100%;}
.checkHow ul li img{width: 100%; padding-bottom: 15px;}



.checkHow .checkCaption{padding:60px 0;font-size:18px;color:#0f6970;text-align:center;}
.checkHow .checkCaption b{font-size:18px;}


/*공지사항*/
.contentVisual.sub0501{margin:50px 0; position: relative; border:1px #dbdbdb solid;}
#subVisual .subMenuSlider ul li{display:inline-block; margin: 0; height:36px;}
#subVisual .subMenuSlider ul li a{padding-top: 0; height:36px;}
#subVisual .subMenuSlider ul {padding: 0;}
.subMenuSlider{position:relative;max-width:500px; height:36px; margin: 10px auto 0;}
.subMenuSlider:after{display:block;content:'';clear:both;}
.subMenuSlider li{float: left; width:25%;}
.subMenuSlider li a{display:block;height:100px;color:#333;}
.subMenuSlider li.active a{border-color:#f47a3b;color:#fff;}
.subMenuSlider li .school{display:block;margin:0 20px 4px;padding-top:18px;text-align:center;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.subMenuSlider li em{display:inline-block;vertical-align:middle;margin:0 8px 0 24px;padding:0 10px;height:25px;line-height:25px;background:#999;border-radius:30px;color:#fff;font-size:17px;font-weight:bold;}
.subMenuSlider li.active em{background:#fff;color:#f47a3b;}
.subMenuSlider li b{display:inline-block;vertical-align:middle;font-size:24px;}
.subMenuSlider li.add{background:#f5f5f5 url(../images/content/icon_sub0301_1.png) no-repeat center center;}
.subMenuSlider .next{display:block;position:absolute;right:-35px;top:50%;width:13px;height:22px;margin-top:-11px;background:url(../images/content/icon_sub0301_2.png) no-repeat;}
.subMenuSlider .bx-prev{display:none;position:absolute;left:-10px;top:30%;width:13px;height:22px;margin-top:-11px;text-indent:-9999em;background:url(../images/content/icon_sub0301_prev.png) no-repeat;}
.subMenuSlider .bx-next{display:none;position:absolute;right:-10px;top:30%;width:13px;height:22px;margin-top:-11px;text-indent:-9999em;background:url(../images/content/icon_sub0301_next.png) no-repeat;}


.contentVisual.sub0501 .latestSlider img{float: left;}
.contentVisual.sub0501 .latestSlider{position:relative;margin:0px;}
.contentVisual.sub0501 .latestSlider ul li{font-size:40px;font-weight:bold;text-align:center;}
.contentVisual.sub0501 .latestSlider ul li>a{width: 100%;}
.contentVisual.sub0501 .latestSlider ul li>a>p{width:38%; float:right; text-align: left; padding-top: 80px;}
.contentVisual.sub0501 .latestSlider ul li .date{display:block; margin-top:15px; margin-left: 5px; font-size:17px;color:#999;}
.contentVisual.sub0501 .latestSlider .bx-controls-direction{display:none;}
.contentVisual.sub0501 .latestSlider .bx-pager{display:block;position:absolute;bottom:18px;right:220px;text-align:center;}
.contentVisual.sub0501 .latestSlider .bx-pager .bx-pager-item{display:inline-block;margin:0 15px;}
.contentVisual.sub0501 .latestSlider .bx-pager .bx-pager-item .bx-pager-link{display:inline-block;width:13px;height:13px;border-radius:7px;text-indent:-9999em;background:#999999;}
.contentVisual.sub0501 .latestSlider .bx-pager .bx-pager-item .bx-pager-link.active{background:#faa71c;}

/*자주하는 질문*/
.contentVisual.sub0502{ width: 100%; height:185px; background: #ffd771;}
.contentVisual form{padding-top: 50px;}
.contentVisual .search_control{background: #fff; max-width: 773px; height:60px; width: 100%; margin:0 auto; -webkit-border-radius: 60px;  -moz-border-radius:60px; border-radius:60px;}
.contentVisual #site-search{width: 80%; height:50px; margin:5px 0; vertical-align: middle; font-size: 20px; border: none;}
.contentVisual .search_btn{float:right; padding: 14px 20px 0 0;}
.contentVisual .sub0502faq{display: inline-block; margin-top: 10px; color:#666; font-size: 16px;}
.contentVisual .sub0502faq a{text-decoration: underline;color:#666; line-height: 10px;}

/*묻고답하기*/
.contentVisual.sub0503{display: inline-block; width: 100%; margin:50px 0;  height: 311px; background: url(../images/content/img_sub0503_visual.jpg ) no-repeat  center center;}
.contentVisual.sub0503 li p{font-size: 1.2rem; color: #666; padding: 8% 0 0 5%; text-align: left;}
.contentVisual.sub0503 li  p span{display: inline; font-size:41px; font-weight: bold; color: #333; padding: 0.7% 0;}
.contentVisual.sub0503 li  p span strong{color: #f47a3b; font-size: 49px; }
.contentVisual.sub0503 li b{color: #666;}

/*검사관리 > 학생등록*/

.studentRegist{margin-top:18px;}
.selectSchool{position:relative;margin-bottom:40px;border:1px solid #cfcfcf;}
.selectSchool ul{}
.selectSchool:after{display:block;content:'';clear:both;}
.selectSchool li{float:left;width:25%;background:#f5f5f5;}
.selectSchool li.active{background:#f47a3b;}
.selectSchool li a{display:block;height:100px;border-right:1px solid #cfcfcf;color:#333;}
.selectSchool li.active a{border-color:#f47a3b;color:#fff;}
.selectSchool li .school{display:block;margin:0 20px 4px;padding-top:18px;text-align:center;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.selectSchool li em{display:inline-block;vertical-align:middle;margin:0 8px 0 24px;padding:0 10px;height:25px;line-height:25px;background:#999;border-radius:30px;color:#fff;font-size:17px;font-weight:bold;}
.selectSchool li.active em{background:#fff;color:#f47a3b;}
.selectSchool li b{display:inline-block;vertical-align:middle;font-size:24px;}
.selectSchool li.add{background:#f5f5f5 url(../images/content/icon_sub0301_1.png) no-repeat center center;}
.selectSchool .next{display:block;position:absolute;right:-35px;top:50%;width:13px;height:22px;margin-top:-11px;background:url(../images/content/icon_sub0301_2.png) no-repeat;}
.selectSchool .bx-prev{display:block;position:absolute;left:-35px;top:50%;width:13px;height:22px;margin-top:-11px;text-indent:-9999em;background:url(../images/content/icon_sub0301_prev.png) no-repeat;}
.selectSchool .bx-next{display:block;position:absolute;right:-35px;top:50%;width:13px;height:22px;margin-top:-11px;text-indent:-9999em;background:url(../images/content/icon_sub0301_next.png) no-repeat;}
.studentRegist .form{margin-bottom:38px;display: table; }
.studentRegist .form,
.studentRegist .form th,
.studentRegist .form td{border:0px none;background:none; text-align: left;}
.studentRegist .form th{ padding:0 2%;display:table-cell; text-align:left;font-size:18px; vertical-align: middle;}
.studentRegist .form .memberNum th{vertical-align: top; padding-top: 10px;}
.studentRegist .form input{display:inline-block;vertical-align:middle;height:57px; width: 75%;}
.studentRegist .form .formBtn{display:inline-block;vertical-align:bottom;height:57px;background:#d6d6d6;color:#666;font-weight:bold;text-align:center;line-height:57px;font-size:18px; width: 25%;}
.studentRegist .form .formExp{display:block;margin-bottom:0px;padding-top:20px;font-size:18px;color:#999;}
.studentRegist .form .formExp span{font-weight: bold; color:#f58220;}
.studentRegist .form .numberDrag{width: 94%; padding: 2% 3%; font-size: 18px; border: 1px solid #ccc;}
.studentRegist .form .midGuide th,
.studentRegist .form .midGuide td{line-height: 20px;}
.studentRegist .selectNumTitle{padding-bottom: 10px!important;}
.studentRegist .selectNum{padding:20px;background:#f5f5f5 !important;}
.studentRegist .selectNum ul{margin:-6px;padding-right:1%;height:350px;box-sizing:border-box;overflow-y:scroll;}
.studentRegist .selectNum li{float:left;padding:1%;box-sizing:border-box;width:10%;}
.studentRegist .selectNum li a{display:block;height:78px;line-height:78px;font-size:35px;letter-spacing:-1px;font-weight:bold;text-align:center; cursor: pointer;}
.studentRegist .selectNum li.type1 a{background:url(../images/content/bg_selectNum_1.gif) no-repeat center center;color:#999}
.studentRegist .selectNum li.type2 a{background:url(../images/content/bg_selectNum_2.gif) no-repeat center center;}
.studentRegist .selectNum li.type2 a.active{background:url(../images/content/bg_selectNum_3.gif) no-repeat center center;}
.studentRegist .selectNum li.type3 a{background:url(../images/content/bg_selectNum_3.gif) no-repeat center center;}
.copyZone{margin-bottom:60px; width: 100%; border-bottom: 2px solid #d6d6d6;}
.copyZone .copyZoneHeader{width:100%; border-bottom: 2px solid #d6d6d6; }
.copyZone .copyZoneHeader:after{display:block;content:'';clear:both;}
.copyZone .copyZoneHeader h4{float: left; font-size: 18px; color:#333; padding: 20px 0;}
.copyZone .copyZoneHeader p{float: right; font-size: 18px; color:#f47a3b; padding: 20px 0;}
.copyZone span{display:block;float:left;width:75%;height:55px;background:#f5f5f5;box-sizing:border-box;}
.copyZone input{background:none;border:none;font-size:20px;color:#333;}
.copyZone input.small{margin:0 2px;padding:0;width:40px;border-bottom:2px solid #ccc;text-align:center;}
.copyZone .btnCopy{display:block;float:left;width:24%;height:55px;background:#666;font-size:18px;line-height:55px;text-align:center;color:#fff;}
.copyZone .conArea{clear:both;}
.copyZone .conArea img{max-width: 498px; width: 100%; margin-top: 50px;}
.copyZone .topCopyWrap{max-width: 500px;}
.copyZone .floatLeft{float: left;  width: 49.3%; border-right:2px solid #d6d6d6; padding:2% 0 5% 0;}
.copyZone .floatLeft input{width:100%;max-width: 500px; }
.copyZone .floatLeft .topCopy{padding:0 2%; box-sizing:border-box; border: 6px solid #07899b; border-right:0;}
.copyZone .floatLeft .btnCopy{background: #07899b;}
.copyZone .floatRight{float:right; width: 49%; padding:2% 0 5% 0;}
.copyZone .floatRight .topCopy{padding:0 2%; box-sizing:border-box; border: 6px solid #6eb93a; border-right:0;}
.copyZone .floatRight .topCopy em{display:inline-block;vertical-align:top; color:#333;font-size:35px; }
.copyZone .floatRight .topCopy input[type='text'].input_bottomDotLine{border: none; }
.copyZone .floatRight .topCopy input[type='text'].input_bottomDotLine:nth-child(1){width: 50%;}
.copyZone .floatRight .topCopy input[type='text'].input_bottomDotLine:nth-child(2){width: 30%;}
.copyZone .floatRight .btnCopy{background: #6eb93a;}
#modal_searchSchool{max-width: 900px;}
.searchSchool{margin:0 auto;width:775px;}
.searchSchool .title{display:block;margin-bottom:18px;font-size:31px;text-align:center;}
.searchSchool .searchBox{position:relative;padding:0 75px 0 35px;height:60px;background:#fff;border-radius:30px;}
.searchSchool .searchBox input[type="text"]{width:100%;height:60px;border:0px none;color:#999;font-size:18px;}
.searchSchool .searchBox input[type="submit"]{display:block;position:absolute;right:30px;top:0;height:60px;width:40px;border:0px none;background:url(../images/content/icon_searchSchool.png) no-repeat center center;}
.searchSchool .exp{padding:15px 20px;color:#f47a3b;font-size:17px; text-align: left;}
.searchSchool .schoolResult{max-height:290px;overflow-y:scroll;}
.searchSchool table{width: 100%;}
.searchSchool table thead th{border:0px none;background:#0f6970;font-size:18px;color:#fff;}
.searchSchool table td{padding-left:20px;background:#fff;border-bottom:1px solid #dadada;line-height:140%; font-size:14px; text-align: left;}
.searchSchool table td:nth-child(2),
.searchSchool table td:nth-child(3){text-align: center;}
.startTest{font-size:24px;text-align:center;line-height:180%;}
.startTest b{font-size:31px;}
.startTest img{display:inline-block;vertical-align:sub;}

/*검사관리 > 학생등록 개인*/
.selectPerson{position:relative;margin-bottom:40px;border:1px solid #cfcfcf;}
.selectPerson:after{display:block;content:'';clear:both;}
.selectPerson li{float:left;width:25%;background:#f5f5f5;}
.selectPerson li.active{background:#f47a3b;}
.selectPerson li a{display:block;height:100px;border-right:1px solid #cfcfcf;color:#333;}
.selectPerson li.active a{border-color:#f47a3b;color:#fff;}
.selectPerson li .school{display:block;margin:0 20px 4px;padding-top:22px;text-align:center;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.selectPerson li em{display:inline-block;vertical-align:middle;margin:32px 8px 0 40px;padding:0 10px;height:25px;line-height:25px;background:#999;border-radius:30px;color:#fff;font-size:17px;font-weight:bold;}
.selectPerson li.active em{background:#fff;color:#f47a3b;}
.selectPerson li b{display:inline-block;vertical-align:middle;font-size:27px; margin-top: 30px;}
.selectPerson li.add{background:#f5f5f5 url(../images/content/icon_sub0301_1.png) no-repeat center center;}
.selectPerson .next{display:block;position:absolute;right:-35px;top:50%;width:13px;height:22px;margin-top:-11px;background:url(../images/content/icon_sub0301_2.png) no-repeat;}
.selectPerson .bx-prev{display:block;position:absolute;left:-35px;top:50%;width:13px;height:22px;margin-top:-11px;text-indent:-9999em;background:url(../images/content/icon_sub0301_prev.png) no-repeat;}
.selectPerson .bx-next{display:block;position:absolute;right:-35px;top:50%;width:13px;height:22px;margin-top:-11px;text-indent:-9999em;background:url(../images/content/icon_sub0301_next.png) no-repeat;}
.personForm{text-align: left; width: 100%;}
.personForm input{width: 80% !important;}
.personForm .nameInput input{width: 100% !important;}
.personForm select{height:57px; width: 100%; padding: 0 30px;}

/*한글교제*/
#content .textArticle01{margin-top: 77px;}
#content .textArticle01 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin: 45px 0;}
#content .textArticle01 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .textArticle01 h3 strong{font-size: 24px;}
#content .textArticle01 li{padding-bottom:30px; font-size: 18px; }
#content .textArticle01 li img{padding:0 15px 4px 0;}
#content .textArticle01 li span{color:#999999; padding-left:20px;}
#content .textArticle01 ul {line-height: 1.5rem; font-size: 14px;}
#content .textArticle01 ul .textArticleExplain01{background: url(../images/content/hangul_text_001.png) no-repeat; padding-left:2%;}
#content .textArticle01 ul .textArticleExplain02{background: url(../images/content/hangul_text_002.png) no-repeat; padding-left:2%;}
#content .textArticle01 ul .textArticleExplain03{background: url(../images/content/hangul_text_003.png) no-repeat; padding-left:2%;}
#content .textArticle01 ul .textArticleExplain04{background: url(../images/content/hangul_text_004.png) no-repeat; padding-left:2%;}
#content .textArticle01 ul .textArticleExplain05{background: url(../images/content/hangul_text_005.png) no-repeat; padding-left:2%;}
#content .textArticle01 ul .textArticleExplain06{background: url(../images/content/hangul_text_006.png) no-repeat; padding-left:2%;}
#content .textArticle02 {width: 100%;}
#content .textArticle02 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin-bottom: 45px;}
#content .textArticle02 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .textArticle02 h3 strong{font-size: 24px;}
#content .textArticle02 ul{text-align: center;}
#content .textArticle02 span{ display: inline; }
#content .textArticle02 li{ display:inline-block; vertical-align: top;  text-align: center; width: 18%; margin-bottom: 25px;  font-size: 18px;  padding-right: 2%;}
#content .textArticle02 li:last-child{padding-right: 0;}
#content .textArticle02 li img{display: inline; max-width: 218px; width: 100%;  padding-bottom: 5%;}
#content .textArticle03 h3 {background: url(../images/content/hangul_text_background.jpg) repeat-x center; margin-bottom: 45px;}
#content .textArticle03 h3 span{display:inline-block;  font-size: 22px; color:#fff; background: #f47a3b; padding: 10px 20px; -webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#content .textArticle03 h3 strong{font-size: 24px;}
#content .textArticle03 p{font-size: 18px; font-weight: bold; padding: 5px 0 35px 0;}
#content .textArticle03 ul{padding-bottom: 50px;}
#content .textArticle03 ul>li{display:inline-block;  position: relative; width: 49%; padding-bottom:33px; font-size: 18px;margin-right: 1%;}
#content .textArticle03 ul>li:nth-child(even){margin-right: 0;}
#content .textArticle03 li .textButton{position: absolute; top:0; left:0;}
#content .textArticle03 li .textButton02{position: absolute; top:0; left:0; }

#content .boardList04 table{width: 100%;}
#content .boardList04 table td{font-size: 16px; line-height:18px; }
.contentVisual.sub0402{ background: #f8f8f8;}
#content .textArticle_bandal img{position: relative; max-width: 586px; width: 100%;}

/*게시판 탭*/
#tabContainer01{position: relative; width:100%;  }
ul.tabs01 {display: inline-block;  margin: 0;padding: 0 0 40px 0;list-style: none;width: 100%;color:#333333;}
ul.tabs01 li { display: table; vertical-align:bottom; height: 60px; position: relative;font-size:18px;font-weight: bold;float: left;background: #fff;text-align:center; cursor: pointer;width:20%;border-bottom: 1px solid #666;border: 1px solid  #d6d6d6;border-bottom: 3px solid  #d6d6d6; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;transition: .5s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.tabs01 li span{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
ul.tabs01 li:hover{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
ul.tabs01 li.active {border-bottom: 3px solid  #f47a3b;color: #f47a3b;}
ul.tabs01 li.active span{padding: 0 8px;}
.tab_container01{position: relative;width: 100%;}

/*자료실 탭*/
#tabContainer02{position: relative; width:100%;  }
ul.tabs02 {margin: 0;padding: 0 0 40px 0;list-style: none;width: 100%;color:#333333;}
ul.tabs02 li {position: relative;font-size:18px;font-weight: bold;float: left;background: #fff;text-align:center; cursor: pointer;width:33.1%;border-bottom: 1px solid #666;padding: 2% 0 1% 0;border: 1px solid  #d6d6d6;border-bottom: 3px solid  #d6d6d6; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;transition: .5s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.tabs02 li:hover{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
ul.tabs02 li.active {border-bottom: 3px solid  #f47a3b;color: #f47a3b;}
ul.tabs02 li.active span{padding: 0 8px;}
.tab_container02{position: relative;width: 100%;}

/*회원가입 탭*/
#tabContainer03{position: relative; width:100%; max-width: 1040px; margin: 0 auto;}
ul.tabs03 {margin: 0;padding: 0 0 40px 0;list-style: none;width: 100%;color:#333333;}
ul.tabs03 li {position: relative;font-size:18px;font-weight: bold;float: left;background: #fff;text-align:center; cursor: pointer;width:33.1%;height: 30px;border-bottom: 1px solid #666;overflow: hidden;padding: 2% 0 1% 0;border-bottom: 3px solid  #d6d6d6;display: table-cell;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
ul.tabs03 li:hover{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
ul.tabs03 li.active {border-bottom: 3px solid  #f47a3b;color: #f47a3b;}
ul.tabs03 li.active span{padding: 0 8px;}
.tab_container03{position: relative;width: 100%;}

/*검사방법 탭*/
#tabContainer04{position: relative; width:100%; max-width: 1200px; margin: 0 auto;}
ul.tabs04 {display: none; margin: 0 0 40px 0;list-style: none;width: 100%;color:#333333; border-bottom: 3px solid #118a9d;}
ul.tabs04 li {position: relative;font-size:18px; color:#118a9d;font-weight: bold;float: left; border-radius: 5px 5px 0 0; background: #f5f5f5;text-align:center; cursor: pointer;width:46%; margin:0 1%; height: 30px;overflow: hidden;padding: 2% 0 1% 0;display: table-cell;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
ul.tabs04 li:hover{-webkit-transition: .1s ease-in-out;-moz-transition: .1s ease-in-out;transition: .1s ease-in-out;}
ul.tabs04 li.active {background: #118a9d;color: #fff; }
ul.tabs04 li.active span{padding: 0 8px;}
.tab_container04{position: relative;width: 95%; margin: 0 auto;}


/*회원정보 수정*/
.memberModify .form{margin-bottom:38px; font-size: 16px; border-top: none; width: 100%;}
.memberModify .form,
.memberModify .form th,
.memberModify .form td{background:none; text-align: left; padding: 10px 0; border: 0;}
.memberModify .form th{display:table-cell; text-align:left;font-size:16px; line-height: 25px; }
.memberModify .form tr{border-bottom:1px solid #dedede; width: 100%;}
.memberModify .form tr:last-child{border: 0;}
.memberModify .form input{display:inline-block;vertical-align:middle;height:57px; width: 100%; max-width: 287px;}
.memberModify .form .memberSchool input{max-width: 100%;}
.memberModify .form .formBtn{display:inline-block;vertical-align:bottom;height:57px;background:#d6d6d6;color:#666;font-weight:bold;text-align:center;line-height:57px;font-size:18px}
.memberModify .memberFix td span{display: inline-block; width: 97%; max-width: 270px; border: 1px solid #ccc; padding: 20px 0; padding-left: 17px; }
.memberModify .memberFix td span.colStep02{border: none; padding: 0;}
.memberModify .memberFix td span b{padding-left: 100px; color: #f47a3b;}
.memberModify .form .memberEadd {width: 28%; padding-right: 1%;}
.memberModify .form .memberButton{width: 20%;}
.memberModify .form .memberButton select{width: 100%; height: 57px;}
.memberModify .form .memberButton .formBtn{width: 100%;}
.memberModify .form .phoneNumber01 span{padding-left: 5%;}
.memberModify .form .phoneNumber02 input{width: 90%;}
.memberModify .form .phoneNumber02 span{padding-left: 4%;}
.memberModify .form .phoneNumber03 input{width: 90%;}
.memberModify .form .memberGrade input{}
.memberModify .form .memberSchool input{width: 96%;}
.memberModify .form .memeberTarget{padding-top: 30px; color:#07899b;}
.memberTest{font-size:18px;text-align:center;}
.memberModify .memberWithdraw h3{font-size: 18px; color: #333; background:#f5f5f5; padding: 20px 0 20px 10px;}
.memberModify .memberWithdraw ul{padding:20px 0 20px 10px; font-size:15px; border-bottom: 1px solid #dedede; }
#modal_memberTest .modalHeader{height:75px;}
#modal_WithdrawTest .memberNotice{ font-size: 18px; font-weight: bold; padding: 24px 50px 24px; }
#modal_WithdrawTest .memberDeco{width:100%; border-bottom: 2px solid #f47a3b;  }
#modal_WithdrawTest .WithdrawTest h5{font-size: 16px; color:#f47a3b; padding: 20px 0 10px 0;}
#modal_WithdrawTest .WithdrawTest p{font-size: 24px; font-weight: bold; text-align: center; padding: 10px 0; color:#f47a3b;}
.promotionCheck{width: 100%;}
.promotionCheck input{text-align: left;}
.promotionCheck input[type='checkbox']{text-align:left;  width: 20px; height:20px; background: none;border:0;-webkit-appearance:checkbox; appearance:checkbox;outline:none; }

/*회원정보 수정(개인)*/
.memberModify .memberPersonWrap{width: 100%;}
.memberModify .memberPersonWrap .memberPerson th{width:20%;}
.memberModify .memberPersonWrap .memberPerson th:nth-child(3){width: 18%; padding-left: 2%;}
.memberModify .memberPersonWrap .memberPerson 
.memberModify .memberPersonWrap .memberPerson input[type='text']{width: 92%;}
.memberModify .memberPersonWrap .memberPerson select{width: 92%; height:55px; }

/*faq 슬라이드 */
.collapse-container{border-bottom: 1px solid #eee;}
.collapse-container>li{display: inline-block;}
.collapse-container>li p{width: 90%; display: inline-block;}
.collapse-container>:nth-child(odd) {width: 90%; cursor:pointer;background: url(../images/content/faq_question_img.png) no-repeat 5% 20px;font-size: 16px;color:#333333;padding: 20px 0 2% 10%; border-top: 1px solid #eee;position: relative;}
.collapse-container>:nth-child(even) {width:90%; display: none;background: url(../images/content/faq_answer_img.png) no-repeat  5% 20px;background-attachment: local;background-color:#f5f5f5;padding:20px 0 2% 10%;border-top: 1px solid #eee;line-height: 22px;}

/* Icon animation */
#showAnswer_icon{cursor: pointer;position: absolute;top:30px;right:50px;}
#showAnswer_icon span{height: 2px;width: 15px;display: block;position: absolute;background: #adb0b1;border-radius: 3px;left: 0;-webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#showAnswer_icon span:nth-child(1) {left:0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#showAnswer_icon span:nth-child(2){left:10px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#showAnswer_icon.arrow-d span:nth-child(1){-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#showAnswer_icon.arrow-d span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

/* navigation */
#all_category_icon{position: relative;display: block;width: 60px;height: 60px;cursor: pointer;}
#all_category_icon span{height: 4px;width: 44px;margin-top: 20px;margin-left: 13px;display: block;position: absolute;background: #0f6970;border-radius: 3px;opacity: 1;left: 0;}
#all_category #all_category_icon span:nth-child(1) {top: 0px;}
#all_category #all_category_icon span:nth-child(2),#all_category_icon span:nth-child(3){top: 14px;}
#all_category #all_category_icon span:nth-child(4){top: 28px;}

/********************************MEDIA VIEW*****************************/


/* media view  1130사이즈*/
@media screen and (max-width: 1130px){
.checkHow .tab_container04 ul li{position: relative; padding: 15px 0; width: 47%; float: left; margin-right: 2%;}
.checkHow .tab_container04 ul li:last-child{text-align: center; margin-right: 0; }
.checkHow .tab_container04 ul li .checkBtnArea{font-size: 13px;}
.checkHow .tab_container04 ul li .checkBtnArea .checkBtn img{max-width: 214px; width: 100%;}
.checkHow .checkHowContents>li>img{max-width: 557px; width: 100%;}
.memberModify .form input{width: 92%;}
.promotionCheck input[type='checkbox']{width:20px;}
}/* media view  1030사이즈 끝 */


/* media view  1080사이즈*/
@media screen and (max-width: 1080px){
.inner{ width: 95%; } 
.innerList{ width: 95%; } 
#tabContainer03{width: 95%;}
.contentVisual .search_control{ width: 85%;}
#content .sub0103 p span{font-size: 1.8rem;}
#content .sub0103 p{font-size: 1.2rem; }
.studentRegist .selectNum li{padding:0.2%;}
.studentRegist .selectNum li a{font-size:30px; height:78px;line-height:78px;}
.studentRegist .selectNum li.type1 a,
.studentRegist .selectNum li.type2 a,
.studentRegist .selectNum li.type3 a,
.studentRegist .selectNum li.type2 a.active{background-size: 90% 90%;}
}/* media view  1080사이즈 끝 */



/* media view  1024사이즈*/
@media screen and (max-width: 1024px){
#content .elementaryArticle01{width: 95%;}
#content .elementaryArticle01 ul{width: 90%;}
#content .elementaryArticle03 ul{width: 100%; float: none;}
#content .elementaryArticle03 ul:nth-child(2){margin-bottom: 0;}
#content .sub0101 p{font-size: 1rem; padding-left: 5%;}
#content .sub0101 p b{color:#02879a;}
#content .sub0101 p span{display: inline-block; font-size: 1.5rem; font-weight: bold; color:#333; padding-bottom: 1.3%;}
#content .sub0101 .mobileArray{display: inline;}
#content .sub02 p{ text-align: left; line-height: 28px; font-size: 1.3rem; padding-top: 10%;}
#content .sub02 p .mobileArray{display: inline;}
.contentVisual.sub0501 .latestSlider img{float:none; width:100%; max-width: 578px; text-align: center;}
.contentVisual.sub0501 .latestSlider ul li>a>p{width:100%; float:none; text-align: center; padding: 20px 0 40px 0;}
.contentVisual.sub0501 .latestSlider .bx-pager{position: relative; text-align: center; right: 0;}
.memberModify .form input{width: 90%;}
.promotionCheck input[type='checkbox']{width:20px;}
}/* media view  1024사이즈 끝 */

/* media view  960사이즈*/
@media screen and (max-width: 960px){
#content .elementaryArticle01 .elementaryProfessor{width: 100%; float: none;}
#content .elementaryArticle01  .elementaryProfessor li:first-child{width: 30%; padding: 0;}
#content .elementaryArticle01  .elementaryProfessor li:last-child{width:60%;}
#content .elementaryArticle01 .elementray_inline1{padding: 0 0 0 5%;}
.colStep01{display:none;}	
.checkGroupList .inner > ul > li .title{float: none; width: 100%; margin-bottom: 3%;}
.checkGroupList .inner > ul > li .content{font-weight: none; width:100%;  border-top:5px #f47a3b solid; border-left:none;}
#content .textArticle02 li{display: inline-block; width: 31%;}
#content .textArticle02 li:nth-child(3n){padding-right: 0;}
.contentVisual.sub0503 li p{font-size: 1.2rem; color: #666; padding-top: 12%;}
.memberModify .form .phoneNumber input{width: 80%;}
.memberModify .form .memberGrade input{width: 60%;}
#content .sub02{height: 430px;}
.checkHow .tab_container04 ul li .checkBtnArea span{font-size: 0.9rem;}
.checkHow .tab_container04 ul li .checkBtnArea .checkBtn img{width: 50%;}

.studentRegist .selectNum li{padding:0.1%;}
.studentRegist .selectNum li a{font-size:28px; height:66px;line-height:66px; }
.studentRegist .selectNum li.type1 a,
.studentRegist .selectNum li.type2 a,
.studentRegist .selectNum li.type3 a,
.studentRegist .selectNum li.type2 a.active{background-size: 85% 85%;}
}/* media view  960사이즈 끝 */


/* media view  768사이즈*/
@media screen and (max-width:768px) {
.colStep02{display:none;}
.mobileArray02{display: inline;}
.miraen .tabBar{display:block;float:none; width: 100%;}
.miraen .tabPage{float:none;text-align:right; width: 100%;}
#content .sub0103{height: 310px;background-size:80%;}
#content .sub0103 p{max-width: 1040px;  margin: 0 auto; text-align: center; padding: 3% 0 0 5%; line-height: 28px; }
#content .sub0103 p span{display: inline-block;  padding-bottom: 1%; font-weight: bold; font-size: 1.2rem;}
#content .sub0103 p{font-size: 1.2rem; line-height:1.3rem;}
#content .hanArticle04 li{ width: 100%; float: none; text-align: center;}
.copyZone .topCopyWrap{margin: 0 auto;}
.copyZone .floatLeft,
.copyZone .floatRight{width: 100%; float: none; margin: 3% auto; border: none; text-align: center;}
#content .textArticle03 ul>li{width: 100%; margin: 0 auto; text-align: center; position: relative;}
#content .textArticle03 li .textButton02 {left:0; right:0; }
#content .textArticle03 li .textButton {left:0; right:0; }
ul.tabs01 li{font-size: 1rem;}
.memberAgreement .memberAgreementOption{width: 100%; margin: 0 auto;}
.memberAgreement .memberAgreementOption>li{width: 100%; float:none; margin-right: 0;}
#modal_searchSchool{margin-left:auto; width:95%; text-align: center;}
.searchSchool{width: 100%;}
.selectSchool .bx-prev{display:none;}
.selectSchool .bx-next{display:none;}
.searchSchool table{width: 100%; overflow: scroll;}
.searchSchool .schoolResult{ width: 100%; overflow: scroll;}
#modal_memberTest{left:0;}
#content .elementaryArticle04>ul>li{font-size:1rem;} 
#content .sub0101 {height: 310px; background-position:100% bottom; background-size:80%; }
#content .sub02{height: 310px; background-position:100% bottom; background-size:65%; }
#content .sub02 p{padding: 10% 0 0 5%; font-size: 1rem;}
#content .sub02 p span{font-size: 1.2rem; line-height: 30px;}
.checkHow .checkHowTitle{border-bottom: none; margin: 0 0 25px 0;}
.checkHow .checkHowTitle h3{display: none;}
.checkHow .checkHowTitle p{font-size:1.1rem; width: 100%; float: none; text-align: center; color: #999999;}
#content .sub0402 p{width: 90%; padding-top: 5%; font-size: 15px;line-height: 35px;  }
#content .sub0402 p span{font-size:35px; font-weight: bold; }
#content .sub0402{height:310px; background-size:70%; background-position: center bottom;}
#content .sub0102{height: 310px; background-position: center bottom;}
#content .sub0102 img{padding:101px 0; text-align: center; max-width: 703px; width: 100%; }
#content .elementaryedu{margin-top: 80px;}
.checkHow ul span{text-align: left;}
.studentRegist .form .formExp{font-size: 1rem;}
.contentVisual .sub0502faq{font-size: 1.1rem;}
.memberModify .form .phoneNumber01 span{padding-left: 1%;}

.studentRegist .selectNum li{padding:0.02%;}
.studentRegist .selectNum li a{font-size:20px; height:50px;line-height:50px; }
.studentRegist .selectNum li.type1 a,
.studentRegist .selectNum li.type2 a,
.studentRegist .selectNum li.type3 a,
.studentRegist .selectNum li.type2 a.active{background-size:80% 80%;}

.searchSchool table td:nth-child(2),
.searchSchool table td:nth-child(3){padding-left:0;}
.memberModify .memberPersonWrap .memberPerson input[type='text']{width: 85%;}
}/* media view  768사이즈 끝*/


/* media view  620사이즈*/
@media screen and (max-width:620px) {
input[type='text'], input[type='password']{font-size: 1rem; width: 90%;}
.colStep03{display:none;}
.miraen .tabBar li a{}
#content .elementaryArticle03{font-size: 1rem;}
#content .sub0103 p{padding: 5% 0 0 0; line-height: 28px; }
#content .hanArticle01 li{padding-bottom:15px; font-size: 1.1rem; line-height: 2rem; }
#content .hanArticle02 li{padding-bottom:15px; font-size: 1.1rem; line-height: 2rem;}
#content .hanArticle03 li{padding-bottom:15px; font-size: 1.1rem; line-height: 2rem;}
#content .hanArticle03 .hanArticle_title{font-size: 1.2rem;}
#content .hanArticle03 .hanArticle_titleExplain li{font-size:1rem;}
.testManage .floatLeft{padding-bottom: 12px;}
.testManage .floatRight{text-align: left;width: 100%;}
.checkGroupList .inner > ul > li .title .name{font-size: 1.2rem;}
.checkGroupList .inner > ul > li .title .grade{font-size: 1.2rem;}
.checkGroupList .inner > ul > li .content ul li .total_up{font-size: 0.9rem; margin-top:33px;}
.checkGroupList .inner > ul > li .content ul li .total_up b{font-size: 2.5rem;}
.checkGroupList .inner > ul > li .content ul li .status b{font-size: 1rem;}
.checkGroupList .inner > ul > li .content ul li .total {font-size: 0.9rem; }
.checkGroupList .inner > ul > li .content ul li .total b{font-size: 2.5rem;}
.checkGroupList .inner > ul > li .content ul li .button .btn_inline{width:90%; height:50%;}
.selectSchool li .school{font-size: 1.2rem;}
.selectSchool li b{font-size: 1rem;}
.studentRegist .form th{font-size: 0.9rem;}
.studentRegist .form input{width:65%}
.studentRegist .form .formExp{font-size: 1rem; line-height: 1.5rem;}
.studentRegist .form .formBtn{width:35%; font-size: 1rem;}
#content .textArticle01 li{ font-size: 15px; line-height: 1.4rem; }
#content .textArticle02 li{ font-size: 15px; line-height: 1.2rem; }

.contentVisual.sub0501 .latestSlider ul li>a>p{font-size: 1.2rem; padding: 20px 0 40px 0;}
.contentVisual .sub0502faq{font-size: 0.9rem;}
.boardList05 .floatRight{float: none; padding-top: 5%;}
.memberModify .form .phoneNumber input{width: 70%;}
.btn_small{font-size: 0.9rem;}
.btnResultArea a{padding:0 1.2rem;}
.contentVisual #site-search{width: 70%;}
.memberModify .form .formBtn{font-size: 1rem;}
#content .sub0402{height:310px;}
.contentVisual.sub0503{height:300px;}
.contentVisual.sub0503 li p{font-size: 1rem; padding:18% 0 0 7%;}
.contentVisual.sub0503 li p span{font-size: 1.9rem;}
.contentVisual.sub0503 li p span strong{font-size: 2rem;}
.memberModify .memberFix td span b{padding-left: 2px;}
.searchSchool table{width: 100%; overflow: scroll;}
#content .sub02 p{padding: 10% 45% 0 5%;}
.miraen h3{font-size: 1.2rem;}
.checkHow .checkHowTitle p{font-size:0.9rem; padding-top: 2% 5%;}
ul.tabs03 li {font-size:14px;}
.memberAgreement p{font-size: 0.9rem;}
.memberLogin .btnIdinquiry .btn_inline{font-size: 0.9rem;}
.mobileList{display: inline-block;}
.memberLogin h5{font-size: 0.8rem;}
#subVisual .serviceCenter li{ font-size: 0.5rem;}

.checkHow .tab_container04 ul li:nth-child(odd),
.checkHow .tab_container04 ul li:nth-child(even){float: none; width: 100%; text-align: center; margin: 0;}
.checkHow .tab_container04 ul li .checkBtnArea span{display: inline-block;margin-bottom: 2%;}
.checkHow .tab_container04 ul li .checkBtnArea .checkBtn img{width: 100%;}
ul.tabs04 li{height: auto; padding:3% 0;}

.studentRegist .selectNum li{padding:0%;}
.studentRegist .selectNum li a{font-size:18px; height:46px;line-height:46px; }
.studentRegist .selectNum li.type1 a,
.studentRegist .selectNum li.type2 a,
.studentRegist .selectNum li.type3 a,
.studentRegist .selectNum li.type2 a.active{background-size: 78% 78%;}
input[type='text'].input_bottomDotLine.word4{width: 55%;}
.collapse-container>:nth-child(odd){padding-right: 10%; width: 80%;}
.boardList05 table th:first-child{width: 60%;}
.boardList05 table th:last-child{width: 30%;}
.memberModify .memberPersonWrap .memberPerson input[type='text']{width: 82%;}
}/* media view  620사이즈 끝*/
 /********************************MEDIA VIEW*****************************/

@media screen and (max-width:540px){
.subMenuSlider .bx-prev{display:block;}
.subMenuSlider .bx-next{display:block;}
.contentVisual.sub0503{display: inline-block; width: 100%; margin:50px 0;  height: 294px; background: url(../images/content/img_sub0503_visualM.jpg ) no-repeat  center center;}
}

 /* media view  450사이즈*/
@media screen and (max-width:450px) {
.studentRegist .selectNum li{padding:0%;}
.studentRegist .selectNum li a{font-size:15px; height:40px;line-height:40px; }
.studentRegist .selectNum li.type1 a,
.studentRegist .selectNum li.type2 a,
.studentRegist .selectNum li.type3 a,
.studentRegist .selectNum li.type2 a.active{background-size: 75% 75%;}
#subVisual .subMenuSlider ul li a{font-size: 0.9rem;}
.memberModify .memberPersonWrap .memberPerson input[type='text']{width: 80%;}

}/* media view  360사이즈 끝*/
 /********************************MEDIA VIEW*****************************/