@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);	


*{margin:0;padding:0;vertical-align:top;border:0;-webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
html,body{width:100%;height:100%;height: 100%;}
body {font-family:'Noto Sans KR',AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕",Helvetica,'Apple SD Gothic Neo','굴림','arial', sans-serif ; font-size:13px}
html{}
html.modal{overflow:hidden;}
img{border:none;vertical-align:top;}
fieldset{border:none;}
ul,li{list-style:none;}
input,select,button,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,caption,cite,code,
dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
i,em,address{font-style:normal;}
 input[type=button]{cursor:pointer}

.hidden{display:none;}
.floatClear:after{content:'';display:block;clear:both;}
.blind{display:block;text-indent:-2000px;overflow:hidden;}

/*ios대응*/
input{appearance: none;-webkit-appearance: none;-webkit-border-radius: 0;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;}

/*anchor*/
a {color:#444;text-decoration:none;}
a:hover, a:focus {color:#1a8ff2;text-decoration:none;}

/* loading */
.loadingWrap{display:table;height:100%;width:100%;
background: #FFBB00; /* Old browsers */
background: -moz-linear-gradient(top, #FFBB00 0%, #F59300 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFBB00 0%,#F59300 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFBB00 0%,#F59300 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBB00 ', endColorstr='#F59300',GradientType=0 ); /* IE6-9 */}
.loadingimg{display:table-cell;height:100%;vertical-align:middle; }
.loadingimg>img{width:100%}

/* header */
header{position:relative;width:100%;height:55px;background:#fff}
header h1{position:absolute;top:3px;left:10px}
header h1 img{width:55px;height:auto}
header .Listbtn{position:absolute;top:12px;right:11px;width:25px;height:25px;color:#000;font-size:30px;cursor:pointer}
header .myinfoWrap{width:100%;padding:10px 60px 20px 90px;overflow:hidden;-webkit-transition-duration: 0.2s; transition-duration: 0.2s}
		header .myinfoWrap .NameRating{float:left;width:63%;padding-top:9px;text-align:center}
		header .myinfoWrap .NameRating .Name{font-size:1.25em;font-weight:600;padding-left:4px;letter-spacing:4px}
		header .myinfoWrap .NameRating .Rating{display:inline-block;text-align:center;color:#fff;font-size:.8em;text-shadow:1px 1px 0 #444;font-weight:500;border-radius:15px;padding:1px 8px;margin-top:3px}
		header .myinfoWrap .NameRating .Sliver{background:#a8a8a8}
		header .myinfoWrap .NameRating .gold{background:#ff9600}
		header .myinfoWrap .NameRating .Super{background:#e50000}
		header .myinfoWrap .NameRating .World{background:#059f1e}
		header .myinfoWrap .StarScore{float:right;width:37%;text-align:right;padding-top:1px}
		header .myinfoWrap .StarScore .Star{color:#ff9600;font-size:1.2em;line-height:1.3em}
		header .myinfoWrap .StarScore .Score{font-size:1.05em;font-weight:600;line-height:.8em}
.headerTitleWrap{position:relative;background:#F59300;height:45px}
.headerTitleWrap.wrongAnser{position:fixed;width:100%;height:45px;z-index:5}
.headerTitleWrap h1{text-align:center;color:#000;font-size:1.55em;line-height:1em;padding-top:13px;font-weight:600}
       .headerTitleWrap h1.fontsize02{font-size:1.5em}
       .headerTitleWrap h1 .crown{display:inline-block;width:50px;height:35px;background:url('/img/icon/crown.png') no-repeat; background-size: auto 35px;margin-top:-9px}
	   .headerTitleWrap h1 .kp{display:inline-block;width:40px;height:35px;background:url('/img/icon/kp.png') no-repeat; background-size: auto 35px;margin-top:-6px}
	   .headerTitleWrap h1 .tesl{display:inline-block;width:40px;height:35px;background:url('/img/icon/tesl.png') no-repeat; background-size: auto 35px;margin-top:-6px}
	   .headerTitleWrap h1 .smallfont{font-size:.8em;color:#deeeff}
	   .headerTitleWrap h1 .goldstar01{font-weight:500;text-shadow:none}
	   .headerTitleWrap h1 .goldstar01 i{font-size:.9em;color:#ffd600;margin-top:2px}
.headerArrowL{position:absolute;top:1px;left:10px;width:25px;height:40px;}
.headerArrowL>a{color:#000;font-size:40px !important;font-weight:lighter}
.headerArrowR{position:absolute;top:1px;right:10px;width:25px;height:40px;text-align:right;}
.headerArrowR>a{color:#000;font-size:40px !important;}
.headerArrowL02{position:absolute;top:12px;left:10px;color:#000}
.headerArrowR02{position:absolute;top:12px;right:10px;color:#000}
.headerArrowR02>span{color:#fc0}
.headerArrowL03{position:absolute;top:5px;left:10px;color:#000;line-height:1.5em}
.headerArrowL04{position:absolute;top:0px;left:8px}
.headerArrowL04 img{width:45px}
.headerArrowL05{position:absolute;top:7px;left:10px;color:#000;line-height:1.3em;border-right:1px solid #000;padding-right:6px}
.headerArrowL06{position:absolute;top:2px;left:10px;color:#000;}
.headerTimerR{position:absolute;top:8px;right:5px;width:45px;height:40px;text-align:center;}
/* .headerTimerR>p{color:#fff;font-size:10px !important;} */
.headerTimerR>p{color:#000;font-size:10px !important;}
.headerTitleWrap h1.style02{font-size:1.35em;padding-left:65px}
.headerTitleWrap h1.style02 .smallfont01{font-size:.85em}
.headerTitleWrap .friendbtn{padding:4px 10px 0 0;text-align:right}
.headerTitleWrap .friendbtn img{width:auto;height:38px}

   @media all and (max-width:400px){
     header .myinfoWrap{padding:10px 45px 20px 75px;}
   }

/*광고*/
.AdWrap{width:100%;height:150px;background:#000;position:fixed;bottom:0;left:0;color:#fff;text-align:center;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
/*.AdWrap{width:100%;height:90px;background:;position:fixed;bottom:0;left:0;color:#fff;text-align:center;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}*/
.AdWrap .ADstar{position:absolute;bottom:0;right:0; width:100%;}
.AdWrap img{height:150px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s; padding:0 0 5px 0; }



.scrolloverflow{height:85px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}

 @media all and (min-width:1024px){
 .AdWrap{width:100%;height:50px;}
 .AdWrap img{height:50px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
 }
@media all and (min-width:768px) and (max-width:1023px) { 
 .AdWrap{width:100%;height:90px;}
 .AdWrap img{height:90px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
} 

@media all and (min-width:721px) and (max-width:767px) { 
 .AdWrap{width:100%;height:75px;}
 .AdWrap img{height:75px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
} 

 @media all and (max-width:720px){
 .AdWrap{width:100%;height:50px;}
 .AdWrap img{height:50px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
 }
 @media all and (max-width:400px){
 .AdWrap{width:100%;height:50px;}
 .AdWrap img{height:50px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
 }


/* layout*/
.wrapper{display:table;width:100%;height:100%;min-width:320px;}

/*판넬나오기*/
.sidenav {height: 100%; width: 0;position: fixed; z-index: 2;top: 0;right: 0;background-color:rgba(0,0,0,.7); overflow-x: hidden; transition: 0.4s; padding-top: 60px;}
.sidenav .closebtn {position: absolute; top:17px;right: 11px;display:block;width:20px;height:20px; font-size: 0;background:url('/img/btn/close.png') no-repeat center;background-size:18px auto}
.pannelDiv{position: absolute;right:0;top:0;width:80%;height:100%;background:#fff;-webkit-transition-duration: 0.2s; transition-duration: 0.2s}
.pannelDiv .header {overflow:hidden;background:#F59300;height:50px;width:100%;}
.pannelDiv .header .NameRating{float:left;padding:16px 0 0 13px}
.pannelDiv .header .NameRating .Name{font-size:1.2em;font-weight:600;color:#fff;padding-left:6px;letter-spacing: 5px}
.pannelDiv .header .NameRating .Rating{display:inline-block;text-align:center;color:#fff;font-size:.8em;text-shadow:1px 1px 0 #444;font-weight:500;border-radius:15px;padding:2px 8px;line-height: 1.6em}
.pannelDiv .header .NameRating .Star{color:#ff9600;font-size:1.2em}
		.pannelDiv .header .NameRating .Sliver{background:#a8a8a8}
		.pannelDiv .header .NameRating .gold{background:#ff9600}
		.pannelDiv .header .NameRating .super{background:#e50000}
		.pannelDiv .header .NameRating .World{background:#059f1e}
.pannelDiv .header  .mypgae{float:right;padding:11px 44px 0 0;}
.pannelDiv .header  .mypgae>input{background:#EDA900 url('/img/icon/mypage.png') no-repeat 5px 3px;border:1px solid rgba(255,255,255,0.5);color:#fff;padding: 5px 6px 5px 25px;font-size:.9em;background-size:15px auto}

.pannelDiv .side1menu{}
.pannelDiv .side1menu>ul{padding:5px 10px}
.pannelDiv .side1menu>ul>li{padding:3px}
.pannelDiv .side1menu>ul>li>div{position:relative;}
.pannelDiv .side1menu>ul>li>div>a:before{content:'';display:block;position:absolute;top:15px;right:14px;width:32px;height:32px;background:url('/img/icon/index_arrow.png') no-repeat -94px 0}
.pannelDiv .side1menu>ul>li>div>a{display:block;background:#f1f1f1;border:1px solid #d5d5d5;padding:15px 10px 15px 90px}
.pannelDiv .side1menu>ul>li>div>a:hover{border:1px solid #0036e5}
    .pannelDiv .side1menu>ul>li.child>div>a{background:#fafafa url('/img/visual/student_child.png') no-repeat 10px bottom;background-size:63px auto}
	.pannelDiv .side1menu>ul>li.elementary>div>a{background:#fafafa url('/img/visual/student_elementary.png') no-repeat 10px bottom;background-size:63px auto}
	.pannelDiv .side1menu>ul>li.middle>div>a{background:#fafafa url('/img/visual/student_middle.png') no-repeat 10px  bottom;background-size:63px auto}
	.pannelDiv .side1menu>ul>li.high>div>a{background:#fafafa url('/img/visual/student_high.png') no-repeat 10px bottom;background-size:63px auto}
.pannelDiv .side1menu>ul>li>div>a>h3{font-size:1.1em;font-weight:600;color:#000;line-height:1.9em;border-left:1px solid #ccc;padding-left:15px}
.pannelDiv .side1menu>ul>li>div>a>h3>span{font-size:1.3em;}

.pannelDiv .side2menu{padding-bottom:5px}
.pannelDiv .side2menu>article{background:#f5f5f5;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:8px 15px}
.pannelDiv .side2menu>article>h3{border-left:6px solid #2b72bf;color:#2b72bf;font-weight:600;font-size:1.2em;padding-left:5px}
.pannelDiv .side2menu>ul{}
.pannelDiv .side2menu>ul:after{content:'';display:block;clear:both}
.pannelDiv .side2menu>ul>li{float:left;width:50%;height:50px;border-bottom:1px solid #bfbfbf}
.pannelDiv .side2menu>ul>li:nth-child(odd){border-right:1px solid #bfbfbf}
.pannelDiv .side2menu>ul>li>a{display:block;padding:5px 10px 5px 12px;font-size:1.1em;font-weight:600;line-height: 2.7em;letter-spacing:-1px}
.pannelDiv .side2menu>ul>li>a:hover{background:#f3f6fd}
.pannelDiv .side2menu>ul>li>a>img{width:40px;padding-right:5px}

.pannelDiv  .cscenter{}
.pannelDiv  .cscenter>dl{background:url('/img/icon/nav_tel.png') no-repeat 10px 3px;background-size:49px;padding:8px 5px 10px 68px}
.pannelDiv  .cscenter>dl>dt{font-weight:600;font-size:1.4em;color:#000;letter-spacing:-1px}
.pannelDiv  .cscenter>dl>dd{font-size:.8em}

@media all and (max-width:400px){
.pannelDiv{width:95%;}
.pannelDiv .header .NameRating{padding:13px 0 0 5px}
.pannelDiv .header  .mypgae{padding:11px 45px 0 0;}
}

/* 공통메인 */
.indexSection{}
.indexSection>p{text-align:center;padding:5px 0}
.indexSection>p>img{height:145px;}
.indexSection>ul{}
.indexSection>ul:after{content:'';display:block;clear:both;}
.indexSection>ul>li{float:left;width:50%}
.indexSection>ul>li>div{position:relative;padding:5px 5px 4px 10px;}
     .indexSection>ul>li.child>div:before{content:'';display:block;position:absolute;top:66px;right:10px;width:32px;height:32px;background:url('/img/icon/index_arrow.png') no-repeat;}
	 .indexSection>ul>li.elementary>div:before{content:'';display:block;position:absolute;top:66px;right:15px;width:32px;height:32px;background:url('/img/icon/index_arrow.png') no-repeat -32px 0}
	 .indexSection>ul>li.middle>div:before{content:'';display:block;position:absolute;top:66px;right:10px;width:32px;height:32px;background:url('/img/icon/index_arrow.png') no-repeat -63px 0}
	 .indexSection>ul>li.high>div:before{content:'';display:block;position:absolute;top:66px;right:15px;width:32px;height:32px;background:url('/img/icon/index_arrow.png') no-repeat -94px 0}

.indexSection>ul>li:nth-child(even)>div{padding:4px 10px 8px 5px}
.indexSection>ul>li>div>a{display:block;height:150px;border:1px solid #d3d3d3;border-bottom:0;border-radius:10px;background:#fafafa;box-shadow:1px 4px 6px rgba(0,0,0, .3);-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.indexSection>ul>li>div>a:hover{box-shadow:1px 4px 6px rgba(0,0,0, .0);border:1px solid #9c9c9c;position:relative;top:3px;}
    .indexSection>ul>li.child>div>a{background:#fafafa url('/img/visual/student_child.png') no-repeat center bottom;background-size:130px auto}
	.indexSection>ul>li.elementary>div>a{background:#fafafa url('/img/visual/student_elementary.png') no-repeat center bottom;background-size:130px auto}
	.indexSection>ul>li.middle>div>a{background:#fafafa url('/img/visual/student_middle.png') no-repeat center bottom;background-size:130px auto}
	.indexSection>ul>li.high>div>a{background:#fafafa url('/img/visual/student_high.png') no-repeat center bottom;background-size:130px auto}
	.indexSection>ul>li>div>a>h3{text-align:center;font-size:1.25em;font-weight:600;color:#000;padding-top:10px;line-height:30px}
	.indexSection>ul>li>div>a>h3>span{font-size:1.5em;font-weight:600;}
   .indexSection>ul>li.child>div>a>h3>span{color:#ff4da1}
   .indexSection>ul>li.elementary>div>a>h3>span{color:#ff8400}
   .indexSection>ul>li.middle>div>a>h3>span{color:#3a9612}
   .indexSection>ul>li.high>div>a>h3>span{color:#1e4fb2}   
   .indexSection>ul>li>div>a>h3>span.black{color:#000000;font-size:1.4em;font-weight:600;}

/* 버튼 */
.teslBtn01{overflow:hidden;width:100%}
.teslBtn01>li{float:left;width:50%}
.teslBtn01>li:nth-child(1){padding:5px 5px 5px 0}
.teslBtn01>li:nth-child(2){padding:5px 0 5px 0}
.teslBtn01>li>input{width:100%;height:45px;color:#fff;padding:12px 0;font-size:1.15em;font-weight:600}
.teslBtn01>li:nth-child(1)>input{background:#868686;}
/*.teslBtn01>li:nth-child(2)>input{background:#2b72bf;}*/
.teslBtn01>li:nth-child(2)>input{background:#9C7113;}
.teslBtn01_1{overflow:hidden;width:100%}
.teslBtn01_1>li{float:left;width:50%}
.teslBtn01_1>li:nth-child(1){padding:5px 5px 5px 0}
.teslBtn01_1>li:nth-child(2){padding:5px 0 5px 0}
.teslBtn01_1>li>input{width:100%;height:45px;color:#fff;padding:12px 0;font-size:1.15em;font-weight:600}
.teslBtn01_1>li:nth-child(1)>input{background:#868686;}
.teslBtn01_1>li:nth-child(2)>input{background:#FFBB00;}
.teslBtn01_2{overflow:hidden;width:100%}
.teslBtn01_2>li{float:left;width:33%}
.teslBtn01_2>li:nth-child(1){padding:5px 5px 5px 0}
.teslBtn01_2>li:nth-child(2){padding:5px 5px 5px 0}
.teslBtn01_2>li:nth-child(3){padding:5px 0 5px 0}
.teslBtn01_2>li>input{width:100%;height:45px;color:#fff;padding:12px 0;font-size:1.15em;font-weight:600}
.teslBtn01_2>li:nth-child(1)>input{background:#2b72bf;}
.teslBtn01_2>li:nth-child(2)>input{background:#868686;}
.teslBtn01_2>li:nth-child(3)>input{background:#2b72bf;}
.teslBtn02 input{width:100%;background:#2b72bf url('/img/btn_arrow.png') no-repeat right 10px;color:#fff;padding:10px 0;font-size:1.25em;font-weight:600}
.teslBtn03 a{display:block;width:100%;background:#2b72bf url('/img/btn_arrow.png') no-repeat right 10px;color:#fff;padding:10px 0;font-size:1.25em;font-weight:500;text-align:center}
.teslBtn03 a span{display:inline-block;font-size:0.8em;font-weight:400;margin-top:2px;color:yellow}
.teslBtn04 input{width:100%;background:#F59300;color:#fff;padding:10px 0;font-size:1.25em;font-weight:600}
.btn_style01{background:#ff9600;color:#fff;padding:4px 10px;border-radius:4px;letter-spacing:-1px}
.prenextBtn{width:100%;height:48px;position:fixed;bottom:0;left:0;margin-bottom:90px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.prenextBtn ul{overflow:hidden;padding:0 7px}
.prenextBtn ul li.prevB{float:left}
.prenextBtn ul li.nextB{float:right}
.prenextBtn ul li .vipmember{background:#ffca00;color:#000;padding:4px 20px;border-radius:5px;font-weight:600;font-size:1.2em;border:1px solid #e49e09;height:40px;}
.prenextBtn ul li .returnBtn{display: inline-block;background:#2b72bf;color:#fff;padding:0px 20px;border-radius:5px;height:40px;
background: -moz-linear-gradient(top, #4d9df2 0%, #1d4bd3 100%);
background: -webkit-linear-gradient(top, #4d9df2 0%,#1d4bd3 100%);
background: linear-gradient(to bottom, #4d9df2 0%,#1d4bd3 100%);}
.prenextBtn ul li a{font-size:1.3em;line-height:2.2em;background:rgba(255,255,255,0.5)}
.prenextBtn ul li a > span{display:inline-block;border:1px solid #ccc;font-size:2.0em;padding:3px 15px;background:rgba(255,255,255, 0.5)}
.prenextBtn.ADRemove{margin-bottom:0}


 @media all and (max-width:720px){
   .prenextBtn{margin-bottom:5px}
   }
   @media all and (max-width:400px){
    /*.prenextBtn{margin-bottom:28px}*/
    .prenextBtn{margin-bottom:50px}
   }
/*하단 광고없는 버튼*/   
.prenextBtn02{width:100%;height:48px;position:fixed;bottom:0;left:0;margin-bottom:5px;-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.prenextBtn02 ul{overflow:hidden;padding:0 7px}
.prenextBtn02 ul li.prevB{float:left}
.prenextBtn02 ul li.nextB{float:right}
.prenextBtn02 ul li .vipmember{background:#ffca00;color:#000;padding:4px 20px;border-radius:5px;font-weight:600;font-size:1.2em;border:1px solid #e49e09;height:40px;}
.prenextBtn02 ul li .returnBtn{display: inline-block;background:#2b72bf;color:#fff;padding:0px 20px;border-radius:5px;height:40px;
background: -moz-linear-gradient(top, #4d9df2 0%, #1d4bd3 100%);
background: -webkit-linear-gradient(top, #4d9df2 0%,#1d4bd3 100%);
background: linear-gradient(to bottom, #4d9df2 0%,#1d4bd3 100%);}
.prenextBtn02 ul li a{font-size:1.3em;line-height:2.2em;background:rgba(255,255,255,0.5)}
.prenextBtn02 ul li a > span{display:inline-block;border:1px solid #ccc;font-size:2.0em;padding:3px 15px;background:rgba(255,255,255, 0.5)}
.prenextBtn02.ADRemove{margin-bottom:0}


 @media all and (max-width:720px){
   .prenextBtn02{margin-bottom:5px}
   }
   @media all and (max-width:400px){
    .prenextBtn02{margin-bottom:5px}
   }   

   /* 체크 */
   .checkStyle01{overflow:hidden}
   .checkStyle01 li{float:left;padding:2px 0}
	.checkStyle01	input[type=checkbox]{width:21px; height:21px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
												   background:url('/img/btn_check01.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer; }
	.checkStyle01 input[type=checkbox]:checked	{ background:url('/img/btn_check01.png') no-repeat 0 -26px;}
	.checkStyle01 input[type=checkbox]:disabled	{ background:red; }
	.checkStyle01 input[type=checkbox] + label {display:inline-block; color:#000; margin:0 10px 0 0px; cursor:pointer; line-height:23px;}
   .checkStyle01 input[type=checkbox] + label span{font-size:.86em}

   .checkStyle01	input[type=radio]{width:21px; height:21px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
												   background:url('/img/btn_radio02.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer; background-size:21px auto }
	.checkStyle01 input[type=radio]:checked	{ background:url('/img/btn_radio02.png') no-repeat 0 -24px;background-size:21px auto }
	.checkStyle01 input[type=radio]:disabled	{ background:red; }
	.checkStyle01 input[type=radio] + label {display:inline-block; color:#000; margin:0 10px 0 0px; cursor:pointer; line-height:23px;}
   .checkStyle01 input[type=radio] + label span{font-size:.86em}


	.RadioStyle01{overflow:hidden}
	.RadioStyle01 li{padding:10px 0;display:table;width:100%;vertical-align: middle}
.leftinput{display:table-cell;width:23px;vertical-align: middle;cursor:pointer; }
	.RadioStyle01	.answer_choice1 input[type=radio]{display:inline-block;width:23px; height:23px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
	                     background:url('/img/btn_radio01_1.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;vertical-align:middle }
	.RadioStyle01 .answer_choice2 input[type=radio]{display:inline-block;width:23px; height:23px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
	                     background:url('/img/btn_radio01_2.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;vertical-align:middle }
	.RadioStyle01	.answer_choice3 input[type=radio]{display:inline-block;width:23px; height:23px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
	                     background:url('/img/btn_radio01_3.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;vertical-align:middle }
	.RadioStyle01 .answer_choice4 input[type=radio]{display:inline-block;width:23px; height:23px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
	                     background:url('/img/btn_radio01_4.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;vertical-align:middle }
	.RadioStyle01 .answer_choice5 input[type=radio]{display:inline-block;width:23px; height:23px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
	                     background:url('/img/btn_radio01_5.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;vertical-align:middle }		                     	                                          
	.RadioStyle01 .answer_choice1 input[type=radio]:checked	{ background:url('/img/btn_radio01on.png') no-repeat 0 0px;}
	.RadioStyle01 .answer_choice2 input[type=radio]:checked	{ background:url('/img/btn_radio01on.png') no-repeat 0 0px;}
	.RadioStyle01 .answer_choice3 input[type=radio]:checked	{ background:url('/img/btn_radio01on.png') no-repeat 0 0px;}
	.RadioStyle01 .answer_choice4 input[type=radio]:checked	{ background:url('/img/btn_radio01on.png') no-repeat 0 0px;}
	.RadioStyle01 .answer_choice5 input[type=radio]:checked	{ background:url('/img/btn_radio01on.png') no-repeat 0 0px;}
	.RadioStyle01 input[type=radio]:disabled	{ background:red; }
	.RadioStyle01 input[type=radio] + label { color:#000; padding-left:5px;margin:0 10px 0 5px; cursor:pointer; line-height:1.1em;font-size:1.3em;font-weight:500;vertical-align:middle}
	.RadioStyle01 input[type=radio] + label span{font-size:.86em}

	.RadioStyle02{overflow:hidden}
	.RadioStyle02 li{float:left;padding:2px 0}
	.RadioStyle02	input[type=radio]{width:21px; height:21px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
												   background:url('/img/btn_radio02.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;background-size:21px auto }
	.RadioStyle02 input[type=radio]:checked	{ background:url('/img/btn_radio02.png') no-repeat 0 -24px;background-size:21px auto }
	.RadioStyle02 input[type=radio]:disabled	{ background:red; }
	.RadioStyle02 input[type=radio] + label {display:inline-block; color:#000; margin:0 10px 0 0px; cursor:pointer; line-height:23px;}
	.RadioStyle02 input[type=radio] + label span{font-size:.86em}

.RadioStyle03{overflow:hidden}
	.RadioStyle03 li{float:left;padding:2px 0}
	.RadioStyle03	input[type=radio]{width:23px; height:23px; border:none; box-shadow: none; vertical-align:middle; margin-top:-1px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; 
												   background:url('/img/btn_radio01.png') no-repeat 0 0; box-sizing:border-box; outline:none;cursor:pointer;vertical-align:middle  }
	.RadioStyle03 input[type=radio]:checked	{ background:url('/img/btn_radio01on.png') no-repeat 0 0}
	.RadioStyle03 input[type=radio]:disabled	{ background:red; }
	.RadioStyle03 input[type=radio] + label { color:#000; padding-left:0px;margin:0 20px 0 0; cursor:pointer; line-height:1.1em;font-size:1.3em;font-weight:500;vertical-align:middle}
	.RadioStyle03 input[type=radio] + label span{font-size:.86em}

.RadioSelect{margin:7px 0 0 10px}
.RadioSelect div{display:inline-block;padding:2px 0;margin-right:-6px}
.RadioSelect div label{border:1px solid #709ac7;background:#f6f6f6;padding:5px 12px;cursor:pointer;font-size:1em }
.RadioSelect div:first-child label{border-radius:4px 0 0 4px}
.RadioSelect div:last-child label{border-radius:0 4px 4px 0}
.RadioSelect div input{display:none}
.RadioSelect div input:checked + label {background:#2b72bf;color:#fff ;border:1px solid #2b72bf;font-weight:bold;}

/**/
.fontRed{color:#d00f0f}
.fontBlue{color:#1867bd}
.fontGreen{color:#4bb94a}
.fontOrange{color:#ff8400}
.font600{font-weight:600}

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none))
{ 
 .fontOrange {color:#ff8400}
 }

/**/
.margin10{margin:10px}
.margintb10{margin:10px 0}


/* 테이블 스타일 */
.teslTb01{border:1px solid #595959}
.teslTb01 table{width:100%;border-collapse: collapse;border-spacing: 0}
.teslTb01 table th{border-bottom:1px solid #bebebe;border-left:1px solid #b9c9da;background:#FFE9A3;vertical-align:middle;color:#073e79;font-size:1.1em;line-height:1.15em;letter-spacing:-1px;padding:.7em 0}
.teslTb01 table td{border-bottom:1px solid #d0d0d0;border-left:1px solid #e0e0e0;vertical-align:middle;padding:5px;font-size:13px;text-align:center;}
.teslTb01 table tr th:first-child, .teslTb01 table tr td:first-child{border-left:0}
.teslTb01 table tr:last-child th, .teslTb01 table tr:last-child td{border-bottom:0}
.teslTb01 table td.depth2{background:#f5f5f5;text-align:center}
.teslTb01 table tr.centertxt td, .teslTb01 table td.centertxt {text-align:center}
.teslTb01 table tr.lefttxt td, .teslTb01 table td.lefttxt {text-align:left;padding-left:8px}

.teslTb01_1{border:1px solid #595959; width:80%; margin:0 10% 0 10%;}
.teslTb01_1 table{width:100%;border-collapse: collapse;border-spacing: 0}
.teslTb01_1 table th{border-bottom:1px solid #bebebe;border-left:1px solid #b9c9da;background:#FFE9A3;vertical-align:middle;color:#073e79;font-size:12;line-height:1.15em;letter-spacing:-1px;padding:.7em 0}
.teslTb01_1 table th.th_center{border-bottom:1px solid #bebebe;border-left:1px solid #b9c9da;background:#FFE9A3;vertical-align:middle;color:#073e79;font-size:1.3em;font-weight:bold;line-height:1.15em;letter-spacing:-1px;padding:.6em 0}
.teslTb01_1 table td{border-bottom:1px solid #d0d0d0;border-left:1px solid #e0e0e0;vertical-align:middle;padding:5px;font-size:14px;text-align:center;}
.teslTb01_1 table tr th:first-child, .teslTb01_1 table tr td:first-child{border-left:0}
.teslTb01_1 table tr:last-child th, .teslTb01_1 table tr:last-child td{border-bottom:0}
.teslTb01_1 table td.depth2{background:#f5f5f5;text-align:center}
.teslTb01_1 table tr.centertxt td, .teslTb01_1 table td.centertxt {text-align:center}
.teslTb01_1 table tr.lefttxt td, .teslTb01_1 table td.lefttxt {text-align:left;padding-left:8px}

.teslTb02{}
.teslTb02 table{width:100%;border-collapse: collapse;border-spacing: 0}
.teslTb02 table th{border-left:1px solid #cae4ff;background:#5793d0;vertical-align:middle;color:#fff;font-size:1em;line-height:1.15em;letter-spacing:-1px;padding:.7em 0}
.teslTb02 table td{border-bottom:1px solid #d0d0d0;border-left:1px solid #e0e0e0;vertical-align:middle;padding:5px}
.teslTb02 table tr th:first-child, .teslTb02 table tr td:first-child{border-left:0}
.teslTb02 table tr.centertxt td, .teslTb02 table td.centertxt {text-align:center}
.teslTb02 .attention01{text-align:right;padding:3px 0 5px 0}

.teslTb03{}
.teslTb03 table{width:100%;border-collapse: collapse;border-spacing: 0}
.teslTb03 table th{border-bottom:1px solid #bebebe;border-left:1px solid #b9c9da;background:#FFE9A3;vertical-align:middle;color:#073e79;font-size:1.05em;font-weight:500;line-height:1.15em;letter-spacing:-1px;padding:.7em 0}
.teslTb03 table td{border-bottom:1px solid #d0d0d0;border-left:1px solid #e0e0e0;vertical-align:middle;padding:5px}
.teslTb03 table tr th:first-child, .teslTb01 table tr td:first-child{border-left:0}
.teslTb03 table td.depth2{background:#f5f5f5;text-align:center}
.teslTb03 table td .gradeinput{border:1px solid #ccc;padding:5px 3px}
.teslTb03 table tr.centertxt td, .teslTb03 table td.centertxt {text-align:center}
.teslTb03 table tr.lefttxt td, .teslTb01 table td.lefttxt {text-align:left;padding-left:8px}
.gradeSelect{position:relative;display:inline;margin-left:8px}
.gradeSelect select{border:1px solid #ccc;padding:5px 20px 5px 5px;background:#fff;font-size:.9em}
.gradeSelect:before{position:absolute;top:7px;right:1px;content:'▼';display:block;width:15px;height:15px;font-size:.8em;color:#444}

.teslTb01 table td .grade, .teslTb03 table td .grade{background:#e55c62;color:#fff;padding:2px 8px;border-radius:10px;float:right}

/* 공통 attention */
.attention01{}
.attention01 li{background:url('/img/dot01.png') no-repeat 12px 9px;padding:1px 5px 1px 19px}