@charset "utf-8";
@import url(https://use.fontawesome.com/d00b556be3.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

/* reset */
* { padding:0; margin:0 }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
html { overflow-y:scroll; height:100%; font-size:15px }
body { font-family:roboto, noto sans, noto sans kr, dotum, sans-serif; color:#222; height:100%; font-weight:400; line-height:1.5;  }
img { max-width:100% }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:700; font-size:1rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1rem; font-family:roboto, noto sans kr, dotum, sans-serif }
input[type=text], input[type=password], input[type=date] { padding:0 8px; border:1px solid #bfbfbf; color:#222; line-height:29px; height:31px; }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1rem;-webkit-appearance:none}

input[type=checkbox], input[type=radio] { width:17px; height:17px; border:none; opacity:0; cursor:pointer; position:relative; z-index:1  }
input[type=checkbox] + i, input[type=radio] + i {width:17px; height:17px; display:inline-block; vertical-align:middle; background-size:100%; margin:-2px 3px 0 -17px;  }
input[type=checkbox] + i { background-image:url(../img/input_check_s.png) }
input[type=checkbox]:checked + i { background-image:url(../img/input_check_on_s.png) }
input[type=checkbox]:disabled + i { background-image:url(../img/input_check_dis_s.png) }
input[type=radio] + i { background-image:url(../img/input_radio_s.png) }
input[type=radio]:checked + i { background-image:url(../img/input_radio_on_s.png) }
input[type=radio]:disabled + i { background-image:url(../img/input_radio_dis_s.png) }

input.input_date { width:125px; padding-right:40px }
input.input_date + i { font-size:14px; height:31px; border:0; width:36px; text-align:center; vertical-align:top; line-height:29px; margin-left:-36px; cursor:pointer  }

input[type=text],input[type=password], textarea, .styled_select, a, button { transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, .styled_select:hover { box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; }

button, input[type=submit] { cursor:pointer }
select { border:1px solid #bfbfbf; height:29px; padding:0 0 0 9px; cursor:pointer; color:#222; }
.styled_select { height:31px; overflow:hidden; border:1px solid #bfbfbf; background:#fff; display:inline-block; border-radius:0; vertical-align:middle; position:relative }
.styled_select i { position:absolute; right:10px; text-align:center; height:31px; line-height:29px; top:0; font-size:14px }
.styled_select select { background:transparent; border:0; -webkit-appearance: none; outline:none; padding-right:40px; width:100%; vertical-align:top; position:relative; z-index:1 }
.styled_select select:disabled { cursor:default; background:#f0f0f0 }
.styled_select select::-ms-expand { display:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; color:#222 }
strong, b, th { font-weight:500; }
table { width:100%; border-collapse:collapse; border-spacing:0 }
caption { display:none; font-size:0; line-height:0 }
textarea {color:#222; font-size:1em; line-height:1.5; border:1px solid #bfbfbf; padding:10px; width:100%; border-radius:0; vertical-align:top }
address { font-style:normal }

/* global */
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#cc121d !important }
.txt_blue { color:#069be8 !important }
.txt_orange { color:#ffaa00 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#9f5e15 !important }
.wrap:after { content:""; display:block; clear:both }
.clear:after { content:""; display:block; clear:both }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
input.short { width:70px; text-align:center }
input.long { width:100% }
input.half { width:49.8% }
ul:after { clear:both; content:""; display:block }
.overflow { overflow-x:scroll; overflow-y:scroll; }
.overflow_y { overflow-x:hidden; overflow-y:scroll; }

.succession { margin-top:15px !important }
.paragraph { margin-bottom:40px !important }
span.space { display:inline-block; width:20px }
.prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea}
.prepare h2 { font-size:24px; text-align:center; margin:0 0 20px }
.prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd }
.prepare p { text-align:center; font-size:13px }

.pc_no { display:none !important }
.mobile_only { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

.btn { padding:0 20px; height:41px; line-height:38px; font-weight:500; border:1px solid #b4b4b4; background:#fff; display:inline-block; border-radius:5px; outline:none; vertical-align:middle; text-decoration:none !important; font-size:1.1rem; text-align:center }
.btn:hover { background:#f0f0f0 }
.btn-default { background:#fff linear-gradient(to bottom,#fff 40%,#d6d6d6) }
.btn-default:hover { background:#fff linear-gradient(to top,#fff 40%,#d6d6d6); }
.btn-accent { background:#fff linear-gradient(to bottom,#feccfe,#fff,#dce9ff) }
.btn-accent:hover { background:#fff linear-gradient(to top,#feccfe,#fff,#dce9ff) }
.btn-primary { background:#2188d8; border-color:#2188d8; color:#fff !important }
.btn-primary:hover{ background:#026fc4; border-color:#026fc4; }
.btn-primary-line { background:#fff; border-color:#2188d8; color:#2188d8 !important }
.btn-info { background:#555; border-color:#444; color:#fff !important }
.btn-info:hover { background:#333; border-color:#222 }
.btn-green { background:#66e62d; border-color:#66e62d; color:#fff !important }
.btn-green:hover{ background:#45c60c; border-color:#45c60c; }
.btn-green-line { background:#fff; border-color:#71c702; color:#71c702 !important }
.btn-red { background:#e10505; border-color:#e10505; color:#fff !important }
.btn-red:hover{ background:#b70303; border-color:#b70303; }
.btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important }
.btn-red-line:hover { background:#fdeeec }
.btn-blue { background:#527afe; border-color:#527afe; color:#fff !important }
.btn-blue:hover{ background:#2c55da; border-color:#2c55da; }
.btn-blue-line { background:#fff; border-color:#2188d8; color:#2188d8 !important }
.btn-blue-line:hover { background:#ecf4fd }
.btn-bgreen { background:#65c8ce; border-color:#65c8ce;  }
.btn-bgreen:hover{ background:#3fa8ae; border-color:#3fa8ae; }
.btn-bgreen-line { background:#fff; border-color:#399d28; color:#399d28 !important }
.btn-black-line { background:#fff; border-color:#999; color:#222 !important }
.btn-brown { background:#ffb71d linear-gradient(to bottom,#ffbd30,#d69200); border-color:#d69200; color:#fff !important  }
.btn-brown:hover { background:#ffb71d linear-gradient(to top,#ffbd30,#d69200); border-color:#d69200; color:#fff !important  }
.btn-gray { background:#d8d8d8; border-color:#d8d8d8;  }
.btn-gray:hover{ background:#b9b9b9; border-color:#b9b9b9; }
.btn-disable { background:#fff; border-color:#e0e0e0; color:#ccc !important; cursor:default }
.btn-disable:hover { background:#fff }
.btn-lg { min-width:200px; font-size:1.3rem }
.btn-sm { padding:0 10px; font-size:1rem; }
.btn-sm i { font-size:14px }
.btn-xs { padding:2px 8px; font-size:.95rem; border-radius:3px; }
.btn-xs i { font-size:14px }
.btn-round { border-radius:16px }
.btn-shadow { box-shadow:15px 10px 10px rgba(0,0,0,0.05) }
.btn-purple { background:#fff linear-gradient(to bottom,#d8d7ff,#fff,#d8d7ff); border-color:#afadc5; padding:0 35px }
.btn-purple:hover { background:#fff linear-gradient(to bottom,#c7c6f2,#fff,#c7c6f2) }
.btn-pink { background:#fff linear-gradient(to bottom,#fed8e5,#fff,#fed8e5); border-color:#c8a2af; padding:0 35px }
.btn-pink:hover { background:#fff linear-gradient(to bottom,#f1c5d4,#fff,#f1c5d4) }

.txt_l { font-weight:500; font-size:1.15rem }
.txt_sl { font-weight:500; font-size:1.05rem }
.txt_r { font-size:1rem }

.btn_guide { position:fixed; z-index:100; right:0; top:40% }
.btn_guide a { display:block; background:red; color:#fff; width:100px; line-height:30px; text-align:center; margin:0 0 3px; font-weight:500 }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:25px; box-shadow:10px 15px 35px rgba(0,0,0,0.09); width:1300px }
.pop_layer header .btn_close { position:absolute; top:-10px; right:-10px; display:block; font-size:18px; text-align:center; width:40px; height:36px; line-height:36px; background:#527afe; color:#fff; border-radius:10px }
.pop_layer .pop_con { padding:30px; }
.pop_layer .btn_area { text-align:center; margin:27px 0 0 0 }
.pop_layer .btn_area:after { display:block; content:""; clear:both }
.pop_layer .btn_area .btn { min-width:150px }

/* contents */
#container { min-width:1000px; height:100%; background:#000 }
.page_header { border-bottom:2px solid #000 }
.page_header:after { content:""; display:block; clear:both }
.page_header > * { float:left; line-height:44px; height:44px }
.page_header h2 { display:none; background:#000; background-image:linear-gradient(to bottom,#222 50%,#000 50%); width:180px; color:#ffc704; font-size:1.2rem; text-align:center; font-weight:500 }
.page_header h3 { padding:0 15px; background:#125cc1; background-image:linear-gradient(to bottom,#1b66cd 50%,#125cc1 50%); color:#ffc704; width:430px; font-weight:500; text-shadow:0 0 4px rgba(0,0,0,0.7); box-shadow:2px 0 2px rgba(0,0,0,0.4); z-index:1; position:relative }
.page_header dl:after { content:""; display:block; clear:both }
.page_header dt, .page_header dd { float:left; font-size:0.95rem; text-shadow:0 0 4px rgba(0,0,0,0.7); font-weight:500; padding:0 15px; color:#fff }
.page_header dt { text-shadow:0 0 4px rgba(0,0,0,0.5); text-align:center; padding:0; color:#ffd649 }
.page_header .subj { width:calc(100% - 605px) }
.page_header .subj dt { background:#306fc5; background-image:linear-gradient(to bottom,#3878d0 50%,#306fc5 50%); width:80px; }
.page_header .subj dd { background:#6192d5; background-image:linear-gradient(to bottom,#6a9adc 50%,#6192d5 50%); width:calc(100% - 80px); box-shadow:2px 0 2px rgba(0,0,0,0.4); z-index:1; position:relative }
.page_header .name dt { background:#535557; background-image:linear-gradient(to bottom,#606162 50%,#535557 50%); width:75px }
.page_header .name dd { background:#7f8182; background-image:linear-gradient(to bottom,#8e8f8f 50%,#7f8182 50%); width:100px; text-align:center; padding:0 }

#footer { height:40px; background:#000; background-image:linear-gradient(to bottom,#151515 50%,#000 50%); border-top:1px solid rgba(255,255,255,0.3) }
#footer .page { text-align:right; padding:7px 20px 0 0; color:#fff }
#footer .page .current { background:#fff; border-radius:3px; text-align:center; color:#333; font-size:0.85rem; height:22px; line-height:22px; padding:0 10px; vertical-align:middle; display:inline-block; margin:0 5px 0 8px }
#footer .page .current strong { color:#ef7407 }
#footer .page .btn { height:22px; padding:0 5px; background:none; color:#fff; border:0; line-height:22px; font-size:0.85rem; vertical-align:middle }
#footer .page .btn i { margin:0 5px }

#contents { height:calc(100% - 86px) }
#contents:after { content:""; display:block; clear:both }
.page_aside { width:180px; height:100%; float:left; background:#333; padding:1px }
.page_aside header { text-align:center; padding:3px }
.page_aside dl { background:#125cc1; background-image:linear-gradient(90deg,#013d74,#006ecf); padding:5px; box-shadow:0 0 5px rgba(0,0,0,0.7)}
.page_aside dt { font-weight:500; color:#fff; padding:10px 0 10px 0 }
.page_aside dd { background:#fff; padding:20px 10px; font-weight:500; color:#333; word-break:keep-all }
.page_aside nav {  }
.page_aside nav a { display:block; padding:18px 0 18px 30px; font-weight:500; color:#888; border-bottom:1px solid rgba(255,255,255,0.1) }
.page_aside nav a i { font-size:14px; width:30px; text-align:center }
.page_aside nav li:hover a { background:#222; }
/*.page_aside nav li.on a { background:#fff; background-image:linear-gradient(to bottom,#fff 60%,#d0d0d0); color:#111; font-weight:500 }*/
.page_aside nav li.on a { background:#111;color:#fff }
.page_aside nav li:first-child a { border-top:0 }
.page_aside nav li:last-child a { border-bottom:0 }

.page_contents { width:calc(100% - 180px); height:100%; float:right; background:#000; background-image:url(../img/bg.jpg); background-size:cover; padding:30px }
.page_contents_header { margin:0 0 20px }
.page_contents_header h2 { font-size:2rem; color:#fff }
.page_contents_header h2 small { font-weight:400; color:rgba(255,255,255,0.7); font-size:1.1rem }

#contents.full .page_aside { display:none }
#contents.full .page_contents { float:none; width:100%; padding:0 }

.page_contents_con { background:#fff; border-radius:20px; padding:30px; font-size:1.1rem; position:relative; overflow:hidden }
.ol01 { margin:0 0 0 15px; list-style:decimal }
.ol01 li { margin:8px 0 0 0 }
.ol01 li:first-child { margin:0 }
.ol01 li strong { color:#2974c1 }

.page_contents_con_l { font-size:1.1em }
.video_area { position:relative; height:0; padding-top:56.25% }
/* .video_area iframe { position:absolute; width:100%; height:100%; left:0; top:0; max-height:750px } */
span.blind { display:inline-block; background:#666; color:#666; cursor:pointer; font-weight:500 }
span.blind.on { color:#f28007; background:#fff }
/* 블라인드 이미지 처리 */
span.blind img { opacity:0 }
span.blind.on img { opacity:1 }

.q_area { margin:0 0 30px; position:relative; padding:0 0 0 50px }
.q_area:before { content:"Q"; display:block; font-size:3rem; position:absolute; left:0; top:0; line-height:1; font-weight:700; color:#2996E7 }
.q_area p { font-weight:500; font-size:1.1rem; padding:5px 0 5px }
.q_area ol { list-style:decimal; margin:0 0 0 30px }
.q_area li { margin:5px 0 0 0; cursor:pointer; position:relative; min-height:24px }
.q_area li:hover:before { display:block; content:"V"; font-size:1.4rem; font-weight:700; color:#E3151B; position:absolute; left:-19px; top:-3px }
.q_area li.on { color:#4ec101 }
.q_area li.on:before { display:block; content:"O"; font-size:2.4rem; font-weight:500; color:#6ccf01; position:absolute; left:-26px; top:-13px }
.a_area { background:#f0f0f0; border:1px solid #e0e0e0; padding:25px 30px 25px 70px; border-radius:20px; position:relative; min-height:100px }
.a_area:before { content:"A"; display:block; font-size:3rem; position:absolute; left:25px; top:25px; line-height:1; font-weight:700; color:#f28007 }
.a_area .answer { display:none }
.a_area .answer.default { padding:10px 0 0 0 }
.a_area .answer.default strong { color:#f28007 }
.a_area .answer.wrong { padding:6px 0 0 0; font-size:1.2rem }
.a_area .answer.wrong strong { font-size:2.2rem; color:#E3151B; line-height:1; vertical-align:-5px }
.a_area .answer.correct { padding:0; font-size:1.2rem; position:relative }
.a_area .answer.correct p { width:calc(100% - 180px) }
.a_area .answer.correct strong { color:#4ec101; }
.a_area .answer.correct .guide { margin:5px 0 0 0; font-size:1rem; color:#888 }
.a_area .answer.correct .btn { position:absolute; right:0; bottom:0 }
.a_area .answer.correct .btn i { vertical-align:0; margin-left:3px }

.next_class { text-align:center }
.next_class h3 { background:#222; border-radius:5px; padding:25px; color:#fff; font-size:1.15rem; font-weight:500 }
.next_class h3 strong { font-weight:500; color:#f7cc03 }
.next_class p { margin:25px 0 0 0 }

.quiz { height:400px; overflow-y:auto }
.next_q { background:#fff; position:absolute; left:30px; top:30px; width:calc(100% - 60px); display:none; height:100% }

#player-area { position:absolute; width:100%; height:100%; left:0; top:0 }

/* skin 손해평가사 이론(블루) */
#container.skin01 .page_header h3 { background:#125cc1; background-image:linear-gradient(to bottom,#1b66cd 50%,#125cc1 50%) }
#container.skin01 .page_header .subj dt { background:#306fc5; background-image:linear-gradient(to bottom,#3878d0 50%,#306fc5 50%); }
#container.skin01 .page_header .subj dd { background:#6192d5; background-image:linear-gradient(to bottom,#6a9adc 50%,#6192d5 50%) }
#container.skin01 .page_aside dl { background:#125cc1; background-image:linear-gradient(90deg,#013d74,#006ecf)}
#container.skin01 .page_contents { background-image:url(../img/bg.jpg) }

/* skin 손해평가사 실무(블루) */
#container.skin02 .page_header h3 { background:#0181a1; background-image:linear-gradient(to bottom,#039dc4 50%,#0181a1 50%) }
#container.skin02 .page_header .subj dt { background:#1f97b3; background-image:linear-gradient(to bottom,#28afce 50%,#1f97b3 50%); }
#container.skin02 .page_header .subj dd { background:#4ca8bf; background-image:linear-gradient(to bottom,#58bfd9 50%,#4ca8bf 50%) }
#container.skin02 .page_aside dl { background:#0181a1; background-image:linear-gradient(90deg,#0181a1,#01b5d5)}
#container.skin02 .page_contents { background-image:url(../img/bg.jpg) }

/* skin 신재생에너지 이론(그린) */
#container.skin03 .page_header h3 { background:#019916; background-image:linear-gradient(to bottom,#01b51a 50%,#019916 50%); color:#eaff04 }
#container.skin03 .page_header h2 { color:#eaff04 }
#container.skin03 .page_header .subj dt { background:#02ad0a; background-image:linear-gradient(to bottom,#03c30c 50%,#02ad0a 50%); color:#eaff04 }
#container.skin03 .page_header .subj dd { background:#59c65e; background-image:linear-gradient(to bottom,#62d767 50%,#59c65e 50%) }
#container.skin03 .page_aside dl { background:#019916; background-image:linear-gradient(90deg,#019916,#01d61f)}
#container.skin03 .page_contents { background-image:url(../img/bg02.jpg) }

/* skin 신재생에너지 실무(그린) */
#container.skin04 .page_header h3 { background:#558b00; background-image:linear-gradient(to bottom,#64a400 50%,#558b00 50%); color:#eaff04 }
#container.skin04 .page_header h2 { color:#eaff04 }
#container.skin04 .page_header .subj dt { background:#6e9e00; background-image:linear-gradient(to bottom,#7db300 50%,#6e9e00 50%); color:#eaff04 }
#container.skin04 .page_header .subj dd { background:#94c12d; background-image:linear-gradient(to bottom,#a1d034 50%,#94c12d 50%) }
#container.skin04 .page_aside dl { background:#558b00; background-image:linear-gradient(90deg,#558b00,#80d002)}
#container.skin04 .page_contents { background-image:url(../img/bg02.jpg) }

/* skin 소비자상담사 이론(브라운) */
#container.skin05 .page_header h3 { background:#8b4d00; background-image:linear-gradient(to bottom,#a45c00 50%,#8b4d00 50%); color:#ffde00 }
#container.skin05 .page_header h2 { color:#ffde00 }
#container.skin05 .page_header .subj dt { background:#9e4a00; background-image:linear-gradient(to bottom,#b35400 50%,#9e4a00 50%); color:#ffde00 }
#container.skin05 .page_header .subj dd { background:#c87d3a; background-image:linear-gradient(to bottom,#d98841 50%,#c87d3a 50%) }
#container.skin05 .page_aside dl { background:#8b4d00; background-image:linear-gradient(90deg,#8b4d00,#c88002)}
#container.skin05 .page_contents { background-image:url(../img/bg03.jpg) }

/* skin 소비자상담사 실무(브라운) */
#container.skin06 .page_header h3 { background:#8b6d00; background-image:linear-gradient(to bottom,#a48200 50%,#8b6d00 50%); color:#ffde00 }
#container.skin06 .page_header h2 { color:#ffde00 }
#container.skin06 .page_header .subj dt { background:#9e6e00; background-image:linear-gradient(to bottom,#b37e00 50%,#9e6e00 50%); color:#ffde00 }
#container.skin06 .page_header .subj dd { background:#c89e3a; background-image:linear-gradient(to bottom,#d9ab41 50%,#c89e3a 50%) }
#container.skin06 .page_aside dl { background:#907200; background-image:linear-gradient(90deg,#907200,#cca202)}
#container.skin06 .page_contents { background-image:url(../img/bg03.jpg) }

/* skin 소방 - 전기 */
#container.skin07 .page_header h3 { background:#be048a; background-image:linear-gradient(to bottom,#cd1b9a 50%,#be048a 50%) }
#container.skin07 .page_header .subj dt { background:#c5309b; background-image:linear-gradient(to bottom,#d038a5 50%,#c5309b 50%); }
#container.skin07 .page_header .subj dd { background:#d561b4; background-image:linear-gradient(to bottom,#dc6abb 50%,#d561b4 50%) }
#container.skin07 .page_aside dl { background:#86016e; background-image:linear-gradient(90deg,#86016e,#ce00aa)}
#container.skin07 .page_contents { background-image:url(../img/bg04_01.jpg) }

/* skin 소방 - 기계 */
#container.skin08 .page_header h3 { background:#4601a1; background-image:linear-gradient(to bottom,#5703c4 50%,#4601a1 50%) }
#container.skin08 .page_header .subj dt { background:#5d1fb3; background-image:linear-gradient(to bottom,#6d28ce 50%,#5d1fb3 50%); }
#container.skin08 .page_header .subj dd { background:#7d4cbf; background-image:linear-gradient(to bottom,#8f58d9 50%,#7d4cbf 50%) }
#container.skin08 .page_aside dl { background:#4701a6; background-image:linear-gradient(90deg,#4701a6,#5301d4)}
#container.skin08 .page_contents { background-image:url(../img/bg04_02.jpg) }

/* 201209 플레이어 css */
#player, .vc-front-screen-thumbnail-container { width:100% !important; height:100% !important }
#content-metadata, #play-controller { width:100% !important }
#content-metadata .vc-content-meta-title { width:100% !important; margin-left:0 !important; padding-left:10px }
.vc-front-screen-thumbnail { width:100% !important; height:100% !important; margin:0 !important }



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.btn { line-height:36px }
.q_area li:hover:before { left:-23px; }
.q_area li.on:before { left:-30px; }
}

audio { display:none }