File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title>온세종학교</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
<!-- 공통 plugin -->
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
<!-- //공통 plugin -->
<!-- 페이지 plugin-->
<script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
<!-- //페이지 plugin-->
<!-- 공통 퍼블 layout: 개발시 삭제-->
<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
<!--//퍼블 layout-->
<!-- 공통 메뉴 js-->
<!-- //공통 메뉴 js -->
<!--공통 퍼블 js-->
<script src="/resources/front/site/SITE_00000/js/common.js"></script>
<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
<!--//공통 퍼블 js-->
</head>
<body>
<div class="accessibility">
<a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
</div>
<!-- for-teacher / for-student -->
<div class="container">
<!-- 통합 헤더 및 네비게이션 -->
<header class="site-header"></header>
<div class="site-body" id="skipToContents">
<div class="wrap">
<div class="page-tit-area">
<div class="l-area">
<h2 class="title-xlg">문항 만들기</h2>
</div>
<div class="r-area"></div>
</div>
<section class="section">
<h3 class="txt-hide">콘텐츠 유형 선택</h3>
<div class="write-type">
<table>
<colgroup>
<col style="width:200px">
<col>
</colgroup>
<tbody>
<tr>
<th scope="row">유형</th>
<td>
<fieldset>
<legend>문항 유형</legend>
<div class="checkradio">
<input type="radio" name="radio" id="r1">
<label for="r1">단일 문항</label>
</div>
<div class="checkradio">
<input type="radio" name="radio" id="r2" checked>
<label for="r2">세트 문항</label>
</div>
</fieldset>
</td>
</tr>
<tr>
<th scope="row">공통 제시자료 <small class="txt-option">(선택)</small></th>
<td>
<ol class="a-write-list ui-sortable">
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="a-txt">
<textarea rows="3" placeholder="텍스트를 입력하세요."></textarea>
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle ico-delete danger">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="q-img">
<figure>
<img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
<div class="img-fnc">
<button type="button" class="btn sm overlay circle ico-zoomin" onclick="popupOpenPub('popupZoom');">확대</button>
</div>
</figure>
<fieldset class="img-size">
<legend>이미지사이즈</legend>
<div class="checkradio">
<input type="radio" name="size1" id="size1_1">
<label for="size1_1">최소</label>
</div>
<div class="checkradio">
<input type="radio" name="size1" id="size1_2">
<label for="size1_2">소</label>
</div>
<div class="checkradio">
<input type="radio" name="size1" id="size1_3">
<label for="size1_3">중</label>
</div>
<div class="checkradio">
<input type="radio" name="size1" id="size1_4" checked="">
<label for="size1_4">대</label>
</div>
<div class="checkradio">
<input type="radio" name="size1" id="size1_5">
<label for="size1_5">최대</label>
</div>
</fieldset>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">비디오파일.mp4</p>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_audio.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">오디오.mp3</p>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn ico-document">
텍스트추가
</button>
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn ico-headphone">음성파일 추가</button>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="section">
<article class="section">
<header class="section-tit-area">
<div class="l-area">
<h3 class="title-lg">문항정보 <em>1</em></h3>
</div>
<div class="r-area">
<div class="btn-group">
<button type="button" class="btn danger ico-delete">삭제</button>
</div>
</div>
</header>
<div class="write-type">
<table>
<colgroup>
<col style="width:200px">
<col>
</colgroup>
<tbody>
<tr>
<th scope="row">분류</th>
<td>
<div class="achievecode-sch-area"></div>
</td>
</tr>
<tr>
<th scope="row">성취기준 및 평가기준</th>
<td>
<div class="achievecode">
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode0_1_1">
<label for="achievecode0_1_1">선택</label>
<div class="txt-area">
<span>합성함수와 역함수를 미분할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li class="is-active">
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1_1" checked="">
<label for="achievecode1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1_2">
<label for="achievecode1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1_3">
<label for="achievecode1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2_1">
<label for="achievecode1_2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2_2">
<label for="achievecode1_2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2_3">
<label for="achievecode1_2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3_1">
<label for="achievecode1_3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3_2">
<label for="achievecode1_3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3_3">
<label for="achievecode1_3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_4_1">
<label for="achievecode1_4_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_4_2">
<label for="achievecode1_4_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_4_3">
<label for="achievecode1_4_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1_1" checked="">
<label for="achievecode2_1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1_2">
<label for="achievecode2_1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1_3">
<label for="achievecode2_1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2_1">
<label for="achievecode2_2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2_2">
<label for="achievecode2_2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2_3">
<label for="achievecode2_2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3_1">
<label for="achievecode2_3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3_2">
<label for="achievecode2_3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3_3">
<label for="achievecode2_3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_4_1">
<label for="achievecode2_4_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecodee2_4_2">
<label for="achievecodee2_4_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_4_3">
<label for="achievecode2_4_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li class="is-active">
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1" checked="">
<label for="achievecode1_1">선택</label>
<label for="achievecode1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2">
<label for="achievecode1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3">
<label for="achievecode1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1">
<label for="achievecode2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2">
<label for="achievecode2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3">
<label for="achievecode2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1" checked="">
<label for="achievecode1_1">선택</label>
<label for="achievecode1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2">
<label for="achievecode1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3">
<label for="achievecode1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1">
<label for="achievecode2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2">
<label for="achievecode2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3">
<label for="achievecode2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
</div>
<div class="btn-add-cont">
<button class="btn primary">확인</button>
</div>
</td>
</tr>
<tr>
<th scope="row">역량</th>
<td>
<div class="bg-border-box">
<div class="box-body achievecode-add-area">
<div class="achievecode-add-item">
<ul class="info-list sm">
<li>
<strong class="info-tit">성취기준</strong>
<div class="txt-area">12심수 05-08</div>
</li>
<li>
<strong class="info-tit">평가준거</strong>
<div class="txt-area">12심수 05-10-01</div>
</li>
<li>
<strong class="info-tit">평가기준</strong>
<div class="txt-area">
<p>
<strong class="font-color-red">[상]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</p>
<p>
<strong class="font-color-blue">[중]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</p>
</div>
</li>
<!-- <li>
<strong class="info-tit">영역</strong>
<div class="txt-area">
미분
</div>
</li> -->
<li>
<strong class="info-tit">역량 <i class="required">*</i></strong>
<div class="txt-area checkradio-area">
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd1_1">
<label for="achievecodeAdd1_1">이해</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd1_2" checked>
<label for="achievecodeAdd1_2">계산</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd1_3">
<label for="achievecodeAdd1_3">추론</label>
</div>
</div>
</li>
</ul>
<button type="button" class="btn-full-h"><i class="ico-delete"></i><span class="txt-hide">삭제</span></button>
</div>
<div class="achievecode-add-item">
<ul class="info-list sm">
<li>
<strong class="info-tit">성취기준</strong>
<div class="txt-area">12심수 05-08</div>
</li>
<li>
<strong class="info-tit">평가준거</strong>
<div class="txt-area">12심수 05-10-01</div>
</li>
<li>
<strong class="info-tit">평가기준</strong>
<div class="txt-area">
<p>
<strong class="font-color-green">[하]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</p>
</div>
</li>
<!-- <li>
<strong class="info-tit">영역</strong>
<div class="txt-area">
미분
</div>
</li> -->
<li>
<strong class="info-tit">역량 <i class="required">*</i></strong>
<div class="txt-area checkradio-area">
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd2_1">
<label for="achievecodeAdd2_1">이해</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd2_2">
<label for="achievecodeAdd2_2">계산</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd2_3">
<label for="achievecodeAdd1_3">추론</label>
</div>
</div>
</li>
</ul>
<button type="button" class="btn-full-h"><i class="ico-delete"></i><span class="txt-hide">삭제</span></button>
</div>
<div class="achievecode-add-item">
<ul class="info-list sm">
<li>
<strong class="info-tit">성취기준</strong>
<div class="txt-area">12심수 05-08</div>
</li>
<li>
<strong class="info-tit">평가준거</strong>
<div class="txt-area">12심수 05-10-01</div>
</li>
<li>
<strong class="info-tit">평가기준</strong>
<div class="txt-area">
<strong class="font-color-green">[하]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</div>
</li>
<li>
<strong class="info-tit">영역</strong>
<div class="txt-area">
<select class="sm">
<option>자료와 가능성</option>
</select>
</div>
</li>
<li>
<strong class="info-tit">영량</strong>
<div class="txt-area">
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd3_1">
<label for="achievecodeAdd3_1">이해</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd3_1" checked>
<label for="achievecodeAdd3_1">계산</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd3_1">
<label for="achievecodeAdd3_1">추론</label>
</div>
</div>
</li>
</ul>
<button type="button" class="btn-full-h"><i class="ico-delete"></i><span class="txt-hide">삭제</span></button>
</div>
</div>
</div>
<!-- <div class="btn-add-cont">
<button class="btn secondary ico-plus" onclick="popupOpenPub('popupAchievecode');">성취기준 추가</button>
</div> -->
</td>
</tr>
<tr>
<th scope="row">문항 난이도</th>
<td>
<fieldset class="checkradio-area">
<legend>문항 난이도 선택</legend>
<div class="checkradio">
<input type="radio" id="r1-1" name="r1" checked>
<label for="r1-1">매우 쉬움</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-2" name="r1">
<label for="r1-2">쉬움</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-3" name="r1">
<label for="r1-3">보통</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-4" name="r1">
<label for="r1-4">어려움</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-5" name="r1">
<label for="r1-5">매움 어려움</label>
</div>
</fieldset>
</td>
</tr>
<tr>
<th scope="row">문항 종류</th>
<td>
<fieldset class="tip-area">
<legend>문항 종류 선택</legend>
<div class="checkradio">
<input type="radio" name="r2" id="r2-1"
data-tip="정답이 1개인 문제 유형입니다. 보기를 입력하고 정답을 선택하세요." checked>
<label for="r2-1">객관식(단일선택)</label>
</div>
<div class="checkradio">
<input type="radio" name="r2" id="r2-2"
data-tip="정답이 2개 이상인 문제 유형입니다. 보기를 입력하고 정답을 2개 이상 선택해주세요.">
<label for="r2-2">객관식(다중선택)</label>
</div>
<div class="checkradio">
<input type="radio" name="r2" id="r2-3"
data-tip="정답이 명확한 단어 또는 구 ㆍ 절로 이루어진 유형입니다. 정답이 되는 모든 단어ㆍ구 ㆍ 절을 모두 작성해주세요.">
<label for="r2-3">주관식(답답형)</label>
</div>
<div class="checkradio">
<input type="radio" name="r2" id="r2-4" data-tip="주관식 서술형 입력">
<label for="r2-4">주관식(서술형)</label>
</div>
<p class="tip-txt"></p>
</fieldset>
</td>
</tr>
<tr>
<th scope="row">질문</th>
<td>
-에디터-
</td>
</tr>
<tr>
<th scope="row">지문 또는 제시자료<small class="txt-option"> (선택)</small></th>
<td>
<ol class="a-write-list ui-sortable">
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="a-txt">
<textarea rows="3" placeholder="텍스트를 입력하세요."></textarea>
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">비디오파일.mp4</p>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">오디오.mp3</p>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn ico-document">
텍스트추가
</button>
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn ico-headphone">음성파일 추가</button>
</div>
</div>
</td>
</tr>
<!-- 단순선택형-->
<tr>
<th scope="row">정답</th>
<td>
<ol class="a-write-list">
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">1</span>
<div class="checkradio">
<input type="radio" id="a1_1_radio" name="a1">
<label for="a1_1_radio"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">2</span>
<div class="checkradio">
<input type="radio" id="a1_2_radio" name="a1">
<label for="a1_2_radio"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">비디오파일.mp4</p>
<button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">3</span>
<div class="checkradio">
<input type="radio" id="a1_3_radio" name="a1">
<label for="a1_3_radio"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn">
<i class="ico-plus"></i>
<span>답가지 추가</span>
</button>
</div>
<fieldset class="bg-box sm">
<legend>보기순서 선택</legend>
<ul class="info-list">
<li>
<strong class="info-tit">보기순서</strong>
<div class="txt-area">
<div class="checkradio">
<input type="radio" id="order1_1" name="order1" checked>
<label for="order1_1">무작위 출력<small>(랜덤으로 문제를 불러올 때 마다 순서가 달라집니다.)</small></label>
</div>
<div class="checkradio">
<input type="radio" id="order1_2" name="order1">
<label for="order1_2">고정출력</label>
</div>
</div>
</li>
</ul>
</fieldset>
</td>
</tr>
<!-- 확장선택형-->
<tr>
<th scope="row">정답</th>
<td>
<ol class="a-write-list">
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">1</span>
<div class="checkradio">
<input type="checkbox" id="a1_1_check" name="a1_check">
<label for="a1_1_check"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">2</span>
<div class="checkradio">
<input type="checkbox" id="a1_2_check" name="a1_check">
<label for="a1_2_check"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn">
<i class="ico-plus"></i>
<span>답가지 추가</span>
</button>
</div>
<fieldset class="bg-box sm">
<legend>보기순서 선택</legend>
<ul class="info-list">
<li>
<strong class="info-tit">보기순서</strong>
<div class="txt-area">
<div class="checkradio">
<input type="radio" id="order1_1" name="order1" checked>
<label for="order1_1">무작위 출력<small>(랜덤으로 문제를 불러올 때 마다 순서가
달라집니다.)</small></label>
</div>
<div class="checkradio">
<input type="radio" id="order1_2" name="order1">
<label for="order1_2">고정출력</label>
</div>
</div>
</li>
</ul>
</fieldset>
</td>
</tr>
<!-- 단답형-->
<tr>
<th scope="row">정답</th>
<td>
<ul class="tabs-nav-xsm">
<li>
<a href="#none">기본형</a>
</li>
<li>
<a href="#none" class="is-active">확장형</a>
</li>
</ul>
<ul class="a-write-list">
<li class="a-item">
<div class="a-cont">
<div class="tag-add-area">
<input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
</div>
</div>
</li>
<li class="a-item">
<div class="a-info">
<span class="num">㉠</span>
</div>
<div class="a-cont">
<div class="tag-add-area">
<input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<div class="a-info">
<span class="num">㉡</span>
</div>
<div class="a-cont">
<div class="tag-add-area">
<input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ul>
<div class="btn-add-cont">
<button type="button" class="btn">
<i class="ico-plus"></i>
<span>답가지 추가</span>
</button>
</div>
</td>
</tr>
<tr>
<th scope="row">해설 및 학습 자료 <small class="txt-option">(선택)</small></th>
<td>
<div class="btn-add-cont">
<button type="button" class="btn ico-document">
텍스트추가
</button>
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn ico-headphone">음성파일 추가</button>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</article>
<article class="section">
<header class="section-tit-area">
<div class="l-area">
<h3 class="title-lg">문항정보 <em>2</em></h3>
</div>
<div class="r-area">
<div class="btn-group">
<button type="button" class="btn danger ico-delete">삭제</button>
</div>
</div>
</header>
<div class="write-type">
<table>
<colgroup>
<col style="width:200px">
<col>
</colgroup>
<tbody>
<tr>
<th scope="row">분류</th>
<td>
<div class="">
<fieldset class="achievecod-section achievecode-type checkradio-area">
<legend>교육과정, 테마 선택</legend>
<div class="checkradio">
<input type="radio" name="achievecodeType" id="achievecodeType-
curriculum" checked>
<label for="achievecodeType-
curriculum">교육과정</label>
</div>
<div class="checkradio">
<input type="radio" name="achievecodeType" id="achievecodeType-
theme">
<label for="achievecodeType-
theme">테마</label>
</div>
</fieldset>
<ul class="achievecod-section achievecode-sch">
<li>
<select title="학교급 선택">
<option>학교급</option>
</select>
</li>
<li class="is-disabled">
<select title="학년 선택">
<option>학년</option>
</select>
</li>
<li class="is-disabled">
<input type="text" placeholder="과목" class="subject-sch">
<button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')">과목 검색</button>
</li>
<li class="is-disabled">
<input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch">
<button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')">과목 검색</button>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<th scope="row">성취기준 및 평가기준</th>
<td>
<div class="achievecode">
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode0_1_1">
<label for="achievecode0_1_1">선택</label>
<div class="txt-area">
<span>합성함수와 역함수를 미분할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li class="is-active">
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1_1" checked="">
<label for="achievecode1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1_2">
<label for="achievecode1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1_3">
<label for="achievecode1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2_1">
<label for="achievecode1_2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2_2">
<label for="achievecode1_2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2_3">
<label for="achievecode1_2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3_1">
<label for="achievecode1_3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3_2">
<label for="achievecode1_3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3_3">
<label for="achievecode1_3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_4_1">
<label for="achievecode1_4_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_4_2">
<label for="achievecode1_4_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_4_3">
<label for="achievecode1_4_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1_1" checked="">
<label for="achievecode2_1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1_2">
<label for="achievecode2_1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1_3">
<label for="achievecode2_1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2_1">
<label for="achievecode2_2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2_2">
<label for="achievecode2_2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2_3">
<label for="achievecode2_2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3_1">
<label for="achievecode2_3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3_2">
<label for="achievecode2_3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3_3">
<label for="achievecode2_3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_4_1">
<label for="achievecode2_4_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecodee2_4_2">
<label for="achievecodee2_4_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_4_3">
<label for="achievecode2_4_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li class="is-active">
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1" checked="">
<label for="achievecode1_1">선택</label>
<label for="achievecode1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2">
<label for="achievecode1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3">
<label for="achievecode1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1">
<label for="achievecode2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2">
<label for="achievecode2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3">
<label for="achievecode2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
<div class="bg-border-box">
<div class="box-header">
<small>12심수 ㅣ 05-10</small>
<p class="box-tit">합성함수와 역함수를 미분할 수 있다.</p>
</div>
<div class="box-body">
<ul class="achievecode-list">
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_1" checked="">
<label for="achievecode1_1">선택</label>
<label for="achievecode1_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_2">
<label for="achievecode1_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode1_3">
<label for="achievecode1_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_1">
<label for="achievecode2_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_2">
<label for="achievecode2_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode2_3">
<label for="achievecode2_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
<li>
<p>합성함수를 미분할 수 있다.</p>
<fieldset class="checkradio-custom-block-area">
<legend>난이도 선택</legend>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_1">
<label for="achievecode3_1">선택</label>
<div class="txt-area">
<strong class="font-color-red">상</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_2">
<label for="achievecode3_2">선택</label>
<div class="txt-area">
<strong class="font-color-blue">중</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
<div class="checkradio black">
<input type="checkbox" name="achievecode" id="achievecode3_3">
<label for="achievecode3_3">선택</label>
<div class="txt-area">
<strong class="font-color-green">하</strong><span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그
과정을 설명할 수 있다.</span>
</div>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
</div>
<div class="btn-add-cont">
<button class="btn primary">확인</button>
</div>
</td>
</tr>
<tr>
<th scope="row">역량</th>
<td>
<div class="bg-border-box">
<div class="box-body achievecode-add-area">
<div class="achievecode-add-item">
<ul class="info-list sm">
<li>
<strong class="info-tit">성취기준</strong>
<div class="txt-area">12심수 05-08</div>
</li>
<li>
<strong class="info-tit">평가준거</strong>
<div class="txt-area">12심수 05-10-01</div>
</li>
<li>
<strong class="info-tit">평가기준</strong>
<div class="txt-area">
<p>
<strong class="font-color-red">[상]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</p>
<p>
<strong class="font-color-blue">[중]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</p>
</div>
</li>
<!-- <li>
<strong class="info-tit">영역</strong>
<div class="txt-area">
미분
</div>
</li> -->
<li>
<strong class="info-tit">역량 <i class="required">*</i></strong>
<div class="txt-area checkradio-area">
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd1_1">
<label for="achievecodeAdd1_1">이해</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd1_2" checked>
<label for="achievecodeAdd1_2">계산</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd1_3">
<label for="achievecodeAdd1_3">추론</label>
</div>
</div>
</li>
</ul>
<button type="button" class="btn-full-h"><i class="ico-delete"></i><span class="txt-hide">삭제</span></button>
</div>
<div class="achievecode-add-item">
<ul class="info-list sm">
<li>
<strong class="info-tit">성취기준</strong>
<div class="txt-area">12심수 05-08</div>
</li>
<li>
<strong class="info-tit">평가준거</strong>
<div class="txt-area">12심수 05-10-01</div>
</li>
<li>
<strong class="info-tit">평가기준</strong>
<div class="txt-area">
<p>
<strong class="font-color-green">[하]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</p>
</div>
</li>
<!-- <li>
<strong class="info-tit">영역</strong>
<div class="txt-area">
미분
</div>
</li> -->
<li>
<strong class="info-tit">역량 <i class="required">*</i></strong>
<div class="txt-area checkradio-area">
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd2_1">
<label for="achievecodeAdd2_1">이해</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd2_2">
<label for="achievecodeAdd2_2">계산</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd2_3">
<label for="achievecodeAdd1_3">추론</label>
</div>
</div>
</li>
</ul>
<button type="button" class="btn-full-h"><i class="ico-delete"></i><span class="txt-hide">삭제</span></button>
</div>
<div class="achievecode-add-item">
<ul class="info-list sm">
<li>
<strong class="info-tit">성취기준</strong>
<div class="txt-area">12심수 05-08</div>
</li>
<li>
<strong class="info-tit">평가준거</strong>
<div class="txt-area">12심수 05-10-01</div>
</li>
<li>
<strong class="info-tit">평가기준</strong>
<div class="txt-area">
<strong class="font-color-green">[하]</strong>
여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.
</div>
</li>
<li>
<strong class="info-tit">영역</strong>
<div class="txt-area">
<select class="sm">
<option>자료와 가능성</option>
</select>
</div>
</li>
<li>
<strong class="info-tit">영량</strong>
<div class="txt-area">
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd3_1">
<label for="achievecodeAdd3_1">이해</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd3_1" checked>
<label for="achievecodeAdd3_1">계산</label>
</div>
<div class="checkradio">
<input type="checkbox" name="achievecode" id="achievecodeAdd3_1">
<label for="achievecodeAdd3_1">추론</label>
</div>
</div>
</li>
</ul>
<button type="button" class="btn-full-h"><i class="ico-delete"></i><span class="txt-hide">삭제</span></button>
</div>
</div>
</div>
<!-- <div class="btn-add-cont">
<button class="btn secondary ico-plus" onclick="popupOpenPub('popupAchievecode');">성취기준 추가</button>
</div> -->
</td>
</tr>
<tr>
<th scope="row">문항 난이도</th>
<td>
<fieldset class="checkradio-area">
<legend>문항 난이도 선택</legend>
<div class="checkradio">
<input type="radio" id="r1-1" name="r1" checked>
<label for="r1-1">매우 쉬움</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-2" name="r1">
<label for="r1-2">쉬움</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-3" name="r1">
<label for="r1-3">보통</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-4" name="r1">
<label for="r1-4">어려움</label>
</div>
<div class="checkradio">
<input type="radio" id="r1-5" name="r1">
<label for="r1-5">매움 어려움</label>
</div>
</fieldset>
</td>
</tr>
<tr>
<th scope="row">문항 종류</th>
<td>
<fieldset class="tip-area">
<legend>문항 종류 선택</legend>
<div class="checkradio">
<input type="radio" name="r2" id="r2-1"
data-tip="정답이 1개인 문제 유형입니다. 보기를 입력하고 정답을 선택하세요." checked>
<label for="r2-1">객관식(단일선택)</label>
</div>
<div class="checkradio">
<input type="radio" name="r2" id="r2-2"
data-tip="정답이 2개 이상인 문제 유형입니다. 보기를 입력하고 정답을 2개 이상 선택해주세요.">
<label for="r2-2">객관식(다중선택)</label>
</div>
<div class="checkradio">
<input type="radio" name="r2" id="r2-3"
data-tip="정답이 명확한 단어 또는 구 ㆍ 절로 이루어진 유형입니다. 정답이 되는 모든 단어ㆍ구 ㆍ 절을 모두 작성해주세요.">
<label for="r2-3">주관식(답답형)</label>
</div>
<div class="checkradio">
<input type="radio" name="r2" id="r2-4" data-tip="주관식 서술형 입력">
<label for="r2-4">주관식(서술형)</label>
</div>
<p class="tip-txt"></p>
</fieldset>
</td>
</tr>
<tr>
<th scope="row">질문</th>
<td>
-에디터-
</td>
</tr>
<tr>
<th scope="row">지문 또는 제시자료<small class="txt-option"> (선택)</small></th>
<td>
<ol class="a-write-list ui-sortable">
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="a-txt">
<textarea rows="3" placeholder="텍스트를 입력하세요."></textarea>
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">비디오파일.mp4</p>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move ui-sortable-handle"></i>
<div class="a-cont">
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">오디오.mp3</p>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn ico-document">
텍스트추가
</button>
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn ico-headphone">음성파일 추가</button>
</div>
</div>
</td>
</tr>
<!-- 단순선택형-->
<tr>
<th scope="row">정답</th>
<td>
<ol class="a-write-list">
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">1</span>
<div class="checkradio">
<input type="radio" id="a1_1_radio" name="a1">
<label for="a1_1_radio"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">2</span>
<div class="checkradio">
<input type="radio" id="a1_2_radio" name="a1">
<label for="a1_2_radio"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<img src="/resources/front/site/SITE_00000/images/common/thumb/thumb_video.svg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">비디오파일.mp4</p>
<button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
</div>
</div>
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">3</span>
<div class="checkradio">
<input type="radio" id="a1_3_radio" name="a1">
<label for="a1_3_radio"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn">
<i class="ico-plus"></i>
<span>답가지 추가</span>
</button>
</div>
<fieldset class="bg-box sm">
<legend>보기순서 선택</legend>
<ul class="info-list">
<li>
<strong class="info-tit">보기순서</strong>
<div class="txt-area">
<div class="checkradio">
<input type="radio" id="order1_1" name="order1" checked>
<label for="order1_1">무작위 출력<small>(랜덤으로 문제를 불러올 때 마다 순서가 달라집니다.)</small></label>
</div>
<div class="checkradio">
<input type="radio" id="order1_2" name="order1">
<label for="order1_2">고정출력</label>
</div>
</div>
</li>
</ul>
</fieldset>
</td>
</tr>
<!-- 확장선택형-->
<tr>
<th scope="row">정답</th>
<td>
<ol class="a-write-list">
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">1</span>
<div class="checkradio">
<input type="checkbox" id="a1_1_check" name="a1_check">
<label for="a1_1_check"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<i class="ico-move"></i>
<div class="a-info">
<span class="num">2</span>
<div class="checkradio">
<input type="checkbox" id="a1_2_check" name="a1_check">
<label for="a1_2_check"><small>정답</small></label>
</div>
</div>
<div class="a-cont">
<div class="a-txt">
<input type="text" placeholder="보기를 입력하세요.">
</div>
</div>
<div class="a-fnc">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn sm circle ico-attach">파일첨부</button>
</div>
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ol>
<div class="btn-add-cont">
<button type="button" class="btn">
<i class="ico-plus"></i>
<span>답가지 추가</span>
</button>
</div>
<fieldset class="bg-box sm">
<legend>보기순서 선택</legend>
<ul class="info-list">
<li>
<strong class="info-tit">보기순서</strong>
<div class="txt-area">
<div class="checkradio">
<input type="radio" id="order1_1" name="order1" checked>
<label for="order1_1">무작위 출력<small>(랜덤으로 문제를 불러올 때 마다 순서가
달라집니다.)</small></label>
</div>
<div class="checkradio">
<input type="radio" id="order1_2" name="order1">
<label for="order1_2">고정출력</label>
</div>
</div>
</li>
</ul>
</fieldset>
</td>
</tr>
<!-- 단답형-->
<tr>
<th scope="row">정답</th>
<td>
<ul class="tabs-nav-xsm">
<li>
<a href="#none">기본형</a>
</li>
<li>
<a href="#none" class="is-active">확장형</a>
</li>
</ul>
<ul class="a-write-list">
<li class="a-item">
<div class="a-cont">
<div class="tag-add-area">
<input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
</div>
</div>
</li>
<li class="a-item">
<div class="a-info">
<span class="num">㉠</span>
</div>
<div class="a-cont">
<div class="tag-add-area">
<input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
<li class="a-item">
<div class="a-info">
<span class="num">㉡</span>
</div>
<div class="a-cont">
<div class="tag-add-area">
<input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
</div>
</div>
<div class="a-fnc">
<button class="btn sm circle danger ico-delete">삭제</button>
</div>
</li>
</ul>
<div class="btn-add-cont">
<button type="button" class="btn">
<i class="ico-plus"></i>
<span>답가지 추가</span>
</button>
</div>
</td>
</tr>
<tr>
<th scope="row">해설 및 학습 자료 <small class="txt-option">(선택)</small></th>
<td>
<div class="btn-add-cont">
<button type="button" class="btn ico-document">
텍스트추가
</button>
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn ico-headphone">음성파일 추가</button>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</article>
<div class="btn-cont">
<button type="button" class="btn-add">문항 추가</button>
</div>
</section>
<section class="section">
<header class="section-tit-area">
<div class="l-area">
<h3 class="title-lg">기타 정보</h3>
</div>
</header>
<div class="write-type">
<table>
<colgroup>
<col style="width:200px">
<col>
</colgroup>
<tbody>
<tr>
<th scope="row">썸네일</th>
<td>
<div class="file-add-area">
<div class="file-custom">
<div class="preview-area">
<!-- <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="미리보기"> -->
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4</p>
<button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
</div>
<small>권장 사이즈: 480x270px</small>
</div>
</div>
</td>
</tr>
<tr>
<th scope="row">설명</th>
<td>
<textarea placeholder="설명 및 내용을 입력하세요." title="텍스트 입력"></textarea>
</td>
</tr>
<tr>
<th scope="row">키워드</th>
<td>
<div class="tag-add-area">
<input name="basic" placeholder="키워드를 입력해주세요" class="input-tag" title="키워드 입력">
</div>
</td>
</tr>
<tr>
<th scope="row">공개옵션</th>
<td>
<fieldset class="checkradio-area">
<legend>공개옵션 선택</legend>
<div class="checkradio">
<input type="radio" id="public1" name="public" checked="">
<label for="public1">공개</label>
<fieldset class="checkradio-option">
<legend>공개범위 선택</legend>
<label class="chip"><input type="checkbox" checked><span>전체</span></label>
<label class="chip"><input type="checkbox"><span>선생님</span></label>
<label class="chip"><input type="checkbox"><span>학생</span></label>
<label class="chip"><input type="checkbox"><span>학부모</span></label>
<label class="chip"><input type="checkbox"><span>교직원</span></label>
</fieldset>
</div>
<div class="checkradio">
<input type="radio" id="public2" name="public">
<label for="public2">비공개</label>
</div>
</fieldset>
</td>
</tr>
<tr>
<th scope="row">출처</th>
<td>
<select title="출처 선택">
<option>공통코드관리 출처</option>
</select>
</td>
</tr>
<tr>
<th scope="row">댓글허용여부</th>
<td>
<fieldset class="checkradio-area">
<legend>댓글허용여부 선택</legend>
<div class="checkradio">
<input type="radio" id="comment1" name="comment" checked="">
<label for="comment1">허용</label>
</div>
<div class="checkradio">
<input type="radio" id="comment2" name="comment">
<label for="comment2">비허용</label>
</div>
</fieldset>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<div class="btn-cont">
<a href="#none" class="btn lg">취소</a>
<a href="#none" class="btn lg secondary">임시저장</a>
<a href="#none" class="btn lg secondary">저장 후 미리보기</a>
<a href="#none" class="btn lg primary">저장</a>
</div>
</div>
</div>
</div>
<!-- toast -->
<div class="toast"></div>
<!--popup-->
<div class="dim"></div>
<script>
$(document).ready(function () {
//키워드
var input = document.querySelector('input[name=basic]');
new Tagify(input);
});
</script>
</body>
</html>