label { cursor:pointer}
	label:hover {color:#ff6600; }

	/*layout*/
	.ibt_wrap, .exam_guide {max-width:770px; height:100%; background:#ffffff; padding:40px 15px 30px 15px;  margin:0 auto; }
	.ibt_wrap.ibt_quiz {max-width:none; padding-top:0;}

	h1.ibt_title {margin-bottom:30px; text-align:center; }

	/*상단*/	
	.head_msg {padding:0 20px; font-size:18px; text-align:center;  line-height:1.6em; margin:0 auto 20px auto; }
	.head_msg h1 {font-size:24px; line-height:1.6em; }
	.head_msg .head_msg_sub {font-size:15px; margin-top:10px; }
	.head_exam_start {max-width:640px; }

	.head_list {display:flex; flex-wrap: wrap; justify-content:center;  }
	.head_list ul { text-align:left;  line-height:1.6em; }

	/*메인 그룹 & 토글버튼*/
	.main_gr {max-width:460px; margin:0 auto; }
	.main_gr .inner {display:none;padding-bottom:20px; }
	.toggle {color:#ffffff; padding:15px 20px; border-radius:15px; position:relative; cursor:pointer; font-size:20px; margin-bottom:20px; }
	.toggle ul {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding-top:10px; }
	.toggle .icon {background:url(./images/front_toggle.png) no-repeat 0 1000px #ffffff; 
		border-radius:60px; width:70px;height:70px; line-height:60px; font-size:15px; color:#1e87ff; text-align:center; 
	}
	.toggle .icon.mn {line-height:1.1em; font-size:13px; }
	.toggle .icon.mn strong {display:block; padding:15px 0 15px 0;}
	.toggle .icon.uz {line-height:1em; font-size:13px; }
	.toggle .icon.uz strong {display:block; padding:15px 0 15px 0;}

	.toggle .end_date span {display:inline-block; height:20px; font-size:17px; }
	.toggle .end_date::before {content:''; display:inline-block; width:25px; height:20px; background:url(./images/ibt_icon.png?t=20240402) no-repeat -100px 0; 
		margin-right:5px; vertical-align:middle; 
	}
	.toggle .explain {font-size:14px; margin-right:10px; width:70%; }

	/*예상점수*/
	.toggle.blue {background:#1e87ff;}
	.toggle.blue .score {padding:0 0 0 20px; }
	.toggle.blue .score strong {color:#ffbc9a; font-size:48px;}
	.toggle.blue .icon strong {font-size:45px; }
	
	/*치료문제*/
	.toggle.green {background:#2ecc71;}
	.toggle.green .icon {background-position:0 0;}

	/*오답노트*/
	.toggle.orange {background:#f97c10;}
	.toggle.orange .icon {background-position:0 -100px;}

	/*오답노트*/
	.toggle.violet {background:#a077ea;}
	.toggle.violet .icon {background-position:0 -200px;}

	/*점수와 등급*/
	.score_grade {display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center;
		max-width:300px; margin:0 auto 40px auto; font-size:16px; 
	}
	.score_grade.uz {max-width:400px; font-size:14px;	}
	.score_grade .score strong {color:#e74c3c; font-size:3em;}
	.score_grade .grade {width:90px; height:90px; line-height:80px; font-size:2em; background:#2971dd; color:#ffffff; text-align:center; 
		border-radius:50%; 
	}
	.score_grade .grade.grade0 {font-size:16px; line-height:86px;}/*불합격*/
	.score_grade .grade em {font-size:15px; }
	.buy_grade {font-size:15px; min-width:280px;}
	.buy_grade dt {background:#f6f6f6; border-bottom:solid 1px #dddddd; border-top:solid 1px #dddddd;  padding:5px 0;}
	.buy_grade dd {padding:10px 0 0 0;  text-align:center;}
	.buy_grade dd {display:flex; flex-wrap: wrap; justify-content: space-around;:}

	/*버튼 영역*/
	.ibt_wrap .bt_area_flex {padding:20px 10px; display:flex; flex-wrap: wrap; justify-content: space-around;}
	.ibt_wrap .button, .ibt_wrap .button:visited {display:inline-block; padding:8px 15px 8px 15px; text-align:center; cursor:pointer;
		line-height:1em; vertical-align:middle; font-weight:normal; font-size:14px;  border-radius:20px; 
		margin:0 10px; min-width:80px; 
	}

	.ibt_wrap .button:hover {background-color:#f7f7f7; color:#000000; box-shadow:0 -2px 2px #ffff00;}
	.ibt_wrap .button.bt_middle {font-size:1.1em; padding:10px 25px 12px 25px;}
	.ibt_wrap .button.bt_big {font-size:1.2em; padding:15px 25px 15px 25px; }
	.ibt_wrap .button.circle {border-radius:40px; }

	/*IBT 소개*/
	.front_step {width:800px; margin:30px auto; text-align:center; background:url(./images/front_step_arrow1.png) no-repeat center 22px;;}
	.front_step .inner {display:flex; flex-wrap: wrap; justify-content:center; }
	.front_step .inner:nth-child(2) {flex-direction: row-reverse;}
	
	.front_step dl {display:inline-block; width:30%; vertical-align:top; margin:0 10px;}
	.front_step dl dt {margin-bottom:5px; font-weight:bold; }
	.front_step dl dt::before {content:''; display:block; width:70px; height:70px; margin:0 auto 10px auto; background:url(./images/front_step_icon.png) no-repeat;}

	.front_step dl.row1, .front_step dl.row2 {width:36%; margin-bottom:37px; }
	.front_step dl.row2 dt::before {background-position:0 -100px; }
	.front_step dl.row3 dt::before {background-position:0 -200px; }
	.front_step dl.row4 dt::before {background-position:0 -300px; }
	.front_step dl.row5 dt::before {background-position:0 -400px; }
	
	.front_info {margin:30px auto;max-width:640px; border-top:dashed 1px #cccccc; padding-top:30px;}
	.front_info fieldset {margin:30px 10px 0 10px; padding:20px; border:0; border-radius:10px; box-shadow:4px 4px 5px #cccccc; }
	.front_info fieldset legend {border-radius:30px; text-align:center; color:#ffffff; padding:8px 20px;}
	.front_info fieldset.info1 {background:#fff9e7; }
	.front_info fieldset.info1 legend {background:#1e87ff; }
	.front_info fieldset.info2 {background:#eaf2fa; }
	.front_info fieldset.info2 legend {background:#00b050; }
	
	.ibt_demo {text-align:center; margin:50px 0; }
	.ibt_demo img {width:100%; max-width:697px;}

	/*사전 설문*/
	.survey {margin-top:40px;}
	.survey dl {display:none;}
	.survey dl:nth-child(1) {display:block;}
	.survey dl dt {font-weight:bold; text-align:center; font-size:18px;margin-bottom:20px; }
	.survey dl dd {text-align:center; }
	.survey dl dd ul {display:inline-block; margin:0 auto; }
	.survey dl dd ul li {font-size:16px; padding:5px 0; }
	.head_msg.head_survay_start {display:none;}

	/*문제 세팅 : .ibt_quiz에 영향을 받음*/
	.quiz_wrap {background:#ffffff;  overflow:auto; }
	.quiz_head_bar {position:fixed; width:100%; background:#3a79d8; color:#ffffff; z-index:9; }
	.quiz_head_bar.note_head {background:#f87c0f;}

	.quiz_head_bar .inner {display:flex; flex-wrap: wrap; justify-content: space-between; padding:10px; max-width:960px; margin:0 auto; }
	.quiz_head_bar .logo img {height:30px;}
	.quiz_head_bar .timer {display:inline-block; border-radius:30px; background:#f6f6f6; color:#000000; padding:5px 10px; font-size:12px; }
	.quiz_head_bar .timer span {font-size:14px; }
	.quiz_head_bar .timer::before {display:inline-block;width:20px; height:20px; background:url(./images/ibt_icon.png?t=20240402) no-repeat 0 -50px; 
		content:''; margin-right:2px; vertical-align:middle; 
	}
	.quiz_wrap .button.bt_middle {font-size:1.1em; padding:10px 25px 12px 25px; border-radius:30px; }

	.quiz_title {font-size:30px; border-bottom:solid 2px #a9bee3; padding-top:100px;padding-bottom:15px; margin-bottom:20px; }
	.quiz_title em.em_red {font-size:20px;}
	.quiz_title.wrong_note {font-size:20px;}
	.quiz {line-height:1.6em; margin:0 auto;  max-width:980px; padding:0 15px;}

	.quiz .inner {display:flex; flex-wrap: wrap; justify-content: space-between; }
	.quiz .inner .row1 {width:100%; }
	.quiz .inner .col1, .quiz .inner .col2 {width:48%; }
	
	.q_head {margin-bottom:20px; font-weight:bold; color:#333333; } /*발문*/
	.q_script {border:solid 1px #cccccc; padding:10px; border-radius:8px; margin-bottom:20px; font-size:1em; line-height:1.8em;}/*지문*/
	.q_script img {width:100%; }

	.q_num {margin:0 0 15px 10px ;}
	.q_num .q_ask {font-size:1.15em; line-height:1.7em; margin-top:10px;}
	.q_num .q_ask img {width:100%; }
	.q_num strong {font-size:1.2em; padding:3px 0 5px 0;  line-height:1em; 	}
	.q_img img {width:100%; max-width:360px; }
	.q_audio {margin-bottom:15px; text-align:center; }
	.q_audio audio {height:36px; }

	.hide {display:none; min-height:30px; }
	audio {width:100%; }
	fieldset.q_example {margin-top:10px; border:solid 1px #cccccc; padding:10px;}
	fieldset.q_example legend {margin:0 auto; font-weight:bold; }
	
	.q_script.text_is_img { border:0; } /*이미지인 경우. 또는 박스 제거용*/
	.q_ask.text_is_img { border:0; }

	em.line {  text-decoration:underline;text-underline-offset : 5px;} /*밑줄*/

	.ans_wrap {padding:10px 0 20px 20px; }
	.ans_wrap label {display:block; margin-bottom:15px; position:relative; padding:3px 3px 3px 15px;  }
	.ans_wrap label .num {display:inline-block; width:18px; height:18px; line-height:18px; vertical-align:top; 
		border:solid 1px #666666; border-radius:20px; font-size:12px; text-align:center; font-family:Arial, sans-serif, verdana; 
		margin-right:8px; margin-top:3px; 
		
	}
	.ans_wrap label.ans_is_img {display:inline-block; width:50%; padding:0; } /*답지=이미지*/
	.ans_wrap label .num.check {background:#333333; color:#ffffff;}
	.ans_wrap label img {width:98%; }
	.ans_wrap label input {display:none;}
	.no_check {display:none; color:#ff3300; position:relative; font-size:18px; } 
	.ans_wrap label:hover {color:#ff6600; background:#f9f9f9; border-radius:5px;}

	/*오답노트*/
	.ans_wrap .note{position:absolute; left:-25px; top:0px; width:33px; height:33px; 
		background:url(./images/bt_icon1.png) no-repeat -1000px -1000px; z-index:3; 
	}
	.ans_wrap .note.Y {background-position:-180px -120px}
	.ans_wrap .note.N {background-position:-120px -120px}

	.bt_next {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px; padding-bottom:20px;}
	.bt_next  .button {margin:0; font-size:14px;}

	/*분석 중*/
	.ana_ing strong.em_tomato {font-size:18px;}

	/*치료문제 구매*/
	.buy_dialog {font-size:15px; line-height:1.6em; }
	.buy_dialog .inner {padding:15px 15px 0 15px; }
	.buy_1 h2 {margin-top:10px;}
	.buy_2 {display:none; }
	.buy_dialog .bt_area .button {margin-top:15px; min-width:130px; }
	.ui-dialog-titlebar {background-color:#f87c0f; color:#ffffff; }
	.buy_2 ul.disc.info {margin:20px; }
	.buy_2 ul.disc.info li {font-size:15px; line-height:1.4em; margin-bottom:3px; }

	.buy_dialog .set_price {background:#f9f9f9; padding:10px; margin:0 10px;  border-radius:15px; border:solid 1px #dddddd; }
	/* .buy_dialog .set_price {display:flex; flex-wrap: wrap; justify-content: center;} */
	/*.buy_dialog .set_price div {width:45%;  }*/
	/*.buy_dialog .set_price div .em_red {font-size:20px; }*/
	.buy_dialog .set_price table {width:100%; } 
	.buy_dialog .set_price table td {border:0; border-top:solid 1px #dddddd; padding:5px 5px 5px 0; } 
	.buy_dialog .set_price table tr td:nth-child(2) {border-left:solid 1px #dddddd;} 
	.buy_dialog .set_price table td div {padding:3px 0 3px 40px; background:url(/images/more_tri.png) no-repeat 27px 10px; } 
 
	/*결제*/
	.buy_3 {margin-bottom:10px; font-size:13px; display:none; }
	.buy_3 label {cursor:pointer; display:block; line-height:1.5em; margin-bottom:15px; }
	.buy_3 label img {height:30px; margin-bottom:5px;}

	.buy_3 .txt_box {padding:10px; font-size:13px; border:dotted 1px #3eb1bf; margin-top:10px;}
	.buy_3 .txt_box h3 {font-size:14px;}
	.buy_3 .txt_box br {display:none; }
	.buy_3 ul.disc {margin-left:20px;margin-bottom:5px; font-size:13px; }
	.buy_3 ul.disc li {line-height:1.5em;}

	/*메인 단계 버튼*/
	dl.step_list {font-size:15px; max-width:440px; margin:0 auto 20px auto;}
	dl.step_list dt {background-color:#e0e0e0; color:#ffffff; padding:10px 25px 10px 15px; border-radius:15px; position:relative; cursor:pointer; font-size:20px; }
	dl.step_list dt ul {position:absolute; right:20px; top:15px; }
	dl.step_list dt ul li {color:#666666; font-size:14px; }
	dl.step_list dt strong {font-size:36px; vertical-align:baseline;}
	/*1라운드 결제 완료*/
	dl.step_list.pay_done dt {background-color:#73dda0; margin-bottom:15px; }
	dl.step_list.pay_done dt ul li {color:#000000}

	dl.step_list dt.buy {background-color:#85cb33; color:#ffffff; }
	dl.step_list dt::before {display:inline-block; width:50px; height:42px; content:''; background:url(./images/ibt_icon.png?t=20240402) no-repeat 0 0; }

	dl.step_list.wrong_note dt {background-color:#fa9a46; font-size:14px; display:flex; flex-wrap: wrap;  align-items: center;}
	dl.step_list.wrong_note dt::before {height:50px;background-position:-50px 0; margin-right:5px; }
	dl.step_list.wrong_note dt div  {display:inline-block; width:80%}

	dl.step_list.wrong_note dd {padding:20px 0; display:none; }
	dl.step_list dd ul {display:inline-block; margin:0 15px;}
	dl.step_list dd ul li {display:inline-block; margin:0 3px 15px 3px; border-radius:60px; background:#e0e0e0; color:#ffffff; text-align:center; font-weight:bold; 
		width:70px; height:70px; font-size:13px; cursor:default; vertical-align:middle; 
	}
	dl.step_list dd ul li div {display:flex; flex-wrap: wrap; justify-content:center; align-items: center; height:100%; }

	dl.step_list dd ul li.done {background:#efffc8; color:#2ecc71; cursor:pointer;}
	dl.step_list dd ul li.step0.done {color:#e67e22;}
	dl.step_list dd ul li.next {background:#f1c40f; color:#ffffff; cursor:pointer;} 

	dl.step_list.wrong_note dd ul li {border-radius:10px; background:#ffdefe; color:#000000; width:50px; height:50px; font-size:18px; 
		font-family:arial, verdana; cursor:pointer;
	}
	dl.step_list.wrong_note dd ul li.on {background:#cccccc;}

	/*추천 영상*/
	.ibt_recom {font-size:15px; max-width:440px; margin:0 auto 20px auto; position:relative; }
	.ibt_recom .button {margin-bottom:10px;}
	.ibt_recom .go_sign{position:absolute; right:0px; bottom:10px; color:#ffffff;}
	#recom_content .inner {line-height:1.6em; padding:15px; }

	/*선생님 표시*/
	.bt_prod_title {background:url(/images/sub/profile_back_arrow.png);  position:relative; margin-bottom:10px;  border-radius:10px; }
	.bt_prod_title a {display:block; height:60px; background:url(/images/sub/profile_back_kr.png) no-repeat right 0; background-size:100% auto; color:#ffffff; 
		border-radius:10px; 
	}
	.bt_prod_title a div {display:block; margin:0 20px 0 100px;  padding-top:5px; }

	.bt_prod_title .prod_img {position:absolute; bottom:0;  left:10px; bottom:0}
	.bt_prod_title .prod_img img {max-height:50px; }

	/*로딩중*/
	#ing_loader {display:inline-block; border: 10px solid #f3f3f3;border-top: 10px solid #3498db; border-bottom: 10px solid #43ff34;
		border-radius: 50%; width:60px; height:60px; animation:spin 2s linear infinite;
		margin:30px 0;
	}
	@keyframes spin {
		0% {transform:translate(0%, 0%) rotate(0deg); }
		100% {transform:translate(0%, 0%) rotate(360deg); }
	}
	
	/*반응형 유튜브*/
	.video1 {position:relative; width:100%; height:0; padding-bottom:56.25%;}
	.video1 iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

	/*결과보고서*/
	.report_head_bar {background:#f87c0f; text-align:center; color:#ffffff; padding:10px 0; }
	.report_comment {max-width:480px; padding:0 15px; margin:0 auto 30px auto; line-height:1.6em; font-size:16px; }

	table.score {width:100%;  border-collapse:collapse; margin-top:10px;}
	table.score th, table.score td {padding:8px 5px; }
	table.score th {font-size:15px; font-weight:bold; }
	.graph_bar {background:#eeeeee; border-radius:10px; height:12px;  font-size:12px; line-height:1em;}
	.graph_bar div {display:inline-block; background:#2ecc71; border-radius:10px; height:12px; margin-right:5px; }
	
	/*결과보고서 유형별*/	
	.report_type {border:solid 1px #cccccc; border-radius:10px; padding:15px; margin:0 10px 20px 10px; }
	.report_type h2 {font-size:18px; position:relative; margin-bottom:20px; }
	.report_type h2 .button {position:absolute; right:0px; top:0px; margin:0;}
	.report_type h2 .em_red {margin-right:20px; }

	.report_type .inner {display:flex; flex-wrap: wrap; justify-content: space-between; }
	.report_type dl.graph {width:51%;}
	.report_type dl.table {width:47%;}

	.report_type dl dt {font-size:16px; font-weight:bold; margin-bottom:10px;}
	.report_type dl dd {padding:0 0 0 10px; }

	table.weak_type {width:100%;  border-collapse:collapse;}
	table.weak_type caption {padding:0 0 10px 15px; font-weight:bold; font-size:15px; color:#000000; 
		background:url(/images/arrow.gif) no-repeat 0 7px; 
	}
	table.weak_type th, table.weak_type td {border:solid 1px #dddddd; }
	table.weak_type td {padding:8px 5px; }
	table.weak_type th {background:#f6f6f6; font-size:12px; padding:8px 3px; }
	table.weak_type th.weak {background:#33a5e3; color:#ffffff; border:solid 1px #44bdff; }

	/*보고서 상세*/
	.report_detail {height:100%; background:#ffffff; display:none; }		
	.report_detail .inner {padding:20px 30px; border-radius:20px; max-width:414px;  margin:0 auto 20px auto;}
	.report_detail .inner.row_R {background:#eff8ff; }
	.report_detail .inner.row_L {background:#fffbed; }
	.report_detail .inner.row_R.row_tip {background:#fffbed; }
	.report_detail .inner.row_L.row_tip {background:#eff8ff; }
	.report_detail .inner h2 {text-align:center; margin-bottom:20px; }
	.report_detail .inner dl { margin-bottom:30px;}
	.report_detail .inner dl dt {margin-bottom:10px;}
	.report_detail .inner dl dd {}
	.report_detail .inner dl dd .em_green {color:#2ecc71; }
	.report_detail .graph_bar {margin:0 5px 10px 0; background:none; position:relative; font-size:14px; }
	.report_detail .graph_bar.gray div {background:#cccccc;}
	.report_detail .graph_bar .txt {position:absolute; top:-7px; }
	.report_detail .legend .graph_bar {display:inline-block; width:20px; } /*범례*/

	.report_detail .inner.row_tip ul {text-align:center; margin:20px auto 0 auto;}
	.report_detail .inner.row_tip ul li {margin-bottom:15px; }
	.report_detail .inner.row_tip ul li .button{width:150px; }

	@media all and (max-width:800px){
		/*문제 세팅*/
		.quiz .inner .col1, .quiz .inner .col2 {width:100%; }
		/*오답노트*/
		.note_wrap .quiz .col2 {width:95%; margin-left:5%; }
	}
	@media all and (max-width:768px){
		.front_step {width:auto; max-width:640px; margin:30px auto 15px auto; padding:15px 15px 30px 15px;
			text-align:left; background:url(./images/front_step_arrow2.png) no-repeat 25px bottom; 			
		}
		.front_step .inner {display:block;}

		.front_step dl {display:block; width:auto; margin:0 0 20px 0; position:relative; min-height:70px; padding-left:90px; }
		.front_step dl.row1, .front_step dl.row2 {width:auto; margin:0 0 20px 0; }
		.front_step dl dt::before {content:''; width:70px; height:70px; position:absolute; top:0; left:0; }
		.front_info fieldset {padding:15px;}
	}
 	@media all and (max-width:640px){
		/*문제 세팅*/
		.quiz_head_bar .logo {width:100%; text-align:center; margin-bottom:10px; }
		.quiz_head_bar .inner h2 {font-size:19px; }
		.quiz_head_bar .inner h2.no_timer {width:100%; text-align:center; }
		.quiz_title {padding-top:120px;}

		/*시험 버튼*/
		.bt_next  .button em {display:none; }
		.bt_next  .button strong {font-size:22px; font-weight:normal;}

		/*결과보고서*/	
		.report_type dl.graph, .report_type dl.table {width:100%; }
		.report_type dl.graph {margin-bottom:20px; }
		.report_type dl dd {padding:0; }
	}
 	@media all and (max-width:480px){
		/*결과보고서 유형별*/	
		.report_type h2 .button {position:static; }

	
	}