@charset "utf-8";
/*select*/
.select{z-index:0}
.select select{height:36px; font-size:1.0em; color:#333; vertical-align: -webkit-baseline-middle; border:0; width:100%; padding-left:10px; padding-right:48px; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance:none;
	background:#fff url(../../img/ico_select.png) no-repeat right center; background-size:auto 100%; z-index:1;}
select::-ms-expand{display: none;}
div.select:before{display:block;position:absolute; content:''; right:0; top:0; margin:0; z-index:5;}

/* header */
.header{width:100%; min-width:320px; margin:0 auto; position:relative;}
.menu{display:block; color:transparent; text-overflow:ellipsis; font-size:0.5em; width:38px; height:38px; position:absolute; top:50%; left:0.85em; margin:-19px 0 0 0; background:url(../../img/menu.png) no-repeat center; background-size:cover;}
.header h1 img{display:block; width:auto; height:38px; position:absolute; top:50%; left:48px; margin:-19px 0 0 0;}
.header_link{text-align:right; padding:8px 0.85em 8px 0;}
.header_link a{display:inline-block; vertical-align:middle; color:transparent; text-overflow:ellipsis; font-size:0.5em; width:38px; height:38px; margin:0 0 0 2px;}
.home{background:url(../../img/ico_home.png) no-repeat center; background-size:cover;}
.go_bus{background:url(../../img/ico_bus.png) no-repeat center; background-size:cover;}
.main .home{background:url(../../img/main_home.png) no-repeat center; background-size:cover;}
.main .go_bus{background:url(../../img/main_bus.png) no-repeat center; background-size:cover;}
.header{background:#363f49;}
.main .header{background:#d05a39;}
.w_center {text-align:center;}
.w100per {width:100%;}
.h100per {height:100%;}

.container{width:100%; background:#e5e5e5; box-sizing:border-box;}
.container:after{content:''; display:block; clear:both;}
/*메인*/
.main_banner{background:#ec704d;}
.main_banner img{display:block; width:100%; max-width:640px; margin:0 auto;}
.search_box{background:#484f59; padding:10px; position:relative;}
.search_box input{outline:0;}
.search_box input[type=text]{background:#363f49; border:0; width:100%; padding:7px 40px 7px 7px; color:#FFF; font-size:1.085em; box-sizing:border-box;}
.search_box input::placeholder{color:#8f959f;}
.search_box input.btn{width:30px; display:block; background:url(../../img/btn_search.png) no-repeat center; border:0; background-size:cover; position:absolute; right:10px; top:10px; bottom:10px; cursor:pointer;}

.main_list{padding:1em 0.5em 2em;}
.main_list li{display:block; text-align:center; margin:0.3em 0; background:#fff;}
.main_list li img{display:block; width:100%; max-width:620px; margin:0 auto;}

/* footer */
.footer{width:100%; margin:0 auto; background:#373f49; text-align:left;}
.footer img{display:block; margin:0 auto;}
.f_banner{width:100%; background:#5bbaff;}
.f_banner img{width:100%; max-width:640px; margin:0 auto;}
.copyright{color:#f0f0f0; margin:0 auto; padding:1.9em; font-size:0.95em; line-height:150%; letter-spacing:-0.8px;}
.copyright a{color:#f0f0f0;}
.main .copyright p{color:#ffdc02;}
.yellow .copyright p{color:#fee1b1;}
.green .copyright p{color:#a2e8e4;}
.blue .copyright p{color:#b7dffb;}
.pink .copyright p{color:#fcd6e6;}
.purple .copyright p{color:#e7eeae; font-size:0.9em; letter-spacing:-1px;}
.purple .copyright p.info{color:#adb5bf; font-size:0.85em; letter-spacing:-0.5px;}
.orange .copyright p{color:#e7efeae; font-size:0.9em; letter-spacing:-1px;}
.orange .copyright p.info{color:#d9d9d9; font-size:0.85em; letter-spacing:-0.5px;}
.footer_link{padding:20px 0 0; text-align:right;}
.footer_link a{display:inline-block; padding:0 10px 0 0;}
/*.footer_link a:first-child{margin-right:-4px; padding:0 12px 0 0; background:url(../../img/footer_part.png) no-repeat right 0; background-size:2px 80%;}*/
.footer_link a img{display:inline-block; width:auto; height:28px;}

.title{text-align:center; line-height:1.25em;}
.title h2{font-family:'Noto Sans CJK KR', sans-serif; font-weight:500; font-size:2.5em; display:block; margin:0 auto; padding:1.2em 0;}
.title h2 strong{font-weight:700; color:#ffffff; letter-spacing:-1px;}
.title h2 strong span {color:#e7eeae;}
.title p{color:#fff;font-family: 'Noto Sans CJK KR', sans-serif; font-size:1.3em; border-bottom:1px solid #b898d0; padding:1em 0;}
.yellow .title{background:#fec363;}
.yellow .title h2{color:#6c4a11;}
.green .title{background:#45d1ca;}
.green .title h2{color:#08534f;}
.blue .title{background:#70c0f7;}
.blue .title h2{color:#125685;}
.pink .title{background:#f9adcd;}
.pink .title h2{color:#cc3776;}
.purple .title{background:#7030a0 url(../../img/background_purple.png) repeat-x left;}
.purple .title h2{color:#6c4a11;}
.orange .title{background:#ffc000;}
.orange .title h2{color:#ffffff;}

.snb{padding:0.20em 0.5em; border-bottom:2px solid #bfbfbf;}
.snb:after{content:''; display:block; clear:both;}
.snb > div{margin:0.3em 0;}
.yellow .snb{background:#b68433;}
.green .snb{background:#31a59f;}
.blue .snb{background:#4c94c6;}
.pink .snb{background:#e677a6;}
.purple .snb{background:#b68433;}
.orange .snb{background:#b68433;}

.unit_group{display:table; width:100%; background:#fff; padding:0 7px 0 0; box-sizing:border-box; table-layout:fixed; border-bottom:1px solid #bfbfbf;}
.unit_group dl{display:table-row;}
.unit_group dt, .unit_group dd{display:table-cell; vertical-align:middle;}
.unit_group dt{width:70px; padding:8px 0; text-align:center; vertical-align:middle; background:#a2e8e4; color:#08534f; font-size:1.300em; line-height:1.225em; font-weight:bold; border:7px solid #fff;}
.unit_group dd{width:auto; padding-bottom:3px; padding-top:3px;}
.unit_group dd > div{border-bottom:1px solid #dcdcdc; float:left; width:100%; padding:0 0 0 5px; box-sizing:border-box; position:relative;}
.unit_group dd > div:last-child{border:0;}
.unit_group dd > div > p{color:#111; font-size:1.085em; font-weight:bold; padding:17px 110px 17px 0; box-sizing:border-box;}
.unit_group dd > div .btn{position:absolute; right:0; top:50%; margin-top:-25px;}

.subUnit div.btn {position:absolute; right:0.3em; top:50%; margin-top:-25px;}
.subUnit div.btn.sc {width:109px; margin-top:-50px}

.unit_group dd:after{content:''; display:block; clear:both;}
.unit_group .btn a, .subUnit div.btn a{display:inline-block; color:transparent; text-overflow:ellipsis; font-size:0.5em; overflow:hidden; vertical-align:middle;}
.unit_group .btn .mp3, .subUnit div.btn .mp3{width:64px; height:50px; margin-right:-4px; background:#31a59f url(../../img/ico_mp3.png) no-repeat center; background-size:auto 58px;}
.unit_group .btn .mp4, .subUnit div.btn .mp4{width:64px; height:50px; margin-right:-4px; background:#31a59f url(../../img/ico_mp4.png) no-repeat center; background-size:auto 58px;}
.unit_group .btn .down, .subUnit div.btn .down{width:44px; height:50px; background:url(../../img/ico_down.png) no-repeat center; background-size:auto 58px;}
.unit_group .btn .quiz, .subUnit div.btn .quiz{width:80px; height:50px; margin-right:7px; background:#31a59f url(../../img/ico_quiz.png) no-repeat center; background-size:auto 60px;}
.unit_group .btn .test, .subUnit div.btn .test{width:80px; height:50px; margin-right:7px; background:#31a59f url(../../img/ico/ico_test1.png) no-repeat center; background-size:auto 58px;}

/* add 20190611 */
.btn .sample-vod { width: 110px; height: 50px; background: url(../../img/ico_more_sample1.png) no-repeat center; background-size: auto 63px }

.yellow .unit_group dt{background:#fee1b1; color:#6c4a11;}
.yellow .unit_group .btn .mp3{background-color:#b68433;}
.yellow .unit_group .btn .mp4{background-color:#b68433;}
.blue .unit_group dt{background:#b7dffb; color:#125685;}
.blue .unit_group .btn .mp3{background-color:#4c94c6;}
.blue .unit_group .btn .mp4{background-color:#4c94c6;}
.pink .unit_group dt{background:#fcd6e6; color:#cc3776;}
.pink .unit_group .btn .mp3{background-color:#e677a6;}
.pink .unit_group .btn .mp4{background-color:#e677a6;}
.purple .unit_group dt{background:#fee1b1; color:#6c4a11;}
.purple .unit_group .btn .mp3{background-color:#24aa5d;}
.purple .unit_group .btn .mp4{background-color:#24aa5d;}
.purple .unit_group .btn .quiz{background-color:#24aa5d;}
.orange .unit_group dt{background:#fee1b1; color:#6c4a11;}
.orange .unit_group .btn .mp3{background-color:#24aa5d;}
.orange .unit_group .btn .mp4{background-color:#24aa5d;}
.orange .unit_group .btn .quiz{background-color:#24aa5d;}
.orange .unit_group .btn .test{background-color:#24aa5d;}
.unit_group dt.none { width:7px; padding:0; border:none; background:none; }
.unit_group dd > div.long{padding-bottom:50px;}
.unit_group dd > div.long p{padding-right:0;}
.unit_group dd > div.long .btn{bottom:0; top:auto; left:0; border-top:1px solid #dcdcdc; text-align:right;}
.small{font-weight:normal !important; color:#777 !important; margin-top:-5px; padding:0 0 15px 0 !important;}

.subList{background:#fff;}
.subList > li{border-bottom:1px solid #ccc;}
a.chapter{display:block; padding:1em 1.2em; position:relative; background:url(../../img/ico_chapter_off.png) no-repeat left; background-size:auto 30px; margin-left:25px;}
.orange a.chapter{display:block; padding:0.925em 1em; position:relative; background:none !important; background-size:none !important; margin-left:0px !important;}
.orange a.chapter strong{font-size:1.255em !important; color:#222 !important;}
.purple a.chapter strong{color:#ffffff;}
.purple a.chapter span{font-size:1.2em; color:#222; margin:0 0 0 25px; font-weight:bold; letter-spacing:-1px;}
.purple a.chapter.active {background:url(../../img/ico_chapter_on_p.png) no-repeat left; background-size:auto 30px; margin-left:25px;}
.purple a.chapter.active span{color:#24aa5d;}
.orange a.chapter strong{color:#ffffff;}
.orange a.chapter span{font-size:1.2em; color:#222; margin:0 0 0 25px; font-weight:bold; letter-spacing:-1px;}
.orange a.chapter.active {background:url(../../img/ico_chapter_on_p.png) no-repeat left; background-size:auto 30px; margin-left:25px;}
.orange a.chapter.active span{color:#24aa5d;}
a.chapter strong{font-size:1.1em; color:#222;}
a.chapter.active strong{color:#31a59f;}
.yellow a.chapter.active strong{color:#b68433;}
.blue a.chapter.active strong{color:#4c94c6;}
.pink a.chapter.active strong{color:#e677a6;}
.purple a.chapter.active strong{color:#ffffff;}
.orange a.chapter.active strong{color:#ffffff;}
a.chapter em{display:block; width:35px; height:35px; background:url(../../img/ico_off.jpg) no-repeat center; background-size:cover; position:absolute; right:1.9em; top:50%; margin:-16px 0 0;}
a.chapter.active em{background-image:url(../../img/ico_on_g.jpg);}
.yellow a.chapter.active em{background-image:url(../../img/ico_on_y.jpg);}
.blue a.chapter.active em{background-image:url(../../img/ico_on_b.jpg);}
.pink a.chapter.active em{background-image:url(../../img/ico_on_p.jpg);}
.purple a.chapter.active em{background-image:url(../../img/ico_on_p.png);}
.orange a.chapter.active em{background-image:url(../../img/ico_on_p.png);}
.subUnit{background:#a2e8e4; padding:1.00em;}
.yellow .subUnit{background:#fee1b1;}
.blue .subUnit{background:#b7dffb;}
.pink .subUnit{background:#fcd6e6;}
.purple .subUnit{background:#e7eeae;}
.orange .subUnit{background:#f7f3e8;}
.subUnit li{background:#fff; display:block; margin:0 0 1px; position:relative;}
.subUnit li > a, .subUnit li > span{font-size:1.5em; font-weight:bold; color:#31a59f; display:block; width:100%; height:100%; padding:0.75em 118px 0.75em 1.2em; position:relative; box-sizing:border-box;}
.subUnit li a em{display:block; width:26px; height:26px; background:#31a59f url(../../img/ico_subUnit.png) no-repeat center; background-size:cover; position:absolute; right:0.5em; top:50%; margin:-13px 0 0;}
.subUnit li .btn a em{color:transparent; text-overflow:ellipsis; font-size:0.5em; overflow:hidden; background-color:transparent !important; background-image:none !important;}
.yellow .subUnit li a, .yellow .subUnit li > span{color:#b68433;}
.yellow .subUnit li a em, .yellow .subUnit .btn .mp3{background-color:#b68433;}
.yellow .subUnit li a em, .yellow .subUnit .btn .mp4{background-color:#b68433;}
.blue .subUnit li a, .blue .subUnit li > span{color:#4c94c6;}
.blue .subUnit li a em, .blue .subUnit .btn .mp3{background-color:#4c94c6;}
.blue .subUnit li a em, .blue .subUnit .btn .mp4{background-color:#4c94c6;}
.pink .subUnit li a, .pink .subUnit li > span{color:#e677a6;}
.pink .subUnit li a em, .pink .subUnit .btn .mp3{background-color:#e677a6;}
.pink .subUnit li a em, .pink .subUnit .btn .mp4{background-color:#e677a6;}
.purple .subUnit li a, .purple .subUnit li > span{color:#24aa5d;}
.purple .subUnit li a em, .purple .subUnit .btn .mp3{background-color:#24aa5d;}
.purple .subUnit li a em, .purple .subUnit .btn .mp4{background-color:#24aa5d;}
.purple .subUnit li a em, .purple .subUnit .btn .quiz{background-color:#24aa5d;}
.orange .subUnit li a, .orange .subUnit li > span{color:#ffc000;}
.orange .subUnit li a em, .orange .subUnit .btn .mp3{background-color:#ffc000;}
.orange .subUnit li a em, .orange .subUnit .btn .mp4{background-color:#ffc000;}
.orange .subUnit li a em, .orange .subUnit .btn .quiz{background-color:#ffc000;}
.orange .subUnit li a em, .orange .subUnit .btn .test{background-color:#ffc000;}



.subList_go{background:#fff;}
.subList_go > li{background:#e7eeae;}
.subList_go > li span.chapter_w{display:block; padding:2em 2.7em 0.5em; position:relative; background:url(../../img/ico_chapter_w.png) no-repeat left 20px; background-size:auto 32px; margin-left:25px; color:#333333; font-weight:bold; letter-spacing:-1px;}
.subList_go > li span.chapter_s{display:block; padding:2em 2.7em 0.5em; position:relative; background:url(../../img/ico_chapter_s.png) no-repeat left 20px; background-size:auto 32px; margin-left:25px; color:#333333; font-weight:bold; letter-spacing:-1px;}
.subList_go > li table {width:100%;}
.subList_go > li table tr th span, .subList_go > li table tr th p {display:block; padding:0.6em; color:#ffffff; font-size:1.1em; font-weight:bold;}
.subList_go > li table tr th.tit{text-align:center; background:url(../../img/bgTestTblTh.png) no-repeat top center; background-size:100% 100%; border-top-left-radius:0.8em; border-top-right-radius:0.8em; border-right:1px solid transparent;}
.subList_go > li table tr th.no{position:relative; text-align:center; background:url(../../img/bgTestTblNum.png) no-repeat top center; background-size:100% 100%; border-top-left-radius:0.8em; border-bottom-left-radius:0.8em; border-bottom:2px solid transparent; }
.subList_go > li table tr th.no span {position:absolute; margin:0 auto; top:10%; left:-2px; right:0; background:url(../../img/input_txt_err.png) no-repeat center center; background-size:100% 100%; width:27px; height:27px; display:none;}
.subList_go > li table tr th.end {border-right:none;}
.subList_go > li table tr td {background-color:#ffffff; border-right:1px dashed #d0d0d0; border-bottom:2px solid #cccccc; text-align:center;}
.subList_go > li table tr td.first {text-align:left; padding-left:1.2em; font-size:12pt;}
.subList_go > li table tr td.end {text-align:left; border-right:none; padding-left:1.2em;}
.subList_go > li table tr td.end.ex {padding-left:0; text-align:center;}
.subList_go > li table tr td input[type="text"] {width:90%; height:2em; margin:0.77em 0.5em; border:1px solid #cccccc; font-size:12pt;}
.subList_go > li table tr td input[type="text"].checked {width:90%; height:2.1em; margin-left:1.2em; border:none; background:transparent; color:#333333; font-weight:bold;}
.subList_go > li table tr td input[type="text"].err {width:90%; height:2.1em; margin-left:1.2em; border:none; background:transparent; color:#e42626; font-weight:bold;}
.subList_go > li table tr td input[type="radio"] {border-radius:100%; background:url(../../img/input_radio_off.png) no-repeat center center; background-size:100% 100%; width:22px; height:22px; margin-top:0.5em;}
.subList_go > li table tr td input[type="radio"]:checked {border-radius:100%; background:url(../../img/input_radio_on.png) no-repeat center center; background-size:100% 100%;}
.subList_go > li table tr td input[type="radio"].err {border-radius:100%; background:url(../../img/input_radio_err.png) no-repeat center center; background-size:100% 100%;}
.subList_go > li table tr.bg td {background-color:#f2f1f5;}
.subList_go > li table tr td {color:#333333; line-height:1.6em; text-align:center; font-weight:bold;}
.subList_go > li table tr td p {color:#333333; line-height:1.6em; text-align:center; font-weight:bold;padding:0.3em 0;}
.subList_go > li div#form_reset div.btn { text-align:center; padding:3em 0 3em 0;}
.subList_go > li div#form_reset div.btn a img.re{max-width:320px; max-height:100px;}
.subList_go > li div#form_reset div.btn a img.home{max-width:380px; max-height:100px;}
.subList_go > li div#answer_check img {width:220px; height:56px;}
.subList_go > li div#form_reset { text-align:center; padding:3em 0 4.3em 0;}
.subList_go > li div#form_reset img {width:150px; height:38px;}
.subList_go > li div#form_reset a#btn_first {margin-right:1em;}
/*.subList_go > li div#form_reset a img:first-child {margin-right:1.5em;}*/


.orange .subList_go{background:#fff;}
.orange .subList_go > li{background:#f7f3e8;}
.orange .subList_go > li span.chapter_w{display:block; padding:2em 2.7em 0.5em; position:relative; background:url(../../img/ico_chapter_w.png) no-repeat left 20px; background-size:auto 32px; margin-left:25px; color:#333333; font-weight:bold; letter-spacing:-1px;}
.orange .subList_go > li span.chapter_s{display:block; padding:2em 2.7em 0.5em; position:relative; background:url(../../img/ico_chapter_s.png) no-repeat left 20px; background-size:auto 32px; margin-left:25px; color:#333333; font-weight:bold; letter-spacing:-1px;}
.orange .subList_go > li table {width:100%;}
.orange .subList_go > li table tr th span,.orange .orange .subList_go > li table tr th p {display:block; padding:0.6em; color:#ffffff; font-size:1.1em; font-weight:bold;}
.orange .subList_go > li table tr th.tit{text-align:center; background:url(../../img/bgTestTblTh.png) no-repeat top center; background-size:100% 100%; border-top-left-radius:0.8em; border-top-right-radius:0.8em; border-right:1px solid transparent;}
.orange .subList_go > li table tr th.no{position:relative; text-align:center; background:url(../../img/bgTestTblNum.png) no-repeat top center; background-size:100% 100%; border-top-left-radius:0.8em; border-bottom-left-radius:0.8em; border-bottom:2px solid transparent; }
.orange .subList_go > li table tr th.no span {position:absolute; margin:0 auto; top:10%; left:-2px; right:0; background:url(../../img/input_txt_err.png) no-repeat center center; background-size:100% 100%; width:27px; height:27px; display:none;}
.orange .subList_go > li table tr th.end {border-right:none;}
.orange .subList_go > li table tr td {background-color:#ffffff; border-right:1px dashed #d0d0d0; border-bottom:2px solid #cccccc; text-align:center;}
.orange .subList_go > li table tr td.first {text-align:left; padding-left:1.2em; font-size:12pt;}
.orange .subList_go > li table tr td.end {text-align:left; border-right:none; padding-left:1.2em;}
.orange .subList_go > li table tr td.end.ex {padding-left:0; text-align:center;}
.orange .subList_go > li table tr td.no {border-bottom:none;}
.orange .subList_go > li table tr td input[type="text"] {width:90%; height:2em; margin:0.77em 0.5em; border:1px solid #cccccc; font-size:12pt;}
.orange .subList_go > li table tr td input[type="text"].checked {width:90%; height:2.1em; margin-left:1.2em; border:none; background:transparent; color:#333333; font-weight:bold;}
.orange .subList_go > li table tr td input[type="text"].err {width:90%; height:2.1em; margin-left:1.2em; border:none; background:transparent; color:#e42626; font-weight:bold;}
.orange .subList_go > li table tr td input[type="radio"] {border-radius:100%; background:url(../../img/input_radio_off.png) no-repeat center center; background-size:100% 100%; width:22px; height:22px; margin-top:0.5em;}
.orange .subList_go > li table tr td input[type="radio"]:checked {border-radius:100%; background:url(../../img/input_radio_on.png) no-repeat center center; background-size:100% 100%;}
.orange .subList_go > li table tr td input[type="radio"].err {border-radius:100%; background:url(../../img/input_radio_err.png) no-repeat center center; background-size:100% 100%;}
.orange .subList_go > li table tr.bg td {background-color:#f2f1f5;}
.orange .subList_go > li table tr td {color:#333333; line-height:1.6em; text-align:center; font-weight:bold;}
.orange .subList_go > li table tr td p {color:#333333; line-height:1.6em; text-align:center; font-weight:bold;padding:0.3em 0;}
.orange .subList_go > li div.btn { text-align:center; padding:3em 0 3em 0;}
.orange .subList_go > li div#answer_check img {width:220px; height:56px;}
.orange .subList_go > li div#form_reset { text-align:center; padding:3em 0 4.3em 0;}
.orange .subList_go > li div#form_reset img {width:150px; height:38px;}
.orange .subList_go > li div#form_reset a#btn_first {margin-right:1em;}
/*.orange .subList_go > li div#form_reset a img:first-child {margin-right:1.5em;}*/

.orange .subList_go > li table.back_no tr td {background-color:#f7f3e8; border:none; text-align:center;} /* 배경 여기 */
.orange .subList_go > li table.back_no tr td {padding:1.9% 0% 1.7% 0%; font-size:2.0em;}

.orange .subList_go > li table.back_no tr td span.num {border:1px solid #ffc000; border-radius:1.0em; width:25%; height:4.7%; display:inline-block; background:#ffc000; color:#ffffff;}
.orange .subList_go > li table.back_no tr td span.btn_off {border:7px solid #ffffff; border-radius:0.5em; width:76%; height:4.7%; display:inline-block; background:#ffffff; color:#000000; padding:0.7%;}
.orange .subList_go > li table.back_no tr td span.btn_on {border:7px solid #ffc000; border-radius:0.5em; width:76%; height:4.7%; display:inline-block; background:#ffc000; color:#ffffff; padding:0.7%;}

.orange .subList_go > li table.back_no_v2 tr td {background-color:#f7f3e8; border:none; text-align:center; margin:0 !important; padding:0 !important;} /* 배경 여기 */

.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table {width:100%;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr th span,.orange .subList_go > li table.back_no_v2 tr td .orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr th p {display:block; padding:0.6em; color:#ffffff; font-size:1.1em; font-weight:bold;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr th.tit{text-align:center; background:url(../../img/bgTestTblTh.png) no-repeat top center; background-size:100% 100%; border-top-left-radius:0.8em; border-top-right-radius:0.8em; border-right:1px solid transparent;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr th.no{position:relative; text-align:center; background:url(../../img/bgTestTblNum.png) no-repeat top center; background-size:100% 100%; border-top-left-radius:0.8em; border-bottom-left-radius:0.8em; border-bottom:2px solid transparent; }
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr th.no span {position:absolute; margin:0 auto; top:10%; left:-2px; right:0; background:url(../../img/input_txt_err.png) no-repeat center center; background-size:100% 100%; width:27px; height:27px; display:none;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr th.end {border-right:none;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td {background-color:#ffffff; border-right:1px dashed #d0d0d0; border-bottom:2px solid #cccccc; text-align:center;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.first {text-align:left; padding-left:1.2em; font-size:12pt;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.end {text-align:left; border-right:none; padding-left:1.2em;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.end.ex {padding-left:0; text-align:center;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.lp {padding-left:1.2em !important;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.no {border-bottom:none;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td input[type="text"] {width:90%; height:2em; margin:0.77em 0.5em; border:1px solid #cccccc; font-size:12pt;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td input[type="text"].checked {width:90%; height:2.1em; margin-left:1.2em; border:none; background:transparent; color:#333333; font-weight:bold;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td input[type="text"].err {width:90%; height:2.1em; margin-left:1.2em; border:none; background:transparent; color:#e42626; font-weight:bold;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td input[type="radio"] {border-radius:100%; background:url(../../img/input_radio_off.png) no-repeat center center; background-size:100% 100%; width:22px; height:22px; margin-top:0.5em;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td input[type="radio"]:checked {border-radius:100%; background:url(../../img/input_radio_on.png) no-repeat center center; background-size:100% 100%;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td input[type="radio"].err {border-radius:100%; background:url(../../img/input_radio_err.png) no-repeat center center; background-size:100% 100%;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr.bg td {background-color:#f2f1f5;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td {color:#333333; line-height:1.6em; text-align:center; font-weight:bold;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td p {color:#333333; line-height:1.6em; text-align:center; font-weight:bold;padding:0.3em 0;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td {margin:0 !important; padding:0 !important;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.back_img_l {background:url(../../img/answer_bg_left_v1.png) repeat-y; background-size:100% 100%;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.back_img_r {background:url(../../img/answer_bg_right_v1.png) repeat-y; background-size:100% 100%;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.back_img_t {background:url(../../img/answer_bg_top_v1.png) no-repeat; background-size:100% 100%;}
.orange .subList_go > li table.back_no_v2 tr td table.subList_go_table tr td.back_img_b {background:url(../../img/answer_bg_bottom_v1.png) no-repeat; background-size:100% 50%;}




.subUnit_go{background:#a2e8e4; padding:0.7em;}
.yellow .subUnit_go{background:#fee1b1;}
.blue .subUnit_go{background:#b7dffb;}
.pink .subUnit_go{background:#fcd6e6;}
.purple .subUnit_go{background:#e7eeae;}
.orange .subUnit_go{background:#f7f3e8;}
.subUnit_go li{background:#e7eeae; display:block; margin:0 0 1px; position:relative;}
.subUnit_go li > a, .subUnit_go li > span{font-size:1.5em; font-weight:bold; color:#31a59f; display:block; width:100%; height:100%; padding:0.75em 118px 0.75em 1.2em; position:relative; box-sizing:border-box;}
.subUnit_go li a em{display:block; width:26px; height:26px; background:#31a59f url(../../img/ico_subUnit_go.png) no-repeat center; background-size:cover; position:absolute; right:0.5em; top:50%; margin:-13px 0 0;}
.subUnit_go li .btn a em{color:transparent; text-overflow:ellipsis; font-size:0.5em; overflow:hidden; background-color:transparent !important; background-image:none !important;}

.orange .subUnit_go li{background:#f7f3e8; display:block; margin:0 0 1px; position:relative;}
.orange .subUnit_go li > a, .orange .subUnit_go li > span{font-size:1.5em; font-weight:bold; color:#31a59f; display:block; width:100%; height:100%; padding:0.75em 118px 0.75em 1.2em; position:relative; box-sizing:border-box;}
.orange .subUnit_go li a em{display:block; width:26px; height:26px; background:#31a59f url(../../img/ico_subUnit_go.png) no-repeat center; background-size:cover; position:absolute; right:0.5em; top:50%; margin:-13px 0 0;}
.orange .subUnit_go li .btn a em{color:transparent; text-overflow:ellipsis; font-size:0.5em; overflow:hidden; background-color:transparent !important; background-image:none !important;}

.yellow .subUnit_go li a, .yellow .subUnit_go li > span{color:#b68433;}
.yellow .subUnit_go li a em, .yellow .subUnit_go .btn .mp3{background-color:#b68433;}
.yellow .subUnit_go li a em, .yellow .subUnit_go .btn .mp4{background-color:#b68433;}
.blue .subUnit_go li a, .blue .subUnit_go li > span{color:#4c94c6;}
.blue .subUnit_go li a em, .blue .subUnit_go .btn .mp3{background-color:#4c94c6;}
.blue .subUnit_go li a em, .blue .subUnit_go .btn .mp4{background-color:#4c94c6;}
.pink .subUnit_go li a, .pink .subUnit_go li > span{color:#e677a6;}
.pink .subUnit_go li a em, .pink .subUnit_go .btn .mp3{background-color:#e677a6;}
.pink .subUnit_go li a em, .pink .subUnit_go .btn .mp4{background-color:#e677a6;}
.purple .subUnit_go li a, .purple .subUnit_go li > span{color:#24aa5d;}
.purple .subUnit_go li a em, .purple .subUnit_go .btn .mp3{background-color:#24aa5d;}
.purple .subUnit_go li a em, .purple .subUnit_go .btn .mp4{background-color:#24aa5d;}
.purple .subUnit_go li a em, .purple .subUnit_go .btn .quiz{background-color:#24aa5d;}
.orange .subUnit_go li a, .orange .subUnit_go li > span{color:#24aa5d;}
.orange .subUnit_go li a em, .orange .subUnit_go .btn .mp3{background-color:#24aa5d;}
.orange .subUnit_go li a em, .orange .subUnit_go .btn .mp4{background-color:#24aa5d;}
.orange .subUnit_go li a em, .orange .subUnit_go .btn .quiz{background-color:#24aa5d;}
.orange .subUnit_go li a em, .orange .subUnit_go .btn .test{background-color:#24aa5d;}


























/* add 20190611 */
div.sample-vod-banner-wrap { border:1px solid #fff; border-bottom: 1px solid #bfbfbf; background:#fff }
a.sample-vod-banner { display: block; background: #fff; position: relative; margin: 5px; padding: 0.925em 5.333em; border: 2px solid #bfbfbf; border-radius: 5px; box-shadow: 0px 0px 1px 1px #fff inset }
a.sample-vod-banner.a { background-image: url(../../img/bgSample1.png), url(../../img/bgSampleVodBanner.png); background-repeat: no-repeat, repeat-x; background-size: 80px, 28px; background-position: -5px -9px, 0 0 }
a.sample-vod-banner.b { background-image: url(../../img/bgSample2.png), url(../../img/bgSampleVodBanner.png); background-repeat: no-repeat, repeat-x; background-size: 80px, 28px; background-position: -5px -9px, 0 0 }
a.sample-vod-banner strong { font-size: 1.255em; color: #222 }
a.sample-vod-banner em { display: block; width: 104px; height: 22px; background: url(../../img/ico_more_sample2.png) no-repeat center; background-size: cover }
a.sample-vod-banner em { position: absolute; margin: auto; top: 0; bottom: 0; right: 0.95em }

/*aside*/
.aside_wrap{width:100%; height:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background:url(../../img/fixPopup.png) repeat; display:none;}
.aside{width:270px; background:#fff; padding:0; position:fixed; left:0; top:0; bottom:0; z-index:9999; display:none;}
.aside dt, .aside dd{display:block; font-family:'Noto Sans KR', sans-serif; }
.aside dt{background:#363f49; color:#fff; padding:14px 0 14px 0.9em; font-size:1.45em; font-weight:400;}
.aside dt img{width:auto; height:30px;}
.aside dd{border-bottom:1px solid #ccc;}
.aside dd a{display:block; padding:16px 1em; margin-right:0.95em; font-size:1.325em; color:#363f49; background:url(../../img/aside_dd.png) no-repeat right center; background-size:auto 36%;}
.aside img{display:block;}
.aside_banner{display:block; padding:0.5em 1em 0; margin-bottom:1.5em;}
.aside_banner img{display:block; width:100%;}
.aside_close{display:block; width:36px; height:36px; position:absolute; top:20px; left:285px; z-index:9999;}
.aside_close img{width:100%;}
.ov{width:100%; height:100%; overflow:auto;}

.dep2_list3 > li{background:#f1f1f1;}
.dep2_list3 li a em{background-image:url(../../img/ico_subUnit1.png);}
.dep2_list3 li a.active{background:#fff;}
.dep2_list3 li a.active em{background-image:url(../../img/ico_subUnit2.png);}
.dep3_list3 {background:#fff;}
.dep3_list3 ul span{color:#666; font-weight:normal;}
.dep3_list3 ul{padding:0 10px;}
.dep3_list3 li{border-top:1px dashed #ccc;}
.dep3_list3 li span{padding-top:8px; padding-bottom:8px;}
.dep3_list3 li span strong{display:inline-block; vertical-align:middle; background:#a2e8e4; color:#08534f; padding:8px 15px; margin-left:-4px; border-radius:0.4em;}

/*.dep2_list { background:#f1f1f1 }*/
.dep2_list { background:#fff }
.dep2_list a em{background-image:url(../../img/ico_subUnit1.png);}
.dep2_list a.active{ background:#f1f1f1 }
.dep2_list a.active em{background-image:url(../../img/ico_subUnit2.png);}
/*.dep3_list { background:#fff }*/
.dep3_list ul span{color:#666; font-weight:normal;}
.dep3_list ul {padding:0 10px;}
.dep3_list ul li {border-top:1px dashed #ccc;}
.dep3_list ul li span{padding-top:8px; padding-bottom:8px;}
.dep3_list ul li span strong{display:inline-block; vertical-align:middle; background:#a2e8e4; color:#08534f; padding:8px 15px; margin-left:-4px; border-radius:0.4em;}

@media all and (min-width:567px){
	.main_list{float:left;}
	.main_list li{width:49.5%; float:left;}
	.main_list li:nth-child(2n){float:right;}
	
	.snb > div{width:49.5%; float:left;}
	.snb > div:nth-child(2n){float:right;}
	.snb > div.paging{width:100%; float:left;}
}

@media all and (max-width:360px) and (orientation:portrait){
	.header h1{margin-left:-8px;}
}
@media all and (max-width:321px) and (orientation:portrait){
	.header{text-align:left;}
	.header h1{padding-left:1em; font-size:12.5pt;}
	.aside_close{display:block; width:28px; height:28px; position:absolute; top:20px; left:280px; z-index:9999;}
}