/* Reset CSS */
* {margin:0; padding:0; border:0; outline:0; vertical-align:middle;}
ul li {list-style:none;}
a {text-decoration:none; color:inherit; vertical-align:middle;}
img {border:0; margin:0; padding:0; vertical-align:top;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-collapse:collapse; border-spacing:0; padding:0px; margin:0; width:100%;}
td {padding:0px; text-align:center;}
select {background:#fff; }
html{width:100%; height:100%; background:#fff;}
body{width:100%; height:100%; font-family:'NanumGothic'; font-size:14px; color:#555; line-height:160%;}
span {display:inline-block; vertical-align:top;}

/* ----------- layout:s -------------*/
#wrap_sub {width:100%; height:100%;}
#content {width:100%; height:100%;}
#contents_layer h1 {font-size:20px; font-weight:bold; margin:15px 0px 10px 10px;}
#contents_layer h2 {font-size:17px; font-weight:bold;}
#contents_layer > div {width:100%;}
/* ---------- layout:e -------------*/

/* ---------- common:s -------------*/
.font_b01 {font-size:1.1em; color:#444;}

.font_b02 {font-size:1.2em; font-weight:bold;}

.font_b03 {font-size:1.4em; font-weight:bold;}

.b01 {font-weight:bold;}

.s01 {font-size:0.84em; color:#707070;}

.c01 {color:#587a27;}

.c02 {color:#ff4200;}

.c03 {color:#0c879d;}

.c04 {color:#ff5400;}

.u01 {text-decoration:underline;}

.ok01 {background:#0c879d; color:#fff; text-align:center;}
.ok01:hover {background:#027f95;}

.ok02 {background:#ee1505; color:#fff; text-align:center;}
.ok02:hover {background:#e21000;}

.cancel01 {background:#666;  color:#fff; text-align:center;}
.cancel01:hover {background:#555;}

.btn01 {display:block; width:90%; text-align:center; margin:10px auto;}
.btn01 a {display:inline-block; width:49%; margin:0px auto; padding:8px 0px ; font-weight:bold; border-radius:3px;}

.indent01 {display:inline-block; padding-left:1.2em; text-indent:-1.2em; text-align:left;}

.indent02 {display:inline-block; padding-left:1em; text-indent:-1em; text-align:left;}

/*------   top:s   -------*/
#top_menu01 {width:100%; height: 44px;}
#top_menu01 div:nth-child(1) {display:block; margin-top:10px;}
#top_menu01 div:nth-child(1) span {font-size:16px; font-weight:bold;}
#top_menu01 div:nth-child(2) {float:right; display:block; margin-top:-23px;}
#top_menu01 div:nth-child(2) span {font-size:16px; font-weight:bold;}
#top_menu01 div img {width:1.5em;}
/*------   top:e   -------*/

/*------   menu:s   -------*/
#toolbar {  background: #559100;  position: fixed;  top: 44px;  right: 0;  left: 0;  width: auto;  height: 44px; margin:0px; padding:0px;}
#toolbar h1 {display:inline-block; color: #fff;  font-size:20px; font-weight:bold;  text-align: center; position: absolute;  top: -9px;  right: 44px;  left: 44px;  width: auto;}
#toolbar h1 img {width:1.6em; margin-top:-5px;}
#open-left { display:inline-block; background: url('/M/tesol/images/img04.png') center center no-repeat;  display: block;  width: 22px;  height: 22px; position: absolute; top: 12px; left:10px;}
#open-right {display:inline-block;  background: url('/M/tesol/images/img05.png') center center no-repeat;  display: block;  width: 22px;  height: 22px; position: absolute; top: 12px;  right:10px;}

#left_menu01 > span {width:100%; text-align:center;}
#left_menu01 > span img {width:10em;}
#left_menu01 .nav01 table {width:92%; margin:10px auto;}
#left_menu01 .nav01 td {border:1px solid #666; text-align:left; padding:7px 0px 7px 1%;}
#left_menu01 .nav01 i img {width:1.5em; margin-top:3px;}

.right_login01 {width:100%;}
.right_login01 > table {width:94%; margin:10px auto;}
.right_login01 tr td:nth-child(1) {width:30%; padding-bottom:3px;}
.right_login01 tr td:nth-child(2) {width:70%; padding-bottom:3px;}
.right_login01 .freeConsult01 {width:100%;}
.right_login01 .freeConsult01 table {width:94%; margin:0px auto;}
.right_login01 .freeConsult01 tr td:nth-child(1) {width:30%; padding-bottom:3px;}
.right_login01 .freeConsult01 tr td:nth-child(2) {width:70%; text-align:left; padding-bottom:3px;}
.right_login01 .freeConsult01 input[type=checkbox], .right_login01 .freeConsult01 .input01, .right_login01 .freeConsult01 .input02, .right_login01 .freeConsult01 textarea {border:1px solid #ddd; padding:2px;}
.right_login01 .freeConsult01 td > img {width:90%;}
.right_login01 .freeConsult01 a img {width:94%;}
/*------   menu:e   -------*/

/* ---------- index:s -------------*/


.m_menu01 table {width:98%; margin:5px auto;}
.m_menu01 td {width:33%; border:1px solid #d0d0d0; padding:5px 0px;}
.m_menu01 td i {display:inline-block; margin-top:0px;}
.m_menu01 i img {width:1.5em;}
.m_menu01 ul {width:98%; margin:5px auto; height:3em; }
.m_menu01 li {width:50%; float:left;}
.m_menu01 ul li:nth-child(1) a {display:inline-block; background:#3195a4; color:#fff; width:99%; border-radius:3px; padding:5px 0px; text-align:center;}
.m_menu01 ul li:nth-child(2) a {display:inline-block; background:#7ba252; color:#fff; width:99%; border-radius:3px; padding:5px 0px; text-align:center; letter-spacing:-.05em;}

.m_passstory01 {background:url('/M/translator/images/passstory_img01.png') 0 0 no-repeat; background-size:100%; height:15em;}
.m_passstory01 a {float:right; margin-top:0.8em; margin-right:.7em;}
.m_passstory01 img {width:6.7em;}


.m_record01 {background:url('/M/translator/images/record_back01.png') 0 0 no-repeat; background-size:100%; height:15em; text-align:center;}
.m_record01 a {display:inline-block; margin-top:11em;}
.m_record01 img {width:22em;}

.m_record02 {background:url('/M/translator/images/record_back02.png') 0 0 no-repeat; background-size:100%; height:15em; text-align:center;}
.m_record02 a {display:inline-block; margin-top:11em;}
.m_record02 img {width:22em;}

.m_basicTesol01 {width:100%; height:12.3em; text-align:center;}
.m_basicTesol01 a {display:inline-block;}
.m_basicTesol01 img {width:100%;}

.m_package01 {background:url('/M/tesol/images/package_back01.png') 0 0 no-repeat; background-size:100%; height:12em; text-align:center;}
.m_package01 a {display:inline-block; margin-top:8.3em;}
.m_package01 img {width:22em;}

.m_free01 {background:url('/M/translator/images/free_back01.png') 0 0 no-repeat; background-size:100%; height:20em; text-align:center;}
.m_free01 > div {padding-top:5em;}
.m_free01 > div img {width:22em;}
.m_free01 > div table {width:92%; margin:0px auto;}
.m_free01 > div tr td:nth-child(1) {width:20%; padding-bottom:3px;}
.m_free01 > div tr td:nth-child(2) {width:80%; text-align:left; padding-bottom:3px;}
.m_free01 input[type=checkbox], .m_free01 .input01, .m_free01 .input02, .m_free01 textarea {border:1px solid #ddd; padding:2px;}


.m_license01 {background:url('/M/translator/images/license_back01.png') 0 0 no-repeat; background-size:100%; height:19.5em;}
.m_license01 a {float:right; margin-top:2.4em; margin-right:.7em;}
.m_license01 img {width:6.7em;}

.m_license02 {margin-bottom:20px;}
.m_license02 img {width:100%;}

.m_certification01 img {width:100%;}

.m_passstory02 {background:url('/M/tesol/images/passstory_img02.png') 0 0 no-repeat; background-size:100%; height:26em;}
.m_passstory02 a {float:right; margin-top:23.1em; margin-right:1em;}
.m_passstory02 img {width:10.5em;}

.m_lecture01 {background:url('/M/tesol/images/lecture01_back01.png') 0 0 no-repeat; background-size:100%; height:18.7em;}
.m_lecture01 ul {width:98%; margin:0px auto; }
.m_lecture01 li {float:left; padding-top:11em;}
.m_lecture01 li img {width:98%;}

.m_lecture02 > img {width:98%; margin-bottom:1em;}
.m_lecture02 ul {width:100%; height:7.5em; margin:0px auto;}
.m_lecture02 li {float:left; width:33.3%; text-align:center;}
.m_lecture02 li img {width:98%;}

.m_process01 thead td {text-align:left;}
.m_process01 td td {border:1px solid #ddd;}

.m_qna01_01 {padding-left:5px; margin-top:1.5em;}
.m_qna01_01 img {width:12.5em;}
.m_qna01 {width:96% !important; margin:2px auto 1em auto; border:1px solid #ddd; border-radius:.3em;}
.m_qna01 h3 {padding-left:5px; margin-top:7px;}
.m_qna01 h3 img {width:5em;}
.m_qna01 span {display:inline-block; float:right; margin-top:-3em; padding-right:5px;}
.m_qna01 span a {background:#666; color:#fff; padding:3px 10px; border-radius:3em;}
.m_qna01 ul {width:96%; margin:3px auto;}
.m_qna01 ul li:nth-child(odd) {background:url('/M/tesol/images/qna_q01.png') 0 0 no-repeat; background-size:1.3em; padding-left:2em; font-weight:600;}
.m_qna01 ul li:nth-child(even) {background:url('/M/tesol/images/qna_a01.png') 0 0 no-repeat;  background-size:1.3em; padding-left:2em; padding-bottom:.5em;}

.m_notice01 > span {display:inline-block; float:right; margin-top:-2.5em; padding-right:5px;}
.m_notice01 > span a {background:#666; color:#fff; padding:3px 10px; border-radius:3em;}

.m_mathod01 img {width:100%;}

.m_companys01 img {width:100%; margin-top:1em; margin-bottom:1em;}
/* ---------- index:e -------------*/

/* ---------- ITT 시험이란?:s -------------*/
#about_itt01 {width:100%;}
#about_itt01 td {border:1px solid #ddd;}
#about_itt01 > table {width:98%; margin:5px auto;}
#about_itt01 > table tr td:nth-child(1) {width:15%; text-align:center;}
#about_itt01 > table tr td:nth-child(1) img {width:90%;}
#about_itt01 > table tr td:nth-child(2) {width:85%; text-align:left;}
#about_itt01 > img {width:98%; margin-left:1%;}
#about_itt01 h2 img {width:1em;}
#about_itt01 ul {width:100%;}
#about_itt01 .table01 {width:98%; margin:5px auto;}

/* ---------- 통번단기:s -------------*/

/* ---------- 강사소개:s -------------*/
#teacher01 {width:100%; height:100%;}
#teacher01 div img {width:100%; margin-bottom:5px;}
#teacher01 div p {width:98%; margin:5px auto;}
#teacher01 > span {width:100%;margin:0px auto 20px auto;}

/* ---------- 커리큘럼:s -------------*/
#curriculum01 {width:100%; height:100%;}
#curriculum01 img {width:90%;}
#curriculum01 table {width:96%; margin:5px auto;}
#curriculum01 td {border:1px solid #ddd;}

/* ---------- 수강안내:s -------------*/
#record01 {width:100%; height:100%;}
#record01 img {width:100%;}

/* ---------- 관리형종합반:s -------------*/
#translator_total01 {width:100%; height:100%;}
#translator_total01 > img, #translator_total01 div img {width:100%;}
#translator_total01 li img {width:1.5em;}
#translator_total01 li div {float:left; margin-top:-1.5em; margin-left:2em;}

/* ---------- 회원혜택:s -------------*/
#mem_plus01 {width:100%; height:100%;}
#mem_plus01 img {width:100%;}
#mem_plus01 table {width:96%; margin:5px auto;}
#mem_plus01 tr td:nth-child(1) {width:15%;text-align:center; border-bottom:1px solid #ddd;}
#mem_plus01 tr td:nth-child(1) img {width:90%;}
#mem_plus01 tr td:nth-child(2) {width:85%; text-align:left; border-bottom:1px solid #ddd;}

/* ---------- 자격증활용:s -------------*/
#license01 {width:100%; height:100%;}
#license01 img {width:100%;}
#license01 table {width:96%; margin:5px auto;}
#license01 td, #license01 th {border:1px solid #ddd;}
#license01 tr {width:20%; text-align:center;}
#license01 td {width:80%; text-align:left;}

/* ---------- 자격증활용예:s -------------*/
#license_ex01 {width:100%; height:100%;}
#license_ex01 img {width:100%;}

/* ---------- 질문과 답변:s -------------*/
#qna01 {width:100%; height:100%;}
#qna01 img {width:100%;}

/* ---------- 자주하는 질문:s -------------*/
#faq01 {width:100%; height:100%;}
#faq01 img {width:100%;}

/* ---------- ITT의 필요성:s -------------*/
#itt_necessity01 {width:100%; height:100%;}
#itt_necessity01 img {width:100%;}
			

#record02 {width:100%;}
#record02 > table {width:100%;}
#record02 > table img {width:2em;}

.user-table thead tr th {text-align: center;}
.user-table tbody tr td {text-align: center;}
.user-table tbody tr td.lt {text-align: left;}
.user-table tbody tr td.rt {text-align: right;}

.user-list-badge {float: none !important;}
.user-hr{margin-top: 10px;margin-bottom: 10px;}

.pass_title{color:#196d99; font-weight:bold; font-size:11pt;}
.pass_href{  font-size: 9pt;color: #666666;text-decoration: none;}

.usr-snap-content{margin-top: 90px;}

a.re-new-link, a.re-new-link:hover, a.re-new-link:link, a.re-new-link:active{color: #fff;text-decoration: none;}