﻿@charset "utf-8";

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


}
@media all and (max-width:1024px){
	/* 장학금 조회 */
	.award_wrap .only_pc { display: none !important;}
	.award_wrap .only_mobile { display: block !important;}
	.award_area .contents{margin-top: 84px;}
	.award_area .left_contents{width: 100%;}
	.award_area .contents .inner{padding: 0 10px 24px;}
	.award_area .award_header{position: fixed;top: 0;left: 0;width: 100%;height: 54px;padding: 10px;background: #fff;border-bottom: 1px solid #58595b;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.1);z-index: 1;}
	.award_area .award_header .logo{text-align: center;}
	.award_area .award_header .logo img{width: 103px;height: 31px;}
	.d_table > .thead{display: none;}
	.d_table > .tbody{border-top: 2px solid #3583B4;}
	.d_table > .tbody li{display: block;padding: 12px 0;}
	.d_table > .tbody li span{display: block;width: 100% !important;padding: 0 0 8px;text-align: left;font-size: 12px;}
	.d_table > .tbody li span:nth-child(1), .d_table > .tbody li span:nth-child(4){display: none;}
	.d_table > .tbody li span:nth-child(2){font-size: 14px;font-weight: bold;}
	.d_table > .tbody li span:last-child{padding-bottom: 0;}
	.award_area .contents .title h2{font-size: 20px;}
	.award_area .search_wrap{right: -380px;width: 90%;max-width: 380px;height: 100%;transition: all .3s ease;z-index: 9;}
	.award_area .sch_bg{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);z-index: 1;}
	.search_wrap .title .sch_close{display: block;}
	.search_wrap .title .filter_reset{right: 40px;}
	.search_wrap .title{padding: 19px 12px;}
	.filter_cont > ul > li{display: inline-block;}
	.filter_cont .checkboxA +label{display: block;height: auto;padding: 6px 12px;background: transparent;border: 1px solid #ddd;border-radius: 32px;}
	.filter_cont .checkboxA +label i{margin-left: 0;}
	.checkboxA:checked +label {border: 1px solid #000;color: #000;font-weight: bold;}
	.date_term input.datepicker{width: 46.5%;}
}

@media all and (max-width:767px){

/* 공통 구조
**********************************************/

/* Global */
* {-webkit-text-size-adjust:none;}
body { font-size:13px;}

#wrap .only_pc { display: none !important;}
#wrap .only_mobile { display: block !important;}
#wrap .to_tablet { display: none;}

.on_pc { display: none;}

/* Header */
.header .menustep a { display: inline-block; padding-top: 3px;}
.header .head_bg { height: 54px; padding-top: 10px;}
.header .head_bg h1 a img { width:103px; height: 31px;}
.header .head_bg .m_menu_open { width:20px;}
.header .head_bg .m_menu_open span { height: 2px; margin-top: 4px;}
.header .head_bg .side_menu { top:2px;}
.header .head_bg .side_menu li { margin-left: 10px;}
.header .head_bg .side_menu li p { font-size: 11px;}
.header .head_bg .side_menu li a img { width:15px; height:auto;}


/*
.header .global { height: 30px; line-height: 30px;}
.header .global .left { display: none;}
.header .global .right { float: inherit; text-align: right;}
.header .global .right >a { padding: 0 10px;}
.header .global .right .shortcut_toggle { height: 30px; padding: 0 10px;}
.header .head_bg .head .menu button { margin-left: 0;}
*/

/* GNB */
.gnb { display: block; position: fixed; left: -200px; top:0; z-index:100; width:200px; height:100%; background-color: #eee; transition:all .3s ease;}
.gnb.active { left:0;}
.gnb .body { position: relative; padding-top:40px; text-align: left;}
.gnb .body >ul >li >a { display:block; padding:10px; font-size: 16px; border-bottom: 1px solid #fff;}
.gnb .body >ul >li >ul >li >a { display:block; padding:10px 10px 10px 20px; font-size: 15px;  border-bottom: 1px solid #fff;}
.gnb .body >ul >li >ul >li ul { border-bottom:1px solid #fff;}
.gnb .body >ul >li >ul >li ul li a { display:block; padding:10px 10px 10px 30px;}
.gnb .body >ul >li a.active { color: #136da2;}
.gnb .gnb_close { display:inline-block; position: absolute; right:10px; top:10px;}
.gnb .gnb_close img { width:20px; height:auto;}

/* LNB */
.lnb { display: none;}

/* Footer */
.footer { padding: 10px;}
.footer .area { padding: 0;}
.footer .gloabl_footer .menu { float: inherit; text-align: center;}
.footer .gloabl_footer .menu a,
.footer .gloabl_footer .menu span { display: inline-block; margin: 2px;}
.footer .gloabl_footer .link { display:none;}
.footer .adress { margin-top: 10px; padding: 10px 0 0 0;}
.footer .adress img { display: none;}
.footer .adress .area { padding:0;}
.footer .gloabl_footer .menu { padding-top: 0;}


/* 공통 STYLE
**********************************************/

/* HR */
hr.h20.mo { height: 10px;}
hr.h30.mo { height: 15px;}
hr.h35 { height: 20px;}
hr.h40.mo { height: 20px;}
hr.h60.mo { height: 30px;}

/* 패딩 */
.common_padding { padding-top: 70px;}

/* 헤딩 */
h2 { font-size: 24px;}

/* tab */
.tab a { font-size: 14px;}
.tab a .round { width:18px; height: 18px; padding-top: 2px; font-size: 14px;}

.tab2 { height:inherit; border-bottom:none;}
.tab2 li a { padding:8px 0; border:1px solid #d8d8d8;}
.tab2 li a.active { padding:8px 0; border:1px solid #136da2;}

.tabmy { height: 35px;}
.tabmy li { width: 33.33334%;}
.tabmy li a { padding:10px 0;}
.tabmy li a.active { padding:10px 0 11px;}

/* 버튼 */
#wrap .btn { font-size: 13px; line-height: 30px; border-radius: 4px;}
#wrap .btn.nbtn.blue{padding: 9px 20px;font-size: 12px;}

/* Table */
.mtable td .input_por .poa a { padding:5px;}

.htable .size1 { width:100px;}
.htable th {  padding:18px 10px 0;}
.htable td input[type=text],
.htable td input[type=password],
.htable td select { width:100%;}
.htable td .input_por { padding-right: 90px;}
.htable td .input_por .btn { position: absolute; right:0; top:0;}

/* Controls */
.controls .left { position: inherit; left:inherit; top:inherit; margin-bottom: 10px;}

/* View */
.n_view {  border-top:none;}
.n_view .title { margin-top:10px; font-size: 15px;}

/* 레이어
**********************************************/

.layer { padding:10px;}
.layer .area { position:relative; width:100% !important;}
.layer .contents .close { right:-20px;}

/* 회원 탈퇴 */
.layer .confirm { padding-top: 15px; font-size: 26px;}
.layer .cp { margin:15px -20px 0; padding:0 15px;}
.layer .cp input { width:100%; margin-top: 25px;}
.layer .cp .cpt { margin-top: 25px;}
#wrap .layer .cp .btn { width:100%;}


/* 로그인
**********************************************/

.login .area { width:100%; padding: 20px 10px;}
.login .st { margin-top: 10px;}
.login .contents { margin-top: 10px;}
.login .contents .space { width: 100%; padding-top: 10px;}
.login .contents .btns,
.login .contents .find { margin-top: 15px;}

/* 아이디/비밀번호 찾기 */
.login .contents .idpwse .btns { width:100%;}
.login .contents .space.style { width:100%;}


/* 메인
**********************************************/

.mypage .btns { margin-top: 20px;}

.main .top_clear { margin-top: 10px;}
.main .flex-control-nav,
.main .flex-direction-nav { display: none;}

.main .bottom_promote .flexslider { padding: 0;}
.main .bottom_promote .slides li img { max-width: 100%; height: 42px;}
.main .bottom_promote .slides li a { padding: 9px 0;}

.main .notice { margin-top: 0;}

.main .mp { margin:-10px 0 0 -3%;}
.main .mp li { width:47%; margin:10px 0 0 3%;}
.main .mp li:first-child { margin-left: 3%;}
.main .mp li a p { font-size: 16px;}
.main .mp li a img { width:57px; height: auto;}

.main .youtube h3 { margin:0 auto;}
.main .youtube h3 span { font-size: 15px;}
.main .youtube { margin-top: 20px; padding:0; text-align:center; border:none; background-color: #fff;}
.main .youtube .clear .left { float: inherit; width:100%;  padding:10px; background-size:cover;}
.main .youtube .clear .right { float: inherit; width:100%;}
.main .youtube .clear .right ul { margin:10px 0 0 -3%;}
.main .youtube .clear .right ul li { width:47%; margin:10px 0 0 3%;}
.main .youtube .clear .right ul li img { width:100%; height: auto;}
.main .youtube .clear .right ul li p { text-align: left;}

.main .info { margin-top: 0; padding:0; border:none;}
.main .info .left { float:inherit; width:100%; padding-top:0; border-top: none; border-bottom: 1px solid #4890bb;}
.main .info .left h3 { display: none;}
.main .info .left ul { clear:left; overflow:hidden; margin-top: 20px; border-top:none;}
.main .info .left ul li { float: left; border-bottom: none;}
.main .info .left ul li a { padding: 6px 7px 4px; border:1px solid #ddd; border-bottom: none;}
.main .info .left ul li a.active { padding:7px 7px 4px; border: none;}
.main .info .left .poa { top:6px;}
.main .info .left .poa img { display:inline-block; width:8px; height:8px;}
.main .info .left .poa .only_mobile { display:inline-block !important;}
.main .info .right { float:inherit; width:100%; margin-top: 10px;}
.main .info .right table td { text-align: center;}
.main .info .right table td a { display:block; padding:3px 0; text-align: left; line-height: 15px;}
.main .info .right table td a span { display: inline-block; margin-right:7px; padding: 2px 3px;}

.main .bottom_promote { margin-top: 20px;}

.main .info .right ul li { float: inherit; width: 100%; margin:5px 0;}
.main .info .right ul li a { position: relative; height:inherit; padding-right: 72px;}
.main .info .right ul li a .title { overflow:hidden; height:inherit; font-size: 13px; font-weight: normal; text-overflow:ellipsis; white-space:nowrap;}
.main .info .right ul li a .title span.only_mobile { display: inline-block !important; padding:0 3px; vertical-align: middle;}
.main .info .right ul li a .date { position: absolute; right:0; top:0; font-size: 13px;}
.main .info .right ul li a .con { margin-top: 0;}
.main .info .right ul li a .con .to_tablet { display: none;}

.main_popup {left: 0; top: 60px; margin: 0;width: 80%;max-width: 419px;padding: 0 0 40px;transform: inherit;}
.main_popup .rating_btn{bottom: 3vw;left: 3vw;width: 38%;height: 18%;}
.main_popup .poa { left:10px; bottom:8px;}

.main_popup2 {left: inherit; right:40px; top: 60px;width: 80%;max-width: 430px;/*padding: 16px 16px 40px;*/padding-bottom:40px;transform: inherit;margin: 0;text-align: right;}
.main_popup2 .poa { left:inherit;right:10px; bottom:10px;}

.main_popup3 {left: inherit; right:40px; top: 60px; width: 80%;max-width: 430px;padding-bottom: 40px;transform: inherit;margin: 0;text-align: right;}
.main_popup3 .poa { left:inherit;right:10px; bottom:10px;}
.main_popup3 .img_wrap .btn_wrap{bottom: 17%;}
.main_popup3 .img_wrap .btn_wrap a{width: 50%;padding: 3vw 0;}

.main_popup4 {left: inherit; right:135px; top: 70px; width: 80%;max-width: 430px;padding-bottom: 40px;transform: inherit;margin: 0;text-align: right; z-index:201}
.main_popup4 .poa { left:inherit;right:10px; bottom:10px;}

.aside_quick{display:none;}
#right_quick_banner1{display: none;}

/* 입시정보
**********************************************/

.notice .area { padding: 20px 10px;}
.notice .hr_space { height: 5px;} 
.notice .btns { margin-top: 20px;}
.notice .search input { width:34%;}
.notice .search .por input { width:67%;}
.notice .vcon { padding: 0;}

.notice .mnb { border-top:2px solid #3484b4;}
.notice .mnb >li >a { display: block; padding:10px 0 5px; border-bottom:1px solid #ccc;}
.notice .mnb >li >a img { display: none;}
.notice .mnb >li >a .title { font-size: 14px; font-weight: bold; text-align: left !important;}
.notice .mnb >li >a .title .only_mobile { display: inline-block !important; margin-right:4px; padding:0 3px; font-size:13px; font-weight: normal;}
.notice .mnb >li >a .con { display:none; overflow:hidden; height:36px; margin:5px 0 3px; font-size: 12px; line-height: 17px;}
.notice .mnb >li >a .date { margin-top:5px; font-size: 12px;}
.notice .mnb >li.empth { padding:20px 0; text-align: center; border-bottom:1px solid #ccc;}

.notice h3.fs18 .ssmall { display: block; margin-top:10px;}
.notice .downlist li { width: 33.3334%; margin:-10px 0; padding:17px 0 17px 10px;}

.notice .more { display: block; width:135px; margin:0 auto; padding:8px 0; border:1px solid #ccc; border-top:none; background-color: #f9f9f9;}

.notice .article_main_list li .subject { font-size: 14px;}
.notice .article_main_list li .text { font-size: 12px;}
.notice .article_main_list li.thumbnail { min-height:100px; padding-left: 0;}
.notice .article_main_list li.thumbnail img { top:25px; width:75px; height:75px;}
.notice .article_main_list li.thumbnail .text { overflow:hidden; margin-top:-1px; padding-left: 85px; line-height: 20px;}
.notice .article_main_list li.thumbnail .etc { margin-top:5px; padding-left: 85px;}
.notice .article_main_list li.thumbnail a { max-height: 102px;}

.notice .stack .right input { display:inline-block; width:156px; height: 24px; vertical-align:middle;}
.notice .stack .right button { display:inline-block; width:24px; height:24px; vertical-align:middle; background-color: #428cb9;}
.notice .stack .right button img { width:24px; height:24px;}

.notice .stack2 { position: relative; padding-right: 30px;}
.notice .stack2 input { width:100%; height: 24px; color: #3483b4;}
.notice .stack2 button { display:block; position:absolute; right:0; top:0; width:24px; height:24px; background-color: #428cb9;}
.notice .stack2 button img { width:24px; height:24px;}

.notice .analysis .left { float: inherit;}
.notice .analysis .left ul { margin-top: -10px;}
.notice .analysis .left ul li { width:50%; margin:10px 0 0 0; text-align: center;}
.notice .analysis .left ul li:nth-child(1),
.notice .analysis .left ul li:nth-child(3) { text-align: left;}
.notice .analysis .left ul li:nth-child(2),
.notice .analysis .left ul li:nth-child(4)  { text-align: right;}
.notice .analysis .right { float: inherit; margin-top: 10px;}
.notice .analysis .right img { width: 100%; height: auto;}

.notice .region_t li { width:33.3334%;}
.notice .region_t li a { padding:10px 0 10px 15px;}
.notice .region_l li { float:inherit; width:100%;}
.notice .region_l li a { padding: 6px 0;}
.notice .region_s .g { display: inline-block !important;}


/* 피기맘
**********************************************/

.piggy .area { padding: 20px 10px;}
.piggy .intro .service h3.mt { margin-top: 20px;}
.piggy .intro .top p { font-size: 14px; line-height: 24px;}
.piggy .intro .app { margin-top: 30px; padding:15px 0;}
.piggy .intro .app a img { width:60px; height: auto;}
.piggy .intro .service .left { float: inherit; width: 100%;}
.piggy .intro .service .right { float: inherit; width: 100%; margin-top: 20px;}


/* SEED
**********************************************/

/* SEED 소개 */
.seed .area { padding: 20px 10px;}
.seed .decoration { background: none;}

/* 이용안내 */
.seed .guide .step1 ol li { width:100%; margin-top: 15px;}
.seed .guide .step1 ol li:first-child { margin-top: 0;}
.seed .guide .step1 ol li.arrow { display: none;}
.seed .guide .step1 .description p { width: 100%;}
.seed .guide .step2 .clear ul,
.seed .guide .step2 .clear .img { float:inherit; width:100%;}
.seed .guide .step2 .description p { width:100%;}
.seed .guide .step3 .clear .left,
.seed .guide .step3 .clear .right { float:inherit; width:100%;}


/* TICKL
**********************************************/

.tickl .area { padding: 20px 10px;}
.tickl .intro .app { margin-top: 30px;}
.tickl .intro .app a img { width:60px; height: auto;}
.tickl .intro .app .m_block { display:block; margin: 10px 0 0;}


/* 맴버
**********************************************/

.member h2 { font-size:24px;}

.member .area { padding: 20px 10px;}
.member h3,
.member h3.mt { margin-top: 20px;}
.member .sterm { height: 100px; margin-top: 10px;}
.member table th { padding: 10px; font-size: 12px; line-height: 16px;}
.member table td { padding: 10px; font-size: 12px; line-height: 20px;}

/* 이메일 인증  */
.member .box .bs input { width:100px;}
.member .box .bs select { font-size:14px;}
.member .box { margin-top:20px; padding-top:20px;}
.member .box .btns .btn { width:100%;}
.member .box .bs.style { width:100%; margin-top: 20px;}

/* 회원 탈퇴 */
.member .wt { font-size: 13px;}


/* 전형정보
**********************************************/

.school .area { padding: 20px 10px;}


/* 성적분석
**********************************************/

.analysis .area { padding: 20px 10px;}

/* 학생부종합전형 분석 */
.analysis .over .left { float: inherit; width:100%;}
.analysis .over .right { float: inherit; width:100%; margin-top: 20px;}

/* 성적분석 통합 */
.analy_pc{display:none;}
.analy_mobile{display:block;}

.analysis .st3box { padding: 0 0 6px;}
.analysis .st3box >img { display: none;}
.analysis .st3list { padding:0 20px;}
.analysis .st3list li { float:inherit; width:100%; min-height:57px; margin-top: 0; padding:10px 0; border-top:1px solid #eee;}
.analysis .st3list li:first-child { border-top:none;}
.analysis .st3list li.b { width:100%;}
.analysis .st3list li.a .poa,
.analysis .st3list li.b .poa,
.analysis .st3list li.c .poa { left:0; top:15px;}
.analysis .st3list li.a,
.analysis .st3list li.b,
.analysis .st3list li.c { padding-left: 55px;}
.analysis .st3list li.a .t,
.analysis .st3list li.b .t,
.analysis .st3list li.c .t { margin-top: 0; padding-top: 5px;}

.analysis .st3list li .poa { text-align: center;}
.analysis .st3list li .poa img { width:80%; height: auto;}
.analysis .st3list li.a .poa p,
.analysis .st3list li.b .poa p,
.analysis .st3list li.c .poa p { font-size: 18px;}
.analysis .st3list li .b { margin-top: 2px;}
.analysis .st3box.style li { background: none;}
.analysis .st3box.style li.a,
.analysis .st3box.style li.b,
.analysis .st3box.style li.c { width:100%;}

.analysis .over .st_liet img { max-width: 100%;}

.analysis h3{font-size:18px;}
.analysis .consultingGuid_wrap .consultingGuid_info{padding: 120px 40px 40px;background: url(../../images/front/icon_flip_chart2.png) no-repeat top 40px center !important;background-color: #F1F7F9 !important;text-align: center;word-break: keep-all;}
.analysis .consultingGuid_wrap .consultingGuid_btn{display: block;justify-content: unset;}
.analysis .consultingGuid_wrap .consultingGuid_btn a{display:block !important;margin: 0 auto 8px;padding: 7px 0px !important;}
.analysis .consultingGuid_wrap .consultingGuid_btn a:last-child{margin-bottom:0;}
.analysis .consult_wrap .consult_answer_wrap{padding: 100px 24px 34px;background: url(../../images/front/icon_flip_chart1.png) no-repeat top 34px center;background-color: #fff;text-align: center;}
.analysis .consult_wrap .consult_top h5{font-size: 16px;}
.analysis .consult_wrap .consult_top > span{display:none;}
.analysis .cut.marl{margin-left: 4px;}

/* 고객지원
**********************************************/




/* 마이페이지
**********************************************/

.mypage .area { padding: 20px 10px;}
.mypage .btns .btn { width:80px;}

/* 수시합격 예측 서비스 */
.mypage .rating .aside { display: none;}
/*
.mypage .rating .h25 { height: 12px;}
.mypage .rating .h30 { height: 15px;}
.mypage .rating .h60 { height: 30px;}
*/

/* 모의고사/수능 */
.mypage .controls { /*padding-top: 50px;*/}

/* 비교과 */
.mypage .guide li { margin-top:10px; padding:10px 10px 10px 33px;}
.mypage .guide li span { font-size: 24px;}
.mypage .guide li.etc { padding-top: 10px;}
.mypage .guide li.etc span { top:13px;}
.mypage .guide li .title { font-size: 15px;}
.mypage .guide li .sub { line-height: 19px;}

.mypage .box .head { padding: 10px;}
.mypage .box .head h4 { font-size: 16px;}
.mypage .box .head p { margin-top:0; font-size: 13px;}
.mypage .box .head .choice { padding: 0;}
.mypage .box .list li { padding:4px 0 10px 10px;}
.mypage .box .list li::after { left:5px; width:6px; height:6px; margin-top: -3px;}
.mypage .box .list li input[type=checkbox] +label { width:20px; height: 20px; background-position:0 2px; background-size:20px 50px;}
.mypage .box .list li input[type=checkbox] +label span { left:15px; padding-right:20px; font-size: 13px;}
.mypage .box .list li input[type=checkbox]:checked + label { background-position: 0 -30px;}
.mypage .box .list li input[type=radio] +label { width:20px; height: 20px; background-position:0 2px; background-size:20px 50px;}
.mypage .box .list li input[type=radio] +label span { left:15px; padding-right:20px; font-size: 13px;}
.mypage .box .list li input[type=radio]:checked + label { background-position: 0 -30px;}

.mypage .sam img { width:100%; height: auto;}

.mypage .fs16_lh24 { font-size: 13px; line-height: 18px;}
.mypage .sbox { padding:26px 10px 10px 10px;}
.mypage .sbox ul li.li { width:46%;}
.mypage .sbox ul li.arrow { width:8%;}
.mypage .sbox ul li:nth-child(4) { width:100%; padding:10px 0;}
.mypage .sbox ul li:nth-child(4) i { width:50px; height: 50px; background-position: 0 -55px;}

.mypage .god { text-align: center;}


/* ETC
**********************************************/

.etc .area { padding: 20px 10px;}

/* 인쇄용 새창 */
.pop_head { background-color: #2b2e8f;}
.pop_head .mobile_body { position:relative; max-width:380px; margin:0 auto; padding: 33px 0 5px;}
.pop_head .mobile_body.img { background: url(../../images/front/analysis_mobile_title3.png) no-repeat center top; background-size:288px 75px;}
.pop_head .mobile_body.img2 { background: url(../../images/front/analysis_mobile_title2.png) no-repeat center top;}
.pop_head .mobile_body >img { display: none;}
.pop_head .look { clear:left; overflow:hidden; position: inherit; left: inherit; bottom:inherit; margin-top:15px; padding:0 10px; font-size:inherit; text-align: inherit;}
.pop_head .look li { padding-left: 0 !important;}
.pop_head .look li:nth-child(1) { width:10%;}
.pop_head .look li:nth-child(3) { width:50%;}
.pop_head .look li:nth-child(5) { width:30%;}
.pop_head .look li.a { padding-left: 0;}
.pop_head .look li.etc { display: none;}
.pop_head .look li >img { display: none;}
.pop_head .look li .t { font-size: 11px;}
.pop_head .look li .b { font-size: 11px;}
.pop_head .poa { left:24px; top:0; padding:4px; background-color: #777adf;}
.pop_head .poa .f { font-size: 12px;}
.pop_head .poa .b { display: block; font-size: 9px;}
/*
.pop_head .look li { float: left; padding-left: 0 !important;}
.pop_head .look li { display: block; min-height:48px; margin-top: 5px;}
.pop_head .look li.etc { display: none;}
.pop_head .poa { left:50%; top:38px; margin-left: -53px;}
.pop_head .look li.a img,
.pop_head .look li.b img { left:36px;}
.pop_head .look li.a img { top:4px; width:38px; height: auto;}
.pop_head .look li.b img { width:28px; height: auto;}
.pop_head .look li.c img { width:41px; height: auto;}
.pop_head .look li.a,
.pop_head .look li.b,
.pop_head .look li.c { padding-left:91px;}
.pop_head .look li .b { font-size: 15px;}
.pop_head .poa .f { display:inline-block; font-size: 18px; vertical-align: middle;}
.pop_head .poa .b { display:inline-block; padding-top:2px; vertical-align: middle;}
*/

.print #btn_rating_lesson { display: none;}

.be >li .q {  padding-left: 0; line-height:20px; text-indent: 0;}
.be >li .q span { display: block; width:100%; margin-bottom:5px; color: #20358c; text-align: center;}
.be >li dd { padding: 15px 20px;}
.be >li ul li { padding:0;}

/* 수시합격예측서비스 */
.rating.common_padding{padding-top:54px;}
.mypage.rating .area{padding:0;}
.rating .service_info, .rating .basic_guide, .rating .premium_contentsWrap .premium_cont, .rating .premium_contentsWrap .premium_guide, .rating .premium_contentsWrap .premium_cont2{padding:0 16px;}
.rating .predict_title .title_wrap{padding:64px 32px 0;}
.rating .predict_title .title_wrap .text h2{font-size:42px;}
.rating .predict_title .title_wrap .payService{display: -webkit-box;display: -moz-box;display:-ms-flexbox;display: box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction:column;box-orient: vertical;margin-top:15px;box-shadow:none;}
.rating .predict_title .title_wrap .payService > div{box-shadow: 0px 10px 20px rgba(68,68,68,0.16);}
.rating .predict_title .title_wrap .payService .basic{width: 100%;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order:2;box-ordinal-group: 2;z-index: 1;}
.rating .predict_title .title_wrap .payService .premium{width: 100%;margin-bottom: 8px;}
.rating .predict_title .title_wrap .payService .premium .explan_wrap{margin-bottom:40px;}
.rating .predict_title .title_wrap .payService .explan_wrap .explan_text{float: none;}
.rating .predict_title .title_wrap .payService .explan_wrap .report_text{float: none;width: 100%;}
.rating .service_info .service_sample .sample_box .sample_cont{padding: 0 0 8px;border:none;border-top: 1px solid #ddd;}
.rating .pro_guide > p::before{right:16px;width:32px;}
.rating .pro_guide > p::after{left:16px;width:32px;}
.rating .pro_guide ul{flex-wrap: wrap;margin-bottom:16px;}
.rating .basic_guide ul li.step, .rating .basic_guide ul li.last{flex: 1 1 40%;word-break: keep-all;}
.rating .basic_guide ul li.step{padding: 32px 25px 32px 32px;}
.rating .basic_guide ul li:nth-child(2n+1){margin-right: 10px;}
.rating .basic_guide ul li:nth-child(n+1):nth-child(-n+2){margin-bottom:10px;}
.rating .pro_guide a{width:100%;}
.rating .premium_contentsWrap{margin-top:88px;}
.rating .premium_contentsWrap .premium_title{margin-bottom: 167px;padding:48px 36px 99px;background:#4B80B0;}
.rating .premium_contentsWrap .premium_title .title_wrap .text h2{max-width: 360px;word-break: keep-all;font-size:40px;}
.rating .premium_contentsWrap .premium_title::before{bottom: -120px;}
.rating .premium_contentsWrap .premium_cont_title{font-size: 20px;}
.rating .premium_contentsWrap .premium_cont_title small{font-size: 16px;}
.rating .premium_contentsWrap .premium_cont .premuim_info{flex-flow: column;}
.rating .premium_contentsWrap .premium_cont .premuim_info li{width:100%;margin-right:0;margin-bottom: 10px;}
.rating .premium_contentsWrap .premium_cont .premuim_info li:last-child{margin-bottom:0;}
.rating .premium_contentsWrap .premium_cont .premuim_info li .text{min-height: 161px;}
.rating .premium_contentsWrap .premium_guide ul{}
.rating .premium_contentsWrap .premium_guide ul li.step{flex: 1 1 40%;}
.rating .premium_contentsWrap .premium_guide ul li.last{width: 49%;}
.rating .premium_contentsWrap .premium_guide ul li:nth-child(2n+1){margin-right: 10px;}
.rating .premium_contentsWrap .premium_guide ul li:nth-child(n+1):nth-child(-n+4){margin-bottom: 10px;}
.rating .premium_contentsWrap .premium_guide ul li:last-child{margin-right:0;}
.rating .premium_contentsWrap .premium_cont2{flex-wrap: wrap;}
.rating .premium_contentsWrap .premium_cont2 li{width:100%;}
.rating .premium_contentsWrap .premium_cont2 li.consult1{margin-right:0;margin-bottom: 72px;}
.rating .premium_contentsWrap .premium_cont2 li.consult2{margin-bottom:44px;}
.rating .premium_contentsWrap .premium_cont_title .num{margin-right:8px;}
.rating .premium_contentsWrap .premium_cont .premuim_info li.info1 .img{background: url(../../images/front/icon_premium_img1_mb.png) no-repeat center;background-size: cover;}
.rating .premium_contentsWrap .premium_cont .premuim_info li.info2 .img{background: url(../../images/front/icon_premium_img2_mb.png) no-repeat center;background-size: cover;}
.rating .premium_contentsWrap .premium_cont .premuim_info li.info3 .img{background: url(../../images/front/icon_premium_img3_mb.png) no-repeat center;background-size: cover;}
.rating .premium_contentsWrap .premium_cont .premuim_info li.info1 .img i{background: url(../../images/front/icon_premium_info1_mb.png) no-repeat;background-size: contain;}
.rating .premium_contentsWrap .premium_cont .premuim_info li.info2 .img i{background: url(../../images/front/icon_premium_info2_mb.png) no-repeat;background-size: contain;}
.rating .premium_contentsWrap .premium_cont .premuim_info li.info3 .img i{background: url(../../images/front/icon_premium_info3_mb.png) no-repeat;background-size: contain;}
.rating .premium_contentsWrap .premium_cont2 li.consult1 .img{background: url(../../images/front/consult_img1_mb.png) no-repeat center;background-size: cover;}
.rating .premium_contentsWrap .premium_cont2 li.consult2 .img{background: url(../../images/front/consult_img2_mb.png) no-repeat center;background-size: cover;}
.pass_prediction_wrap li{margin-bottom: 16px;padding:16px;}


/* 성적분석 */
.analysis hr.h90 {height: 40px;}
.rating .bg{padding:0;}
.consultPay_btn > li .consultPay_cont{margin:-31px 3.2vw 60px;}
.consultPay_btn .consultPay_cont li{float:none}
.consultPay_btn .consultPay_cont .img img{max-width:80px;}
.consultPay_btn .consultPay_cont .text{width:100%;padding:20px;text-align: center;}
.consultPay_btn .consultPay_cont .button{float:none;margin: 0 auto;}
.consultPay_btn .consultPay_cont .button .btn{padding: 20px 12px !important;}
.consultPay_btn > li .consultPay_cont{margin-bottom:30px;}

.modal .modal_conent{height: 90%;}
}

@media only screen and (max-width: 640px){
	/*
	.mywtable2 td.pass_icon img{display:block;float:none;margin: 0 auto;text-align: center;}
	.mywtable2 td.pass_icon span{display:block;text-align: center;}
	
	.mywtable2 td.pass_icon{display: flex;justify-content: center;}
	.mywtable2 td.pass_icon img{float:left;width: 20px;height: 20px;}
	.mywtable2 td.pass_icon span{float:left;}*/
	.analysis .pass_step_wrap{padding: 16px 0 12px;}
	.analysis .pass_step_wrap h6{margin-bottom: 12px;}
	.analysis .pass_step_wrap .pass_step li dt{width:100%;text-align: center;}
	.analysis .pass_step_wrap .pass_step li dd{width:100%;margin-top: 8px;padding-left: 0px;text-align: center;}
}

@media only screen and (max-width: 479px){
.arrow_l::after{left:4px;top:11px;}
.arrow_r::after{right:4px;top:11px;}
.mypage .nstip li p{font-size:12px;}
}

@media only screen and (max-width: 413px){
	.analysis .consult_stType1 > h3, .analysis .consult_stType2 > h3{line-height: 130%;}
	.analysis .consult_stType1 > h3 span, .analysis .consult_stType2 > h3 span{display: block;}
	.analysis .consult_stType1 .spt_univer_btn, .analysis .consult_stType2 .spt_univer_btn{top:18px;}
}

/*
@page
{
size: auto;
margin: 30px;
}
*/

@media print{
.analysis .area { padding: 20px 0 100px 0;}
.common_padding { padding-top: 0;}
h2 { display: none;}
h2.admin{display:block;}
.head_bg,
.footer,
.twice.big.tac,
.twice.tar { display: none;}
.pop_head .look { bottom:10px;}
.pop_head .look li .t { font-size: 12px;}
.pop_head .look li .b { font-size: 14px;}
.analysis .st3box { position:relative; padding:16px 0; border:1px solid #eee; background-color: #fefefe;}
.analysis .st3list { clear:left;}
.analysis .st3list::after { display:block; clear:both; visibility:hidden; height:0; content:'.';}
.analysis .st3list li { float: left; position:relative; width:32%;}
.analysis .st3list li.a { padding-left: 59px;}
.analysis .st3list li.a .t { margin-top:6px; font-weight:bold; color: #0072bc;}
.analysis .st3list li.a .poa { left:4px;}
.analysis .st3list li.a .poa p { margin-top:-3px; font-size:21px; font-weight:bold; text-align: center; color: #0072bc;}
.analysis .st3list li.b { width:32%; padding-left: 73px;}
.analysis .st3list li.b .t { margin-top:6px; font-weight:bold; color: #00a651;}
.analysis .st3list li.b .poa { left:20px;}
.analysis .st3list li.b .poa p { margin-top:-3px; font-size:21px; font-weight:bold; text-align: center; color: #00a651;}
.analysis .st3list li.c { width:33%; margin-left:3%; padding-left: 57px;}
.analysis .st3list li.c .t { margin-top:6px; font-weight:bold; color: #f26522;}
.analysis .st3list li.c .poa { left:3px;}
.analysis .st3list li.c .poa p { margin-top:-3px; font-size:21px; font-weight:bold; text-align: center; color: #f26522;}
.analysis .st3list li .poa { position: absolute; top:1px;}
.analysis .st3list li.b .poa .icon { background-position: -50px 0;}
.analysis .st3list li.c .poa .icon { background-position: -100px 0;}
.analysis .st3list li .b { margin-top:6px; font-size: 12px; color: #666; line-height: 15px;}
.analysis .st3box .line_left { display:none; position: absolute; left:288px; top:18px;}
.analysis .st3box .line_right { display:none; position: absolute; right:304px; top:18px;}
.analysis .st3box.style li { padding-left:85px; background: url(../../images/front/analysis_ico5.png) no-repeat left center;}
.analysis .st3box.style li:first-child { background:none;}
.analysis .st3box.style li.a { width:32%;}
.analysis .st3box.style li.b { width:32%;}
.analysis .st3box.style li.c { width:36%;}
.analysis .st3box.style li .poa { left:35px;}
.analysis .st3box.style .line_left,
.analysis .st3box.style .line_right { display: none;}
.analysis .st3list li {float:inherit; margin-top: 0; padding:0; border-top:none;}
.analysis .st3list li .b br { display: none;}

.pop_head { background-color: inherit;}
.pop_head .mobile_body { position:inherit; max-width:inherit; margin:0 auto; padding: inherit;}
.pop_head .mobile_body.img { background: none;}
.pop_head .mobile_body.img2 { background: none;}
.pop_head .mobile_body >img { display: block;}
.pop_head .look { clear:left; overflow:hidden; position: inherit; left: inherit; bottom:inherit; margin-top:15px; padding:0 10px; font-size:inherit; text-align: inherit;}
.pop_head .look li { padding-left: 0 !important;}
.pop_head .look li:nth-child(1) { width: inherit;}
.pop_head .look li:nth-child(3) { width: inherit;}
.pop_head .look li:nth-child(5) { width: inherit;}
.pop_head .look li.a { padding-left: 0;}
.pop_head .look li.etc { display: block;}
.pop_head .look li >img { display: block;}
.pop_head .look li .t { font-size: 11px;}
.pop_head .look li .b { font-size: 11px;}
.pop_head .poa { left:24px; top:0; padding:4px; background-color: inherit;}
.pop_head .poa .f { font-size: 12px;}
.pop_head .poa .b { display: block; font-size: 9px;}

.pop_head { position: relative; text-align: center;}
.pop_head .mobile_body >img { width:100%; height: auto;}
.pop_head .look { position: absolute; left: 0; bottom:6px; width: 100%; padding-left:60px; font-size:0; text-align: center;}
.pop_head .look li { float:left; display: inline-block; position: relative; vertical-align: top;}
.pop_head .look li.a { width:20%; padding-left:70px;}
.pop_head .look li.b { width:40%; padding-left:70px;}
.pop_head .look li.b img { left:20px; top:9px;}
.pop_head .look li.c { width:30%; padding-left:70px;} 
.pop_head .look li.a p { margin-left: 60px;}
.pop_head .look li.b p { margin-left: 70px;}
.pop_head .look li.c p { margin-left: 80px;}
.pop_head .look li.c img { left:20px; top:7px;}
.pop_head .look li.etc { width:1px; margin:0 0 0 25px; padding:7px 0 0;}
.pop_head .look li.etc img { position: inherit; left: inherit; top: inherit;}
.pop_head .look li img { position: absolute; left: 0; top:0;}
.pop_head .look li .t { margin-top:1px; font-size:12px; font-weight:bold; color: #9295fc; text-align: left;}
.pop_head .look li .b { font-size:14px; font-weight:bold; color: #fff; text-align: left;}
.pop_head .poa { position: absolute; left: 20px; top:20px;}
.pop_head .poa .f { font-size:22px; font-weight:bold; color: #fff;}
.pop_head .poa .b { font-weight:bold; color: #fff;}
.mywtable { border-left:1px solid #999; border-right:1px solid #999;}
.mywtable th { border-bottom:1px solid #999;}

.printView{ display:block !important; }
.printView_tbl{ display:table !important; }
.noprint{ display:none !important; }
.analysis .lnb{display:none;}
.analy_contWrap.printPage .sub_style{margin-top:20px;}
.analysis .consult_wrap{margin-top:20px;}
.analysis .consultingGuid_wrap .consultingGuid_btn {display: flex;justify-content: center;}
.analysis .consultingGuid_wrap .consultingGuid_btn a{display:inline-block !important;margin: 0 4px 0 !important;padding: 2px 0px !important;}
.analysis .chart_cont{width: 100% !important;}
#grpPath1{width:320px !important;height:auto !important;margin:50px auto 0 !important;}
#grpPath2{width:240px !important;height:auto !important;margin:0 auto;text-align: center;}
.analysis .st_chart_scroll{overflow-x: inherit;}
.analysis .st_chart_wrap{width:100%;}
.mywtable2 thead tr th, .mywtable2 td{border-bottom: 1px solid #ddd;}
.analysis .st_chart_wrap > div{border: 1px solid #ddd;}
.analysis .line{height: 1px;}
.analysis .pass_step_wrap{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.analysis #grpPath1{margin-top:30px !important;}
.analysis #grpPath2{margin-top:10px !important;}
.analysis.admin .st_chart_wrap{width:100% !important;}
.analysis.admin #grpPath1{width:280px !important;margin-top:30px !important;}
.analysis.admin #grpPath2{width:200px !important;height:auto !important;margin-top:0px !important;}
.analysis.admin .chart_cont{width:100% !important;}
.analysis .consultingGuid_wrap .consultingGuid_btn{margin: 20px 0;}
.analysis .consultingGuid_wrap .consultingGuid_info{padding: 90px 40px 20px;background: url(../../images/front/icon_flip_chart2.png) no-repeat top 20px center !important;background-color: #F1F7F9 !important;-webkit-print-color-adjust: exact;}
.analysis .dataLack .btnWrap{margin-top: 40px;}
.analysis .als2{font-size:11px;}
.analysis h3{margin-top:50px;}
.analysis .st_chart_wrap .st_chart_t2 .track_nm{font-size:10px;}
.analysis.admin .st_chart_wrap .st_chart_t2 .track_nm{bottom:12px;font-size:10px;}
.analysis .graph li span{font-size:10px;}
.analysis .btns{display:none;}

.analysis .consult_wrap .consult_answer_wrap{padding: 34px 24px 34px 117px;border-top: 2px solid #3583B4;text-align: left;background: url(../../images/front/icon_flip_chart1.png) no-repeat left 24px center;background-color: #fff;}





}




    