@charset "utf-8";

/* reset */
html, body {height:100%;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6 {font-size:100%}
html, body, div, iframe, form, fieldset, legend, input, select, button, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0}
body, input, select, button, textarea, table {color:#333;font-size:12px}
ol, ul, li {list-style:none}
img, fieldset {border:0 none}
input, button, select, textarea, label {vertical-align:middle; resize:none}
input, textarea {-webkit-appearance:none; -webkit-border-radius:0}
input[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px}
input[type="button"], input[type="submit"], input[type="reset"] {cursor:pointer}
button {border:0 none; background:transparent; cursor:pointer}
button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal !important}
table {border-collapse:collapse; border-spacing:0}
address, optgroup {font-style:normal}
hr {display:none}
pre {white-space: pre-line !important}
legend {position:absolute; top:0; left:-99999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
caption {width:0; height:0; font-size:0; padding:0; line-height:0; text-indent:-999; overflow:hidden}
.blind {position:absolute; top:0; left:0; width:1px; height:1px; text-indent:10px; white-space:nowrap; overflow:hidden}
.hide {width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}

/* default link */
a {color: #333;text-decoration:none;}
hr {float:right;margin:55px 0 40px 0;width:88%;border-color: #ccc;}
hr.list {margin:20px 0 40px 0; width:100%;border-color: #ccc;}

/* margin */
.mt10 {margin-top:10px;}
.mt13 {margin-top:13px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}

/* skip Nav */
#skipNav {position:absolute;z-index:9999;left:0;top:0;width:100%}
#skipNav a {display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff}
#skipNav a:focus, #skipNav a:active {width:100%;height:auto;padding:5px 0;background-color:#d11f4d}

/* layout */
#wrap {width:100%;}
#wrap:after {display:block; content:""; clear:both}
#header {position:fixed;left:0;top:0;width:100%;min-width:320px;height:66px;background-color:#c71943;border-bottom:1px solid #a91b3d;z-index:999}
#header .nav_wrapper {position:relative;width:1100px;margin:0 auto;padding:0 5px 0 0;}
#header .nav_wrapper:after {content:"";height:0;line-height:0;clear:both;display:block;*zoom:1;}
#header .nav_wrapper h1 {position:relative;float:left;margin:0;z-index:999}
#header .nav_wrapper h1 a.logos{position:relative; display:block; width:60px; height:65px; }
#header .nav_wrapper h1 a.logos img {position:absolute; top:50%; margin-top:-20px; left:0; opacity:0; display:block; width:auto; height:40px;}
#header .nav_wrapper h1 a.on_oer img.oer_logo {opacity: 1; -webkit-transition: opacity .5s linear; transition: opacity .5s linear;}
#header .nav_wrapper h1 a.on_oer img.acu_logo  {opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear;}
#header .nav_wrapper h1 a.on_acu  img.oer_logo {opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear;}
#header .nav_wrapper h1 a.on_acu  img.acu_logo  {opacity: 1; -webkit-transition: opacity .5s linear; transition: opacity .5s linear;}
#header .nav_wrapper .login {position:absolute;right:0;padding:23px 0 25px 20px;text-align:right}
#header .nav_wrapper .login a {background:none}
#header .nav_wrapper .login a:hover {background:none !important}
#header .spinner-master {display:none;}
#header .gnb {position:relative;float:right;margin-right:150px;z-index:100}
#header .gnb > li {position:relative;display:inline-block;}
#header .gnb > li > ul.sub_menu {min-width:320px;padding:4px 0;background-color: #f4f4f4;border:1px solid #fff;}
#header .gnb ul li {padding:0;}
/* #header .gnb > ul > li {width:150px;display:inline-block;} */
#header .gnb > ul > li {width:150px;display:inline-block;}
#header .gnb ul li a {display:block;font-size:17px;font-weight:500;color:#fff;text-align:center;background-image:url(../images/oer/ico_tm_down.png);background-position:right 50%;background-repeat:no-repeat;text-decoration:none;}
#header .gnb ul li a:hover {color:#555;background-image:url(../images/oer/ico_tm_down.png) !important;background-position:right 50%;background-repeat:no-repeat !important;}
#header .gnb ul li.hover > a {/* background-color:#c71943; */color:#fff;}
#header .gnb ul li > a {padding:23px 10px 25PX;}
#header .gnb ul ul {display:none;position:absolute;top:65px;min-width:150px;}
#header .gnb ul ul li > a {padding:10px 20px;}
#header .gnb ul ul li > a:hover {background-image:none !important}
#header .gnb ul li:hover > ul {display:block;}
#header .gnb ul ul > li {position:relative;}
#header .gnb ul ul > li a {padding:10px 15px;height:auto;background:#c71943;color:#fff;font-size:14px;font-weight:300;}
#header .gnb ul ul > li a:hover {color:#2a2a39;}
#header .gnb ul ul ul {position:absolute;left:100%;top:0;}
@media all and (max-width:1100px) {
  #header .nav_wrapper {width:100%;padding:0 15px}
  #header .nav_wrapper .login {padding:23px 20px 25px 20px;}
  #header .gnb {float:right !important;}
}
@media all and (max-width:960px) {
  #header .gnb {margin-right:110px;}
}
@media all and (max-width:860px) {
  #header .nav_wrapper {padding:0}
  #header .nav_wrapper h1 {margin-left:20px}
  #header .nav_wrapper .login {right:70px;top:0;padding:23px 0 25px 20px}
  #header .spinner-master {display:block;float:right;position:relative;margin:20px;width:30px;height:25px;}

  #header .gnb {clear:both;float:none;min-width:inherit;margin-right:0}
	#header .gnb, 
	#header .gnb > ul ul {overflow:hidden;width:100%;max-height:0;padding:0;background-color:#c71943;}
  #header .gnb > li > ul.sub-menu {padding:0;border:none;}
  #header .gnb.active,
  #header .gnb > ul ul.active {max-height:55em;}
  #header .gnb ul {display:block;}
  #header .gnb ul li a {text-align:left}
  #header .gnb ul li a:hover {color:#fff !important;background-image:none !important}
  #header .gnb li,
  #header .gnb > ul > li {display:block;width:100%;border-bottom:1px solid #a91b3d;background-position:96.5% 50% !important}
  #header .gnb > ul > li:last-child {border-bottom:none}
  #header .gnb > ul > li:last-of-type a {border:none;padding:15px 20px;background-position:96.5% 50% !important}
  #header .gnb li a {color:#fff;display:block;padding:0.4em;position:relative;}
  #header .gnb li.has-submenu > a:after {content:"+";position:absolute;top:9px;right:20px;display:block;font-size:1.5em;}
  #header .gnb li.has-submenu > a.active:after {content:"-";}
  #header .gnb ul ul li > a:hover {background-image:none !important}
  #header .gnb ul ul > li {border:none}
  #header .gnb ul ul > li a {background-color:#454545;padding:10px 15px 10px 30px;}
  #header .gnb ul li > a {background:none;padding:15px 20px}
  #header .gnb ul li a:hover {background:#2a2a39;color:#fff;}
  #header .gnb ul li.hover > a {background:#2a2a39;color:#fff;}
  #header .gnb ul ul,
	#header .gnb ul ul ul {display:inherit;position:relative;left:auto;top:auto;border:none;min-width:auto}
	
  #header .nav-toggle span,
  #header .nav-toggle span:before,
  #header .nav-toggle span:after {cursor:pointer;border-radius: 1px; height: 4px; width: 27px; background: #fff; position: absolute; display: block; content: ""; transition: all 500ms ease-in-out; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px;}
  #header .nav-toggle {display:block;height:25px;}
  #header .nav-toggle span {top:10px;}
  #header .nav-toggle span:before {top:-9px;}
  #header .nav-toggle span:after {bottom:-9px;}
  #header .nav-toggle.active span {background-color:transparent;}
  #header .nav-toggle.active span:before {transform:rotate(135deg);top:0;-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg);}
  #header .nav-toggle.active span:after {transform:rotate(-135deg); top:0; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); }
}

/* visual */
#visual {width:100%;height:440px;margin:66px 0 50px; position:relative; background-color:#ECF3FC;overflow:hidden;}
/* container */
#container {clear:both;width:100%;position:relative}
#container #contents {width:1100px;margin:30px auto;vertical-align:top;}
#container #contents:after {content:'';display:block;clear:both}
@media all and (max-width:1100px) {
  #visual {margin:66px 0 30px}
  #container #contents {width:100% !important;margin:20px auto !important;padding:0 20px;}
}
#container #contents .loginNavTxt{font-size: 16px;color:#000;width:100%;height:auto;text-align:center;overflow:hidden;padding-bottom:3px;}
#container #contents .loginNavTxt{font-size: 16px;color:#000;width:100%;height:auto;text-align:center;overflow:hidden;padding-bottom:3px;margin:8px 0 4px 0;}
/* total menu */
.total_menu {clear:both;width:1100px;margin:30px auto;overflow:hidden;}
.total_menu ul {width:100%}
.total_menu ul li {float:left;display:inline-block;width:25%;text-align:center}
.total_menu dl {width:100%}
.total_menu dt {font-size:18px;color:#111;font-weight:bold;margin-bottom:20px}
.total_menu dd {font-size:15px;line-height:36px;color:#555}
.total_menu dd a {color:#111}
.total_menu dd a:hover {color:#c71943;text-decoration:underline}
@media all and (max-width:1100px) {
  .total_menu {width:100%;}
}
@media all and (max-width:520px) {
  .total_menu {margin:0 auto;}
  .total_menu ul li {width:50%;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
  .total_menu ul li:nth-child(2), .total_menu ul li:nth-child(4) {border-right:none}
  .total_menu ul li:nth-child(3), .total_menu ul li:nth-child(4) {border-bottom:none;}
  .total_menu dl {height:120px;padding:0 0 10px}
  .total_menu dt {background-color:#f5f5f5;padding:10px 0;margin-bottom:10px}
  .total_menu dd {font-size:14px;line-height:20px;}
}

/* footer */
#footer_wrap {clear:both;width:100%;padding:30px 0;border-top:1px solid #d2d2d2;background-color:#fff}
#footer {position:relative;width:1100px;margin:0 auto 20px}
#footer p.logo {position:absolute;top:18px;left:220px}
#footer ul.footmenu {float:left;padding:20px 0 0 450px}
#footer ul.footmenu li {float:left;padding:0 15px 0 15px;background:url('../images/portal/bar_footlink.gif') no-repeat 0 50%}
#footer ul.footmenu li:nth-child(1) {padding-left:0;background-image:none}
#footer ul.footmenu li a {color:#666666;font-size:14px;line-height:1.2}
#footer ul.footmenu li a:hover {font-weight:300;text-decoration:underline;}
/* #footer ul.footmenu li a.on {color:#d11f28} */
#footer p.copyright {clear:both;width:100%;text-align:center;color:#444;font-size:11px;padding:20px 0 0}
#footer p.copyright em {color:#333;font-weight:bold}
#footer .sns_app {position:absolute;top:20px;right:180px;}
#footer .sns_app li {display:inline-block;text-align:right;}
@media all and (max-width:1100px) {
  #footer_wrap {padding:30px 0 20px}
  #footer {width:100%;margin:0 0 20px;padding:0 20px;}
  #footer p.logo {position:relative;top:auto;left:auto;clear:both;width:100%;text-align:center;}
  #footer ul.footmenu {float:none;width:100%;text-align:center;padding:20px 0 0;}
  #footer ul.footmenu li {float:none;display:inline-block;}
  #footer .sns_app {position:relative;right:auto;top:10px;text-align:center;}
}
@media all and (max-width:480px) {
  #footer ul.footmenu li {float:left;width:50%;padding:7px 10px;background-color:#f5f5f5;}
  #footer ul.footmenu li:nth-child(1) {border-bottom:1px solid #eaeaea}
  #footer ul.footmenu li:nth-child(2) {border-bottom:1px solid #eaeaea}
  #footer ul.footmenu li:nth-child(3) {background-image:none}
}

/* Quick guide banner 2016.06.16 */
.search_wrap{position: relative; width:100%; height:100%; max-width:1100px; margin:0 auto; padding:0 10px; background:url(../images/oer/main_visual.png) no-repeat;background-size:auto 440px; box-sizing:border-box;}
.search_wrap .quickguide { position:absolute; left:-370px; top:55px; width:300px; height:300px; z-index:990; background:url(../images/oer/bg_main_quickguide.png) no-repeat center center; }
.search_wrap .quickguide .mobile {display:none;}
.search_wrap .quickguide .btn-guide-close {position:absolute;right:0;bottom:0;width:29px;height:29px;background:url(../images/oer/btn_quickguide_close.png) no-repeat right bottom;}

.search_wrap .quickguide2 { position:absolute; right:-320px; top:55px; width:300px; height:300px; z-index:990; background:url(../images/oer/bg_main_quickguide2.png) no-repeat center center; }
.search_wrap .quickguide2 .mobile {display:none;}
.search_wrap .quickguide2 .btn-guide-close {position:absolute;right:-10px;bottom:-10px;width:29px;height:29px;background:url(../images/oer/btn_quickguide_close.png) no-repeat right bottom;}

@media all and (max-width:1690px) {
  .search_wrap .quickguide {background:#c6ecfd;top:auto;bottom:18px;right:auto;left:10px;width:300px;height:100px;background-color:#25b7d3;background-image:none;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
  .search_wrap .quickguide .pc {display:none;}
  .search_wrap .quickguide .mobile {display:block;}
  .search_wrap .quickguide .btn-guide-close {bottom:auto;top:-10px;right:-10px;}
  
  .search_wrap .quickguide2 {background:#c6ecfd;top:auto;bottom:18px;right:auto;left:350px;width:300px;height:100px;background-color:#21BBFF;background-image:none;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
  .search_wrap .quickguide2 .pc {display:none;}
  .search_wrap .quickguide2 .mobile {display:block;}
  .search_wrap .quickguide2 .btn-guide-close {bottom:auto;top:-10px;right:-10px;}
}
@media all and (max-width:800px) {
  #visual {height:auto;}
  .search_wrap .quickguide {position:relative;right:auto;top:auto;bottom:auto;left:auto;width:500px;text-align:center;margin:0 auto;}
  .search_wrap .quickguide .mobile {display:inline-block;}
  
  .search_wrap .quickguide2 {position:relative;right:auto;top:auto;bottom:auto;left:auto;width:500px;text-align:center;margin:10px auto;}
  .search_wrap .quickguide2 .mobile {display:inline-block;}
}
@media all and (max-width:500px) {
  .search_wrap .quickguide {width:100%;}
}

/* search */
.search_wrap{position: relative; width:100%; height:100%; max-width:1100px; margin:0 auto; padding:0 10px; background:url(../images/oer/main_visual.png) no-repeat; background-size:auto 440px; box-sizing:border-box;}
.oer-logo {width:100%; max-width:1100px;}
.oer-logo a{display:inline-block; font-weight:500; font-size:60px; color:#D81547; letter-spacing:-0.8px; text-shadow:2px 2px 8px rgba(115,122,133,0.5);}
.oer-mungu {width:100%; max-width:1100px;color:#1A3759;letter-spacing:-0.34px;}
.oer-promotion {position:absolute;left:300px;top:70px;}
.oer-search {position:relative;width:100%;max-width:1100px;margin:0 auto;}
.oer-search .oer-input {position:relative;}
.oer-search .oer-input .oer-input-search {position: relative;}
.oer-search .oer-input .oer-input-search .blind {display:none}
.oer-search .oer-input .oer-input-search .searchInput {display:inline-block;width:100%;height:50px;padding:0 0 0 20px;line-height:50px;background:#fff;box-shadow:2px 2px 8px rgba(115,122,133,0.2);vertical-align:middle;border:none;color:#454545}
.searchInput:-webkit-autofill, .searchInput:-webkit-autofill:hover, .searchInput:-webkit-autofill:focus, .searchInput:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out;}
.oer-search .oer-input .oer-input-search .magnifyBtn {display:inline-block;height:50px;background-color:#1A3759;box-shadow:2px 2px 8px rgba(115,122,133,0.2);padding:0 20px;border-radius:4px;}
.oer-search .oer-input .oer-input-search .magnifyBtn span {display:inline-block;width:100%;height:50px;line-height:50px;text-align:center;color:white;font-size:15px;}
.oer-search .oer-best {position: relative; margin:15px 0 0 5px;}
.oer-search .oer-best li {display:inline-block; margin-bottom:5px;}
.oer-search .oer-best li a {display:block; background-color: #F65177; color:white; height:32px; line-height:32px; padding:0 15px; border-radius:4px;}
.oer-search .oer-best li a:hover {background-color: darken(#F65177,5%); text-decoration:underline;}
.oer-search .oer-best li .bar {color:#999;margin:0 3px}
.oer-search>.btn_category {position:absolute;left:-56px;top:0 !important;width:56px !important;height:56px !important;border:none !important;padding:0 !important;margin:0 !important;text-align:center;cursor:pointer;background:url(../images/oer/btn_oerMenu.gif) left top no-repeat}
.oer-search>.btn_category span {visibility:hidden;padding-top:20px;}
.oer-search .btn_option {position:absolute;width:40px;height:40px;background:url('../images/oer/btn_option.png') no-repeat; background-size:100% auto;}
.oer-search .btn_option span {visibility:hidden;}
.oer-search .option_list_wrap {position:absolute;top:57px;left:0;width:100%;max-width:425px;padding:10px 10px 5px;border:1px solid #d1d1d1;background-color:#fff;z-index:10;display:none}
.oer-search .option_list_wrap .option_list {position:relative}
.oer-search .option_list_wrap .option_help {position:absolute;right:15px;top:10px;display:block;width:20px;height:20px;margin-top:3px;background:url(../images/oer/ico_option_help.png) center top no-repeat;}
@media screen and (min-width:800px) {
  .oer-logo{margin:0 auto;}
  .oer-mungu{font-size:22px;margin:10px auto 40px;}
  .search_wrap{padding:70px 10px 90px; background-position:right bottom;}
  .oer-search .oer-input{display:inline-block;}
  .oer-search .oer-input .oer-input-search form{padding-right:105px;}
  .oer-search .oer-input .oer-input-search .searchInput{min-width:425px;}
  .oer-search .oer-input .oer-input-search .magnifyBtn{position: absolute; top:0; right:0;}
  .oer-search .btn_option{right:120px;top:50%;margin-top:-22px;}
}
@media screen and (max-width:799px) {
  .oer-logo{text-align:center;}
  .oer-mungu{font-size:20px; text-align:center; margin:10px auto 30px;}
  .oer-promotion {display:none;}
  .search_wrap{padding:50px 10px; background-position:center;background-image:none;}
  .oer-search {max-width:500px;}
  .oer-search .oer-input .oer-input-search .magnifyBtn{width:100%; margin-top:7px;}
  .oer-search .btn_option{right:15px;top:5px;}
}

/* Sub : Search */
.oer-top-search-wrap {clear:both;width:100%;background-color:#fff;margin:20px 0 0}
.oer-top-search {position:relative;width:490px;margin:0 auto}
.oer-top-search:after{content:"";height:0;line-height:0;clear:both;display:block;*zoom:1;}
.oer-top-search .oer-top-menu {position:absolute;left:-55px;top:1px;display:block;cursor:pointer;width:40px;height:35px;background:url('../images/oer/btn_sub_oerMenu.gif') left top no-repeat}
.oer-top-search .oer-top-menu span {visibility:hidden}
.oer-top-search .oer-top-logo {display:inline-block;width:145px;height:29px;margin:4px 20px 0 0}
.oer-top-search .oer-top-input {position:relative}
.oer-top-search .oer-top-input .oer-input-search {float:left;position:relative;width:350px;height:43px}
.oer-top-search .oer-top-input .oer-input-search .blind {display:none}
.oer-top-search .oer-top-input .oer-input-search .searchInput {float:left;width:100%;height:35px;line-height:35px;padding:1px 15px;vertical-align:middle;border:none}
.oer-top-search .oer-top-input .magnifyBtn {float:right;display:inline-block;width:37px;height:37px;cursor:pointer;background:url('../images/oer/btn_sub_oer-search.png') center 50% no-repeat;overflow:hidden}
.oer-top-search .oer-top-input .magnifyBtn span {visibility:hidden}
.oer-top-search .oer-top-input .btn_option {position:absolute;right:-37px;top:3px;width:27px;height:27px;background:url('../images/oer/btn_option_w.png') center 50% no-repeat;}
.oer-top-search .oer-top-input .btn_option span {visibility:hidden}

.oer-top-search .oer-input-search {float:left;width:400px;height:50px;background:url(../images/oer/bg_sub_search2.gif) right top no-repeat;background-size:100% 50px;padding:5px 0}
.oer-top-search .oer-input-search .blind {display:none}
.oer-top-search .oer-input-search .searchInput {float:left;width:100%;height:35px;padding:5px 15px;vertical-align:middle;border:none}
.oer-top-search .btn_s_search {display:inline-block;width:50px;height:50px;background:url(../images/oer/btn_search.gif) center 50% no-repeat;cursor:pointer;overflow:hidden}
.oer-top-search .btn_s_search:hover, .oer-top-search .btn_s_search:focus, .oer-top-search .btn_s_search:active, .oer-top-search .btn_s_search:visited {background:url(../images/oer/btn_search.gif) center 50% no-repeat}
.oer-top-search .btn_s_search span {visibility:hidden}
.oer-top-search .btn_option {display:inline-block;width:27px;height:27px;margin:10px 0 0;background:url(../images/oer/btn_option_b.png) center 50% no-repeat}
.oer-top-search .btn_option span {visibility:hidden}

/* option layer */
.oer-top-search .option_list_wrap {position:absolute;top:48px;left:0px;width:376px;padding:15px 10px;border:2px solid #d1d1d1;background-color:#fff;border-radius:5px;z-index:30;display:none}
.oer-top-search .option_list_wrap:after {content:'';clear:both;display:block}
.oer-top-search .option_list_wrap .tooltip {position:fixed;}
.oer-top-search .option_list_wrap .tooltip-inner {max-width:none;white-space:pre;text-align:left;} 
.oer-top-search .option_list_wrap .option_list {position:relative;text-align:left}
.oer-top-search .option_list_wrap .option_list li {display:inline-block;text-align:center;margin:0 5px;vertical-align:middle}
.oer-top-search .option_list_wrap .option_list li label {line-height:18px}
.oer-top-search .option_list_wrap .option_list li input {margin:5px 5px 0 0;color:#454545;font-size:14px}
.oer-top-search .option_list_wrap .option_help {position:absolute;right:15px;top:10px;display:block;width:20px;height:20px;margin-top:3px;background:url('../images/oer/ico_option_help.png') center top no-repeat}
@media screen and (max-width:620px) {
  .oer-top-search .option_list_wrap {position:relative;top:auto;left:auto;width:auto;padding:15px 10px;}
  .oer-top-search .oer-input-search {margin:0}
}

.oer-search .option_list_wrap {position:absolute;height:50px;padding:15px 10px 5px;border-top:1px solid #d1d1d1;background-color:#fff;z-index:10;display:none}
.oer-search .option_list_wrap .tooltip {position:fixed;}
.oer-search .option_list_wrap .tooltip-inner {max-width:none;white-space:pre;text-align:left;} 
.oer-search .option_list_wrap .option_list {position:relative;}
.oer-search .option_list_wrap .option_list li {display:inline-block;text-align:center;margin:0 5px;}
.oer-search .option_list_wrap .option_list li input {margin-right:5px;color:#454545;font-size:14px;line-height:20px;}
.oer-search .option_list_wrap .option_help {position:absolute;right:15px;top:10px;display:block;width:20px;height:20px;margin-top:3px;background:url('../images/oer/ico_option_help.png') center top no-repeat}

/* Sub : Search Result */
.tit_search_result {clear:both;font-size:24px;color:#000;font-weight:bold;letter-spacing:-0.05em;padding:3px 0 10px 40px;height:45px;margin:0;border-bottom:1px solid #b2b2b2;background:url('../images/oer/ico_cont_result_tit.gif') left 5px no-repeat;}
.related_search {width:100%;margin:10px 0;overflow:hidden}
.related_search li {float:left;padding:1px 15px 0 10px;background:url('../images/oer/bul_dot_result.gif') left 10px no-repeat}
.related_search li.first {margin-right:15px;background:none;padding:0}
.related_search li a {color:#767676}
.related_search li a:hover {text-decoration:underline;color:#df2027}
@media screen and (max-width:620px) {
  .oer-top-search {width:90%;margin:0 auto;overflow:hidden}
  .oer-top-search .btn_s_search {float:none;background-position:center 40%;}
  .oer-top-search .oer-top-input .oer-input-search {width:70%}
  .oer-top-search .oer-input-search {float:none;display:inline-block;width:70%;background-size:100% 45px;}
  .oer-top-search .btn_option {margin:7px 0 0}
}

/* Course Detail box */
.detailTit {width:100%;font-size:22px;margin-bottom:25px;letter-spacing:-0.05em;text-align:center;text-decoration:underline;overflow:hidden}
.detailTit span {font-size:26px;line-height:34px;font-weight:bold;color:#000}
.detailTit a {color:#454545}

.lectureDetailWrap {width:100%;margin-bottom:20px;}
.lectureDetailWrap:after{content:"";height:0;line-height:0;clear:both;display:block;*zoom:1;}
.lectDetailList {clear:both;width:100%;overflow:hidden}
.lectureDetailBox {position:relative;height:auto;min-height:270px;border:1px solid #dedede;background-color:#f5f5f5;padding:35px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden}
.lectureDetailBox::after {content:'';clear:both;display:block}
.lectureDetailBox .photo {float:left;width:23%}
.lectureDetailBox .photo img {width:100%;height:150px}
.lectureDetailBox .infor {float:right;width:75%}
.lectureDetailBox .infor ul {clear:both;width:100%;overflow:hidden}
.lectureDetailBox .infor ul li {clear:none;float:left;display:block;font-size:13px;width:35%;line-height:18px;padding:2px 0 2px 12px;margin:0 0 0 5px;background:url('../images/oer/bul_dot_infor_list.gif') left 10px no-repeat}
.lectureDetailBox .infor .cont {clear:both;width:515px;min-height:50px;font-size:14px;color:#666;line-height:22px;border-top:1px solid #dedede;margin:15px 0 0;padding:30px 0 0;overflow:hidden}
.lectureDetailBox .infor .cont .warning{clear:both; margin-bottom:10px;}
.lectureDetailBox .infor .cont .warning div{clear:both; display:inline;}
.lectureDetailBox .infor .cont .warning img{width:8%; float:left; margin-right:20px;}
.lectureDetailBox .infor .cont .warning span{color:red;}
@media screen and (max-width:1090px) {
  .lectureDetailBox .infor .cont .warning img{width:7%; float:left; margin-right:20px;}
}
@media screen and (max-width:800px) {
  .lectureDetailBox .infor .cont .warning img{width:10%; float:left; margin-right:20px;}
}
.lectureDetailBox .add_bookmark {position:absolute;left:50px;top:200px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url('../images/oer/ico_add_bookmark.png') left top no-repeat;z-index:2}
.lectureDetailBox .add_bookmark:hover {text-decoration:underline}
.lectureDetailBox .ccl {position:absolute;right:20px;bottom:12px;z-index:2;font-size:11px;text-align:right;}
.lectureDetailBox .user_evaluation {position:absolute;right:20px;top:35px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2;overflow:hidden}
.lectureDetailBox .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px;background:url('../images/oer/bul_dot_infor_list.gif') left 7px no-repeat}
.imageinfo {float:right;}
.lectureDetailBox .lectureDetailBtn {position:absolute;right:20px;top:140px;}
.lectureDetailBox .lectureDetailBtn a.tbl_btn {display:inline-block; padding:5px 10px; line-height:22px; color:white; border-radius:5px;}
.lectureDetailBox .lectureDetailBtn a.tbl_btn i{font-size:13px; line-height:22px; margin-right:5px;}
.lectureDetailBox .lectureDetailBtn a.tbl_btn.red {background-color:#e5335f;}
.lectureDetailBox .lectureDetailBtn a.tbl_btn.blue {background-color:#11accd;}

.detailList {clear:both;width:100%;margin:10px 0;border:1px solid #dedede;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden}
.detailListTit {clear:both;color:#fff;font-size:18px;padding:15px 20px;background:#3f3d54;overflow:hidden}
.detailListTit .total_num {color:#ecb71a}
@media screen and (max-width:1090px) {
  .lectureDetailBox .user_evaluation {position:relative;right:auto;top:auto;text-align:left;clear:both;margin:15px 0;}
  .lectureDetailBox .lectureDetailBtn {position:relative;right:auto;top:auto;}
  .lectureDetailBox .infor ul li {width:49%}
  .lectureDetailBox .infor .cont {width:100%;padding:10px 0}
}
@media screen and (max-width:800px) {
  .lectureDetailBox {width:100%;min-height:auto}
  .lectureDetailBox .photo {clear:both;width:100%;text-align:center;overflow:hidden}
  .lectureDetailBox .photo img {width:250px;margin:0 auto 20px;}
  .lectureDetailBox .infor {float:none;clear:both;width:100%;margin:15px 0 0}
  .lectureDetailBox .add_bookmark {position:relative;left:auto;top:auto;clear:both;width:140px;margin:0 auto;text-align:left}
}
@media screen and (max-width:610px) {
  .lectureDetailBox {padding:35px 20px}
  .lectureDetailBox .infor ul li {width:48%}
  .lectureDetailBox .infor .cont {font-size:13px;min-height:auto}
}
@media screen and (max-width:480px) {
  .lectureDetailBox .infor ul li {width:100%}
  .lectureDetailBox .ccl {position:relative;right:auto;bottom:auto;text-align:left;clear:both;margin:10px 0 0}
}

/* lecture table */
.tbl_type01 {width:100%;border-top:1px solid #000;overflow:hidden}
.tbl_type01 caption {width:0;height:0;line-height:0;padding:0;text-indent:-9999;visibility:hidden}
.tbl_type01 thead th {font-size:14px;padding:10px;font-weight:bold;text-align:center;color:#454545;border-bottom:1px solid #ddd;background-color:#f5f5f5}
.tbl_type01 tbody th {font-size:12px;line-height:18px;border-bottom:1px solid #ddd;}
.tbl_type01 tbody td {font-size:12px;line-height:18px;border-bottom:1px solid #ddd;padding:10px;vertical-align:middle;text-align:left}
.tbl_type01 tbody td a {color:#666}
.tbl_type01 tbody td a:hover {text-decoration:underline}
.tbl_type01 tbody td.aC {text-align:center}
.tbl_type01 tbody td.aR {text-align:right}
.tbl_type01 tbody td.contName {max-width:250px;overflow:hidden}
.tbl_type01 tbody td.contOrg {max-width:217px;overflow:hidden}
.tbl_type01 tbody td.cert_area {position:relative}

.topic_tit {width:100%; margin-bottom:0}
.topic_tit li {clear:both;padding:2px 0}
.topic_tit li a {font-size:13px}
.topic_tit li a:hover {color:#c03b2b;}
.topic_list {width:100%}
.topic_list li {clear:both;padding:2px 0;font-size:13px}
.topic_list li a {color:#333;border:1px solid #dedede;background:url(../images/oer/ico_red_arrow.gif) 85% 50% no-repeat;padding:6px 20px 6px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}

.tbl_chasi_lecture tbody td:nth-child(1) {width:10%}
.tbl_chasi_lecture tbody td:nth-child(2) {width:10%}
.tbl_chasi_lecture tbody td:nth-child(3) {width:20%}
.tbl_chasi_lecture tbody td:nth-child(4) {width:auto}
.tbl_chasi_lecture tbody td:nth-child(5) {width:15%}
.tbl_chasi_lecture tbody td img {width:auto;height:30px;}
.tbl_chasi_lecture tbody td span a.tbl_btn {display:inline-block; padding:5px 10px; line-height:22px; color:white; border-radius:5px; background-color:#474e61;}
.tbl_chasi_lecture tbody td span a.tbl_btn i{font-size:13px; line-height:22px; margin-right:5px;}
.tbl_chasi_lecture tbody td span a.tbl_btn.red {background-color:#e5335f;}
.tbl_chasi_lecture tbody td span a.tbl_btn.blue {background-color:#11accd;}
.tbl_chasi_lecture tbody td .ti {display:none}
@media screen and (max-width:560px) {
  .tbl_chasi_lecture thead th {display:none}
  .tbl_chasi_lecture tbody td:nth-child(1) {display:none}
  .tbl_chasi_lecture tbody td:nth-child(2),
  .tbl_chasi_lecture tbody td:nth-child(3),
  .tbl_chasi_lecture tbody td:nth-child(4),
  .tbl_chasi_lecture tbody td:nth-child(5),
  .tbl_chasi_lecture tbody td:nth-child(6) {float:left;clear:both;display:block;width:100%}

  .tbl_chasi_lecture tbody td .ti {float:left;display:block;width:30%;padding:10px;font-weight:300;text-align:left;line-height:18px}
  .tbl_chasi_lecture tbody td .tc {float:left;display:block;width:70%;padding:10px;text-align:left}
}

h3.main_subttl{position:relative; width:100%; font-weight:500; letter-spacing:-0.8px; text-align:center; margin-bottom:20px; font-size:40px;}
@media screen and (max-width:799px){
  h3.main_subttl{font-size:32px;}
}

/* Main : Tabs */
.main_tabs{position: relative; width:100%; max-width:400px; margin:0 auto 30px;}
.main_tabs:after{content:"";height:0;line-height:0;clear:both;display:block;*zoom:1;}
.main_tabs  li{width:50%; float:left; margin-left:-1px; background-color: #fff;}
.main_tabs  li:first-child{margin-left:0; border-radius:6px 0 0 6px; overflow: hidden;}
.main_tabs  li:last-child{border-radius:0 6px 6px 0; overflow: hidden;}
.main_tabs  li a{display:block; font-size:15px; text-align:center; padding:0 20px; height:42px; line-height:42px; color:#555555;}
.main_tabs  li a:hover{background-color:#f5f5f5;}
.main_tabs  li a.active.blue{background-color:#1A3759; color:white;}
.main_tabs  li a.active.blue:hover{background-color:darken(#1A3759,5%);}
.main_tabs  li a.active.red{background-color:#C81946; color:white;}
.main_tabs  li a.active.red:hover{background-color:darken(#C81946,5%);}

/* Main : Video List */
.photoGallery {position: relative; width:100%;}
.photoGallery.owl-carousel .owl-stage-outer{padding:5px 0; z-index: 1;}
.photoGallery.owl-carousel .owl-nav{width:100%; height:32px;}
.photoGallery.owl-carousel .owl-nav button{position:absolute; top:0; outline:none;}
.photoGallery.owl-carousel .owl-nav button span{display:block;width:32px;height:32px!important;border-radius:50%;border:1px solid #dddddd;font-size:0!important;padding:0!important; background:url(../images/oer/owl_btn.png) no-repeat; background-size:64px auto; }
.photoGallery.owl-carousel .owl-nav button:hover span{background-color:#b4b9be; border-color:transparent;}
.photoGallery.owl-carousel .owl-nav .owl-next{right:0;}
.photoGallery.owl-carousel .owl-nav .owl-next span{background-position: 0 -1px;}
.photoGallery.owl-carousel .owl-nav .owl-next:hover span{background-position:-32px -1px;}
.photoGallery.owl-carousel .owl-nav .owl-prev{left:0;}
.photoGallery.owl-carousel .owl-nav .owl-prev span{background-position: 0 -33px;}
.photoGallery.owl-carousel .owl-nav .owl-prev:hover span{background-position:-32px -33px;}
.photoGallery.owl-carousel .owl-dots {display:none;}

@media screen and (min-width:800px){
  .photoGallery{padding:0 32px;}
  .photoGallery.owl-carousel .owl-nav{position:absolute; top:50%; left:0; margin-top:-14px;}
}
@media screen and (max-width:799px){
  .photoGallery.owl-carousel .owl-nav{position:relative; max-width:100px; margin:15px auto 0;}
}

/* Main : lecture List */
.lecture_wrap{position: relative; width:100%; overflow: hidden;}
.lecture_wrap:before{content:'';position:absolute;top:0;left:-60px;display:block;width:100%;height:100%;background:url(../images/oer/lecture_bg02.png) left center no-repeat; background-size:auto 120%; z-index:-1; opacity:0.3;}
.lecture_wrap:after{content:'';position:absolute;top:0;right:-60px;display:block;width:100%;height:100%;background:url(../images/oer/lecture_bg01.png) right center no-repeat; background-size:auto 120%; z-index:-1; opacity:0.3;}
.lecture_wrap .lecture{max-width:1100px; margin:0 auto; padding:40px 0 20px;} 
.lecture_wrap .main_tabs li{border: 1px solid #DDDDDD;}

@media screen and (max-width:1100px) {
  .lecture_wrap:before, .lecture_wrap:after{display:none;}
}

/* Main : Courses */
.courses_wrap {clear:both;width:100%;background-color:#162b48;overflow:hidden}
.courses_wrap .courses {max-width:1100px;margin:0 auto;padding:40px 0 20px;text-align:center}
.courses_wrap .courses .pro_tit {clear:both;font-size:30px;font-weight:300;color:#fff}
.courses_wrap .courses .main_subttl {color:#fff}
.courses_wrap .courses .pro_stit {clear:both;font-size:14px;line-height:18px;font-weight:100;color:#fff;padding:15px 0 30px;letter-spacing:0}
.mainPhotoGallery {clear:both;width:100%}
.mainPhotoGallery li {display:inline-block;text-align:center;overflow:hidden}
.mainPhotoGallery li .photo {position:relative;width:100%;height:200px;background-color:#dedede;overflow:hidden}
.mainPhotoGallery li .photo img {width:100%;height:200px}
.mainPhotoGallery li .photo .ico_video {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_video.png) center top no-repeat;z-index:10}
.mainPhotoGallery li .photo .ico_audio {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_audio.png) center top no-repeat;z-index:10}
.mainPhotoGallery li .photo .ico_document {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_document.png) center top no-repeat;z-index:10}
.mainPhotoGallery li .photo .ico_webContents {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_webContents.png) center top no-repeat;z-index:10}
.mainPhotoGallery li .photo .ico_webLink {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_webLink.png) center top no-repeat;z-index:10}
.mainPhotoGallery li dl {box-sizing:content-box;background-color:rgba(226,29,78,0.8);margin:0 auto;text-align:left}
.mainPhotoGallery li dl dt {overflow:hidden}
.mainPhotoGallery li dl dt a {display:block;display:-webkit-box;font-size:18px;height:48px;line-height:24px;font-weight:500;color:#fff;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.mainPhotoGallery li dl dt a:hover {text-decoration:underline;color:#fff}
.mainPhotoGallery li dl dd {font-size:16px;font-weight:100;color:#555}
.mainPhotoGallery li dl dd.category {font-size:14px;padding:7px 15px;overflow:hidden}
.mainPhotoGallery li dl dd.name {font-size:14px;line-height:18px;padding:5px 15px;color:#fff;overflow:hidden}
.mainPhotoGallery li dl dd.date {font-size:14px;line-height:18px;padding:0 15px 10px;color:#fcff00;overflow:hidden}
@media screen and (min-width:1101px) {
  .mainPhotoGallery li {width:32%;margin:0 1.5% 1.5% 0;padding:0;}
  .mainPhotoGallery li:nth-child(3) {margin:0 0 1.5%;}
  .mainPhotoGallery li dl {width:100%;height:120px}
}
@media screen and (max-width:1100px) {
  .courses_wrap .courses {width:100%;padding:30px 10px}
  .lecture_wrap{padding:30px 10px}
}
@media screen and (min-width:721px) and (max-width:1100px) {
  .mainPhotoGallery li {width:32%;margin:0 1.5% 1.5% 0;padding:0;}
  .mainPhotoGallery li .photo {height:180px}
  .mainPhotoGallery li .photo img {height:180px}
  .mainPhotoGallery li:nth-child(3) {margin:0 0 1.5%;}
  .mainPhotoGallery li dl {width:100%;height:115px}
  .mainPhotoGallery li dl dt a {height:40px;line-height:20px;font-size:16px;}
}
@media screen and (min-width:501px) and (max-width:720px) {
  .mainPhotoGallery li {width:32%;margin:0 1% 1.5% 0;padding:0;}
  .mainPhotoGallery li:nth-child(3) {margin:0 0 1.5%;}
  .mainPhotoGallery li .photo {height:120px}
  .mainPhotoGallery li .photo img {height:120px}
  .mainPhotoGallery li .photo .ico_video, 
  .mainPhotoGallery li .photo .ico_audio, 
  .mainPhotoGallery li .photo .ico_document, 
  .mainPhotoGallery li .photo .ico_webContents, 
  .mainPhotoGallery li .photo .ico_webLink {right:15px;}
  .mainPhotoGallery li dl dt a {height:36px;line-height:18px;font-size:14px;}
}
@media screen and (max-width:500px) {
  .courses_wrap .courses .pro_tit {font-size:26px;}
  .mainPhotoGallery li {width:100%;margin:0 0 3% 0;padding:0;}
  .mainPhotoGallery li .photo {height:200px}
  .mainPhotoGallery li .photo img {height:200px}
  .mainPhotoGallery li dl dt a {height:40px;line-height:20px;font-size:16px;}
}
@media screen and (max-width:360px) {
  .courses_wrap .courses .pro_tit {font-size:22px;}
  .courses_wrap .courses .pro_stit {font-size:13px;line-height:16px;}
}

/* 더보기 버튼 */
.btn_main_more_wrap {width:100%;margin:20px auto;text-align:center;overflow:hidden;}
.btn_main_more {display:inline-block;width:auto;height:40px;font-size:14px;color:#fff;text-align:left;letter-spacing:0.05em;padding:11px 20px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; overflow:hidden;}
.btn_main_more.blue {background-color:#1a3759;}
.btn_main_more.blue:hover {background-color:darken(#1a3759, 5%);text-decoration:underline;}
.btn_main_more.red {background-color:#c81946;}
.btn_main_more.red:hover {background-color:darken(#c81946, 5%);text-decoration:underline;}


/* student */
.student_story_wrap {clear:both;width:100%;padding:50px 0;background:#c71943 url(../images/oer/bg_student_story.jpg) center top no-repeat;overflow:hidden}
.student_story_wrap .student_story {width:1100px;margin:0 auto}
.student_story_wrap .stuL {float:left;width:40%;}
.student_story_wrap .stuR {float:right;width:60%;padding-left:20px}

.student_story_wrap .stu_video {position:relative;width:100%;height:332px;background:url(../images/oer/bg_main_tv.png) center top no-repeat}
.student_story_wrap .stu_video span {display:block;/* width:100%;height:auto; */padding:54px 10px 0;}
.student_story_wrap .stu_video .video_thumb {position:absolute;z-index:10;top:45px;height:250px;padding:0 8px}
.student_story_wrap .stu_video .video_thumb img {width:100%;height:100%}
.student_story_wrap .stu_b_tit {clear:both;width:100%;font-size:46px;line-height:64px;color:#fff;font-weight:bold;text-align:center}

.student_story_wrap .stu_photo {width:100%;padding:45px 0 0}
.student_story_wrap .stu_photo p {clear:both;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.student_story_wrap .stu_photo li {display:inline-block;width:32%;padding:0 2% 3% 0}
.student_story_wrap .stu_photo li:nth-child(3) {padding:0 0 3%}

.student_story_wrap .stu_txt {clear:both;width:100%;text-align:left;}
.student_story_wrap .stu_tit {clear:both;font-size:30px;font-weight:300;color:#fff;margin-bottom:10px}
.student_story_wrap .stu_stit {font-size:13px;line-height:18px;color:#fff;margin-bottom:15px}

.view {position:relative;text-align:left;overflow:hidden;background:#000}
.view .photo {position:relative;width:100%;height:104px;overflow:hidden;}
.view .photo .subject {position:absolute;bottom:0;left:0;display:block;width:100%;padding:5%;font-size:13px;color:#fff;z-index:2;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background:rgba(0,0,0,0.8)}
.view img {display:block;width:100%;height:100%;transition:all 0.2s linear}
.view a.info {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:3;text-decoration:none}
.view .mask {width:90%;height:90%;margin:6px auto 0;padding:0 5px;z-index:4;overflow:hidden}

.view-first ul {opacity:0;background-color:rgba(0, 0, 0, 0.8);transition:all 0.4s ease-in-out}
.view-first ul li {float:none;display:block;padding:0 10px;color:#fff}
.view-first ul li.plus {width:100%;margin:10px 0 5px;text-align:center}
.view-first ul li.plus img {width:20px;height:20px;margin:0 auto;transition:all 0.2s linear}
.view-first ul li.cont {clear:both;width:100%;font-size:11px !important;line-height:16px !important;}
.view-first a.info { opacity:0; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }

.view-first:hover .subject {display:none}
.view-first:hover a.info {opacity:1;}
.view-first:hover .mask {opacity:1;transition-delay:0.1s;}
.view-first:hover ul {opacity:1}
.view-first:hover ul li {float:left;font-size:14px;line-height:20px;padding:0}
.view-first:hover a.info {transition-delay:0.2s}
@media screen and (max-width:1100px) {
  .student_story_wrap {padding:50px 20px}
  .student_story_wrap .student_story {width:100%;}
  .student_story_wrap .stu_video {background-size:100% 332px;}
  .student_story_wrap .stu_video .video_thumb {padding:0}
}
@media screen and (min-width:491px) and (max-width:700px) {
  .student_story_wrap .stu_b_tit {font-size:30px;line-height:32px}
  .view .mask {height:90%;margin:6px auto 0;}
}
@media screen and (max-width:490px) {
  .student_story_wrap {padding:30px 20px}
  .student_story_wrap .stuL {float:none;clear:both;width:100%;}
  .student_story_wrap .stuR {float:none;clear:both;width:100%;}
  .student_story_wrap .stu_b_tit {font-size:28px;line-height:28px}
  .student_story_wrap .stu_photo {padding:20px 0 0}
  .view .photo {height:80px;}
  .view .mask {height:90%;margin:5% auto;}
  .view-first ul li.cont {display:block;display:-webkit-box;height:28px;padding:0 10px;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
}

/* Tab Content - menucool.com */
.tabs_search_result {clear:both;width:100%;margin:15px 0 10px;overflow:hidden}
.tabs {width:100%;margin:0;font-size:0;text-align:left;border-left:1px solid #d8d8d8}
.tabs li {position:relative;display:inline-block;width:33.3%;margin:0;background-color:#fff;}
.tabs li a {display:block;text-align:center;font-size:15px;text-decoration:none;padding:15px 22px;color:#454545;background:#fff;border-top:4px solid #9bb7d5;border-right:1px solid #d8d8d8;border-bottom:1px solid #d2d2d2}
.tabs li a:hover{color:#454545;background:#fff}
.tabs li.selected a {border-top:5px solid #3f3d54;border-bottom:1px solid #fff;background:url('../images/oer/ico_tab_b_arrow.gif') 93% 22px no-repeat}
.tabs li.selected a, ul.tabs li.selected a:hover {top:0;font-weight:normal}
.tabs li.selected a:hover{text-decoration:none;}

.tabs.tab_v2 {width:100%;margin:0;font-size:0;text-align:left;border-left:1px solid #d8d8d8}
.tabs.tab_v2 li {position:relative;display:inline-block;width:20%;margin:0;background-color:#fff;}
.tabs.tab_v2 li a {display:block;text-align:center;font-size:15px;text-decoration:none;padding:15px 22px;color:#454545;background:#fff;border-top:4px solid #9bb7d5;border-right:1px solid #d8d8d8;border-bottom:1px solid #d2d2d2}
.tabs.tab_v2 li a:hover{color:#454545;background:#fff}
.tabs.tab_v2 li.selected a {border-top:5px solid #3f3d54;border-bottom:1px solid #fff;background:url('../images/oer/ico_tab_b_arrow.gif') 93% 22px no-repeat}
.tabs.tab_v2 li.selected a, ul.tabs li.selected a:hover {top:0;font-weight:normal}
.tabs.tab_v2 li.selected a:hover{text-decoration:none;}

.tabcontents {width:100%;}
.tabcontents #view2 {display: none;}
.tabcontents #view3 {display: none;}
.tabcontents .search_result {padding:20px 20px 10px;border:1px solid #ccc;margin-top:-1px;background:#fff;overflow:hidden}
.tabcontents .search_result ul {width:100%;background-color:#fafafa;}
.tabcontents .search_result ul li {float:left;width:33.3%;text-align:left;font-size:12px;padding:1px 0}
.tabcontents .search_result ul li input {margin:0 5px 0 0;vertical-align:middle}
.tabcontents .search_result label {font-weight:normal;color:#666;font-size:12px;letter-spacing:-0.03em}
.tabcontents .btn_search_result {clear:both;float:right;background-color:#3f3d54;color:#fff;font-size:13px;text-align:center;padding:8px 15px;margin:15px 0 0;overflow:hidden}
.tabcontents .btn_search_result:hover {background-color:#333;color:#fff;cursor:pointer}

/* ---------------------------------------------- */
/* sub page */
/* ---------------------------------------------- */

/* subject & search */
.search_result {width:100%;margin:66px 0 0;overflow:hidden}
.result_tit {float:left;font-size:30px;font-weight:500;color:#444;margin:40px 0}
.result_tit span {color:#e5335f}
.sub_search {float:right;width:335px;height:50px;margin:30px 0;background:url(../images/oer/bg_sub_search.gif) right top no-repeat;background-size:100% 50px}
.sub_search .blind {display:none}
.sub_searchInput {float:left;width:85% !important;padding:5px 0 5px 20px;margin:10px 0 0;line-height:30px;font-size:14px;color:#454545;vertical-align:middle;border:none;overflow:hidden}
.btn_s_search {float:left;display:block;width:50px;height:50px;background:url(../images/oer/btn_search.gif) center 50% no-repeat;cursor:pointer;overflow:hidden}
.btn_s_search:hover, .btn_s_search:focus, .btn_s_search:active, .btn_s_search:visited {background:url(../images/oer/btn_search.gif) center 50% no-repeat;}
.btn_s_search span {visibility:hidden}
@media screen and (max-width:1100px) {
  .sub_searchInput {width:80% !important;}
}
@media screen and (max-width:900px) {
  .result_tit {margin:40px 0 0}
  .sub_search {clear:both;float:left;margin:15px 0 0}
  .sub_searchInput {width:75% !important;}
  .btn_s_search {float:right;margin-right:5px}
}
@media screen and (max-width:620px) {
  .sub_search {width:60%;min-width:280px}
  .sub_searchInput {width:80% !important;}
}
@media screen and (max-width:380px) {
  .result_tit {font-size:18px;font-weight:500}
}

/* ---------------- result word ----------------- */
.select_word {clear:both;width:100%;padding:15px 0;border-bottom:1px solid #d1d1d1;margin-bottom:30px;overflow:hidden}
.select_word ul {float:left;width:90%}
.select_word ul li {position:relative;float:left;margin:0 20px 10px 0}
.select_word ul li a.btn_word {display:block;background-color:#f6f7f7;font-size:16px;color:#333;text-align:left;padding:12px 50px 12px 15px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px}
.select_word ul li a.btn_word:hover {background-color:#666;color:#fff}
.select_word ul li a.btn_close {position:absolute;right:15px;top:16px;width:11px;height:11px;background:url(../images/oer/img_close.png) right top no-repeat}
.select_word ul li a.btn_close span {visibility:hidden}
.select_word .btn_clear {float:right;font-weight:bold;font-size:12px;color:#000;padding:10px}
.select_word .btn_clear:hover {background-color:#e5335f;color:#fff}
@media screen and (max-width:1100px) {
  .select_word {margin-bottom:20px}
}

/* left Menu : 왼쪽메뉴 */
#menu {float:left;width:22%;border:1px solid #d1d1d1;}
#menu .lnb {width:100%;}
#menu .lnb > li > a {clear:both;display:block;padding:15px;color:#363636;font-size:14px;font-weight:500;background-color:#f6f7f7;border-bottom:1px solid #d9d9d9;overflow:hidden}
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {background:#4c516e url(../images/oer/arrow_b.png) no-repeat 95% 50%;color:#fff;font-weight:500;text-decoration:none}
#menu .subLnb {background-color:#fff;padding:10px;}
#menu .subLnb li {display:block;font-size:12px;line-height:20px;color:#363636;background:url(../images/oer/bu_lm_dot.gif) left 10px no-repeat;padding:0 4px 0 10px}
#menu .subLnb li a {display:inline-block;width:85%;color:#333;}
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#4c516e;text-decoration:underline;}
#menu .subLnb li span {display:inline-block;width:15%;text-align:right;overflow:hidden}
#menu .subLnb li .blue {color:#11accd}
#menu .subLnb li .orange {color:#f5a916}
#menu .subLnb li .red {color:#e5335f}
@media screen and (max-width:1100px) {
	#menu {display:none;}
}

/* Mobile : 현재위치 & Select메뉴선택 */
.page-navi {background:#4c516e;}
.page-navi .navbar {padding:0;border-left:1px solid #6d7179;border-right:1px solid #6d7179;}
.page-navi .navbar .navbar-nav {width:100%;display:inline-block;}
.page-navi .navbar .navbar-nav>.nav-item {position:inherit;width:25%;float:left;border-right:1px solid #6d7179;border-bottom: 1px solid #6d7179;}
.page-navi .navbar .navbar-nav>.nav-item:last-child {border-right:none;}
.page-navi .navbar .navbar-nav>.nav-item:first-child {display:none;}
.page-navi .navbar .navbar-nav>.nav-item .nav-link {width:100%;display:block;color:#eaedf1;font-size:0.9rem;text-align:left;padding:15px 10px;background:url(../images/oer/location-arrow.png) 95% 50% no-repeat;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.page-navi .navbar .navbar-nav>li.open .nav-link.active {background:#c71943 url(../images/oer/location-arrow.png) 98% 50% no-repeat;}
.page-navi .navbar .navbar-nav>.nav-item .nav-link:hover,
.page-navi .navbar .navbar-nav>.nav-item .nav-link:focus {color:#fff;text-decoration:underline;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-toggle::after {display:none;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu {position:absolute;width:100%;border-radius:0;margin:0;border:1px solid #dedede;background:#fff}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul {width:100%;padding:0 0 10px;overflow:hidden;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li {padding:5px 10px}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li .dropdown-item {padding:0;color:#666;white-space:inherit;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li .dropdown-item.active {color:#1252bf;font-weight:500;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li .dropdown-item:hover, 
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li .dropdown-item:focus {color:#124fb6;font-weight:00;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li .dropdown-item:active {background-color:#f8f9fa;color:#0b3d91;font-weight:400;}
.page-navi .navbar .navbar-nav>.nav-item .dropdown-menu ul li .blue {float:right}
@media screen and (min-width:1101px) {
  .page-navi {display:none}
}
@media screen and (max-width:680px) {
  .page-navi .navbar .navbar-nav>.nav-item {width:50%;}
  .page-navi .navbar .navbar-nav>.nav-item .nav-link {font-size:0.8rem;background-position:98% 50%}
}

/* Contents : 본문 */
#cont {float:right;width:75%}
#cont h3 {display:inline-block;font-size:24px;font-weight:bold;color:#000}
#cont h3.point_h3 {font-size: 16px;color:#d11f4d;text-align:center;margin-top:20px;}
#cont h3 .btn_see_more {display:inline-block;font-size:14px;color:#11accd;margin-left:10px;padding:7px 10px;font-weight:normal}
#cont h3 .btn_see_more:hover {background-color:#11accd;color:#fff}
#cont .btn_thumnail {float:right;display:block;margin-bottom:10px}
#cont .btn_thumnail li {float:left}
@media screen and (max-width:1100px) {
  #cont {float:none;width:100%;margin-top:20px}
}
@media screen and (max-width:360px) {
  #cont h3 {font-size:20px}
  #cont h3 .btn_see_more {font-size:13px;margin-left:0;padding:7px 0;}
}

/* photo gallery */
.photoGallery li {max-width:320px;margin:0 auto;border-radius:6px;overflow:hidden;}
.photoGallery li:hover {box-shadow:0 0 8px rgba(115,122,133,0.5);}
.photoGallery li .photo {position:relative;width:100%;height:200px;background-color:#dedede;}
.photoGallery li .photo img {width:100%;height:200px}
.photoGallery li .photo .ico_video {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_video.png) center top no-repeat;z-index:10}
.photoGallery li .photo .ico_audio {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_audio.png) center top no-repeat;z-index:10}
.photoGallery li .photo .ico_document {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_document.png) center top no-repeat;z-index:10}
.photoGallery li .photo .ico_webContents {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_webContents.png) center top no-repeat;z-index:10}
.photoGallery li .photo .ico_webLink {position:absolute;bottom:-20px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_webLink.png) center top no-repeat;z-index:10}
.photoGallery li .photo .cate {position:absolute;bottom:-16px;left:15px;display:block;padding:0 10px; height:32px; line-height:32px; color:white; font-weight:300;}
.photoGallery li .photo .cate.ns {background-color: #10AA90;} /* Natural Sciences */
.photoGallery li .photo .cate.ss {background-color: #1AC1E1;} /* Social Sciences */
.photoGallery li .photo .cate.msp {background-color: #F28506;} /* Medical Sciences & Pharmacy */
.photoGallery li .photo .cate.ampe {background-color: #6423B3;} /* Art,Music & Physical Education */
.photoGallery li .photo .cate.eng {background-color: #0666CC;}  /* Engineering */
.photoGallery li .photo .cate.hum {background-color: #F24572;} /* Humanities */
.photoGallery li .photo .cate.edu {background-color: #C81944;} /* Education */
.photoGallery li dl {box-sizing:border-box;width:100%;background-color:#f6f6f6;text-align:left;padding:25px 15px 15px;}
.photoGallery li dl dt {min-height:48px;margin-bottom:10px;}
.photoGallery li dl dt a {display:block;display:-webkit-box;font-size:18px;line-height:1.3;font-weight:500;color:#555;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.photoGallery li dl dt a:hover {text-decoration:underline;color:#333}
.photoGallery li dl dd {font-size:14px;font-weight:100;line-height:1.25;color:#555; margin-bottom:5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photoGallery li dl dd i{display:inline-block; width:20px; height:20px; margin-right:10px; background:url(../images/oer/ico_info.png) no-repeat; background-size:100% auto; overflow: hidden;}
.photoGallery li dl dd.offered {color:#858585;}
.photoGallery li dl dd.create i{background-position: 0 -20px;}
.photoGallery li dl dd.datesmall{font-size:13px;letter-spacing:-0.07em;}

.photoGallery.v2 {clear:both;width:100%;margin:30px 0 20px;padding:0;overflow:hidden}
.photoGallery.v2 li {float:left;display:block;text-align:center;}
.photoGallery.v2 li .photo {position:relative;width:100%;height:200px;margin:0 auto;background-color:#dedede}
.photoGallery.v2 li .photo img {width:100%;height:100%;overflow:hidden}
.photoGallery.v2 li .photo .ico_video {position:absolute;bottom:-20px;right:20px;display:block;width:45px;height:45px;background:url(../images/oer/btn_video.png) center top no-repeat;z-index:10}
.photoGallery.v2 li dl {width:100%;background-color:#f6f6f6;margin:0 auto;text-align:left;overflow:hidden; padding:30px 15px 20px;}
@media screen and (min-width:1101px) {
  .photoGallery.v2 li {width:32%;margin:0 2% 2% 0}
  .photoGallery.v2 li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:621px) and (max-width:1100px) {
  .photoGallery.v2 li {width:32%;margin:0 2% 2% 0}
  .photoGallery.v2 li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:401px) and (max-width:620px) {
  .photoGallery.v2 li {width:48%;margin:0 2% 2% 0}
  .photoGallery.v2 li:nth-child(2n) {width:50%;margin:0 0 2%}
}
@media screen and (max-width:400px) {
  .photoGallery.v2 li {width:100%;margin:0 0 2%}
}

.photoGallery.v3 {clear:both;width:100%;margin:30px 0 20px;padding:0;overflow:hidden}
.photoGallery.v3 li {float:left;display:block;text-align:center;}
.photoGallery.v3 li .photo {position:relative;width:100%;height:200px;margin:0 auto;background-color:#dedede}
.photoGallery.v3 li .photo img {width:100%;height:100%;overflow:hidden}
.photoGallery.v3 li .photo .ico_video {position:absolute;bottom:-20px;right:20px;display:block;width:45px;height:45px;background:url(../images/oer/btn_video.png) center top no-repeat;z-index:10}
.photoGallery.v3 li dl {width:100%;background-color:#f6f6f6;margin:0 auto;text-align:left;overflow:hidden; padding:30px 15px 20px;}
@media screen and (min-width:1101px) {
  .photoGallery.v3 li {width:32%;margin:0 2% 2% 0}
  .photoGallery.v3 li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:621px) and (max-width:1100px) {
  .photoGallery.v3 li {width:32%;margin:0 2% 2% 0}
  .photoGallery.v3 li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:401px) and (max-width:620px) {
  .photoGallery.v3 li {width:48%;margin:0 2% 2% 0}
  .photoGallery.v3 li:nth-child(2n) {width:50%;margin:0 0 2%}
}
@media screen and (max-width:400px) {
  .photoGallery.v3 li {width:100%;margin:0 0 2%}
}

/* thumnail - table list */
.tbl_type02 {clear:both;width:100%;border:1px solid #e5e5e5;margin:30px 0 50px}
.tbl_type02 thead th {font-size:18px;line-height:20px;padding:20px 0;text-align:center;color:#333;background:#f4f4f4}
.tbl_type02 tbody th {font-size:16px;line-height:20px;padding:20px 0;text-align:center;border-bottom:1px solid #e5e5e5}
.tbl_type02 tbody td {font-size:16px;line-height:20px;padding:20px 0;color:#464646;border-bottom:1px solid #e5e5e5;padding:10px 20px}
.tbl_type02 tbody td .aC {text-align:center}
.tbl_type02 tbody td .aR {text-align:right}
.tbl_type02 tbody td.writer {font-size:14px;text-align:center;color:#464646}
.tbl_type02 tbody td.date {font-size:14px;text-align:right;color:#11accd}
.tbl_type02 tbody td a:hover {text-decoration:underline;font-weight:bold}

/* view top Area */
.topAreaWrap {width:100%;background:#f3f4f8 url(../images/oer/bg_topView.gif) center bottom repeat-x;border-bottom:1px solid #dddddd}
.topArea {position:relative;width:1100px;margin:0 auto}
.topArea dl {width:70%;padding:30px 0 20px}
.topArea dl dt {font-size:36px;line-height:36px;color:#000;font-weight:bold;margin-bottom:10px} /*width:680px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;*/
.topArea dl dd {font-size:24px;line-height:30px;color:#666;margin-bottom:35px}
.topArea dd.grade {font-size:18px;color:#666;margin:5px 0}
.topArea dd.name {font-size:18px;color:#666}
.topArea dd.name span.name {color:#008ed2;font-weight:bold}
.topArea dd.name span.language {width:60px;height:40px;background:url(../images/oer/ico_language.png) 10px 4px no-repeat;padding-left:35px}
.topArea dd.btn {margin:85px 0 30px}
.topArea dd.btn .btn_view {display:inline-block;font-size:30px;background-color:#e5335f;color:#fff;padding:15px 45px}
.topArea dd.btn .btn_view:hover {background-color:#aa0730}
.topArea .view_photo {position:absolute;right:0;top:110px;width:363px;height:239px;background-color:#dedede;z-index:2}

/* view cont Area */
/* 1단 */
.viewContWrap {width:100%;border-bottom:1px solid #ddd;overflow:hidden}
.viewContWrap .view_cont {width:1100px;margin:0 auto;padding:35px 0}
.viewContWrap .view_cont h3.view_tit {font-size:24px;font-weight:bold;color:#e5335f;margin-bottom:30px}
.viewContWrap .view_cont p.view_sentence {font-size:16px;line-height:28px;color:#000}
.viewContWrap .view_cont .view_list {font-size:16px;line-height:28px;color:#000;letter-spacing:-0.02em}
/* 2단 : 좌-박스, 우-텍스트 */
.viewContWrap .view_cont .view_list.v2 {clear:both;width:100%;margin-bottom:10px;overflow:hidden}
.viewContWrap .view_cont .view_list.v2 span.box_txt {float:left;display:block;margin-right:20px;font-size:16px;line-height:28px;font-weight:500;padding:15px 25px;color:#000;border:1px solid #ddd;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px}
.viewContWrap .view_cont .view_list.v2 ul {float:right;width:940px}
.viewContWrap .view_cont .view_list.v2 ul li {font-size:16px;line-height:28px;color:#000;letter-spacing:-0.02em}
@media screen and (max-width:1100px) {
  .viewContWrap .view_cont {width:100%;margin:0}
}

/* corriculum : accordion */
.accordion a {position:relative;display:block;padding:20px 0 20px 35px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient: vertical;-webkit-box-direction:normal;-webkit-flex-direction: column;flex-direction:column;color:#0066cc;font-size:18px;font-weight:bold;overflow:hidden}
.accordion a:hover,
.accordion a:hover::after {cursor: pointer;color: #0066cc}
.accordion a:hover::after {border:1px solid #0066cc}
.accordion a.active {color:#0066cc}
.accordion a::after {content:'+';position:absolute;left:0;font-size:1rem;color:#0066cc;padding:5px;width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #0066cc;background-color:#fff;text-align:center;box-sizing:content-box;}
.accordion a.active::after {content:'-';color:#0066cc;border:1px solid #0066cc}
.accordion .time_blue {display:block;position:absolute;right:0;top:0;padding:20px 0 0}

.accordion .content {display:none;padding:0 0 15px;margin-left:28px;background:url(../images/oer/bg_dotLine.gif) left bottom repeat-x;overflow:hidden}
.accordion .content ul {width:100%}
.accordion .content ul li {position:relative;line-height:24px}
.accordion .content ul li.ico_play {background:url(../images/oer/ico_play.gif) 10px 10px no-repeat;padding-left:25px}
.accordion .content ul li.ico_document {background:url(../images/oer/ico_document.gif) 10px 10px no-repeat;padding-left:25px}
.accordion .content ul li .time {position:absolute;right:0;top:0;color:#000;font-size:14p;text-align:right}
.accordion .accordion-item {background:url(../images/oer/btn_blue_seroline.gif) 3px 20px repeat-y}
.accordion .accordion-item .time_blue {position:absolute;right:0;top:0;color:#0066cc;font-weight:bold;font-size:18px}

/* professor : profile */
.viewContWrap .view_cont .view_profile {clear:both;width:100%;margin-bottom:10px;overflow:hidden}
.viewContWrap .view_cont .view_profile .img_profile {float:left;width:135px}
.viewContWrap .view_cont .view_profile dl {float:right;width:920px}
.viewContWrap .view_cont .view_profile dl dt {display:block;color:#0066cc;font-size:16px;font-weight:bold;margin-bottom:5px}
.viewContWrap .view_cont .view_profile dl dd {line-height:24px}
.viewContWrap .view_cont .view_profile dl dd.univercity {font-size:16px;color:#000;margin-bottom:5px}
.viewContWrap .view_cont .view_profile dl dd.introduction {font-size:14px;line-height:18px;color:#999}
.viewContWrap .view_cont .view_profile dl dd .btn_profile_link {display:block;font-size:16px;color:#ff9900;text-decoration:underline;margin-top:10px}

/* review */
.viewContWrap .view_cont .total_score {float:left;width:135px;background:#f6f6f6;text-align:center;margin-right:35px;padding:15px 0 30px 0}
.viewContWrap .view_cont .total_score .bnum {display:block;font-size:55px;color:#e5335f;font-weight:bold;margin-bottom:7px}
.viewContWrap .view_cont .total_score .s_tx {display:inline-block;font-size:12px;color:#767676;padding-top:7px}
.viewContWrap .view_cont .total_score .star-rating {margin:0 20px auto}

/* lecture Opinion */
.userOpinion {width:100%;border:1px solid #dedede;background-color:white;;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden;}
.userOpinionTit {clear:both;color:#fff;font-size:18px;padding:15px 20px;margin:0;background:#127681;overflow:hidden;cursor: pointer;}
.userOpinionTit .tit_login {float:right;font-size:14px;height:25px;padding:1px 0 0;overflow:hidden}
.userOpinionTit .tit_login a {color:#ecb71a;font-size:16px;padding:0 2px}
.userOpinionTit .tit_login a:hover {text-decoration:underline}
.userOpinionComment {clear:both;width:100%;padding:0;margin:0;overflow:hidden}
.commentInput {position:relative;clear:both;background:#f9f9f9;padding:10px 0 30px 20px;overflow:hidden}
.commentInput .comment_len {clear:both;margin:5px 0 5px 890px}
.commentInput .comment_id {float:left;width:200px;height:30px;padding:10px;border:1px solid #dedede;margin-left:140px}
.commentInput .comment_pw {float:left;width:200px;height:30px;padding:10px;border:1px solid #dedede;margin-left:20px}
.commentInput .comment_text {float:left;width:800px;height:60px;padding:10px;border:1px solid #dedede;margin-left:140px}
.commentInput .btnRegist {float:left;margin-left:5px}
.commentReply {clear:both;padding:0 20px}
.commentReply dl {width:100%;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #dedede}
.commentReply dl.no {border-bottom:none}
.commentReply dl dt {position:relative;font-size:16px;color:#454545;padding:8px 0}
.commentReply dl dt .comment_infor {display:inline-block;margin-top:5px;font-size:13px;font-weight:normal;}
.commentReply dl dt .date {display:inline-block}
.commentReply dl dt span {font-size:13px;font-weight:normal;padding-left:5px;color:#767676}
.commentReply dl dd {font-size:13px;line-height:20px;color:#666;padding:8px 0;word-break:break-all}
.btn_reply_more {clear:both;float:left;display:block;width:100%;background-color:#f5f5f5;border:1px solid #d1d1d1;padding:10px;text-align:center;color:#333;font-size:14px;margin:0 auto 30px;overflow:hidden}
.btn_reply_more:hover {text-decoration:underline}
@media screen and (max-width:1100px) {
  .commentInput .comment_len {width:100%;padding:10px 10% 10px;text-align:right;overflow:hidden}
  .commentInput .comment_id {width:30%}
  .commentInput .comment_pw {width:30%;margin-left:5px}
  .commentInput .comment_text {width:60%;margin-left:140px}
}
@media screen and (max-width:640px) {
  .commentInput .comment_id {margin-left:0}
  .commentInput .comment_text {clear:both;width:70%;margin-left:0}
}
@media screen and (max-width:460px) {
  .commentReply dl dt {padding:0}
  .commentReply dl dt .comment_infor {clear:both;display:block}
  .commentReply dl dt .date {display:block;width:100%}
  .commentReply dl dt span {padding:0;margin-top:6px}
  .commentReply dl dd {padding:0}
}
@media screen and (max-width:425px) {
  .userOpinionTit .tit_login {float:none;display:block;width:100%;text-align:right;margin-top:5px;overflow:hidden}
  .commentInput .comment_id {width:40%}
  .commentInput .comment_pw {width:40%}
  .commentInput .comment_text {width:60%}
}

/* lecture View */
.lectureViewTit {font-size:20px;margin-bottom:20px;letter-spacing:-0.02em;text-align:center;text-decoration:underline;overflow:hidden}
.lectureViewTit span {display:block;font-size:26px;line-height:30px;font-weight:bold;margin-bottom:10px;color:#000;overflow:hidden}
.lectureViewTit a {color:#666}
.lectureView_connection {display:block;width:370px;text-align:center;font-size:16px;color:#570c0c;border:1px solid #dedede;padding:25px 30px 25px 70px;margin:0 auto 25px;background:url('../images/oer/img_provide.png') 30px 15px no-repeat;overflow:hidden}
.lectureView_connection:hover {text-decoration:underline}
.lectureView_connection2 {text-align:center}
.lectureView_connection2 span {display:inline-block;text-align:center;font-size:16px;color:#570c0c;border:1px solid #dedede;padding:25px 30px 25px 70px;margin:0 auto 25px;background:url('../images/oer/img_provide.png') 20px 15px no-repeat;overflow:hidden}
.lectureView_connection2 .sns {float:right;padding:17px 0px 25px 0px;}
.lectureViewWrap {clear:both;display:block;overflow:hidden}
.lectureView {clear:both;width:100%}
.lectureView li {clear:both;padding:0 0 12px}
.lectureViewBox {position:relative;height:auto;border:1px solid #dedede;background-color:#f5f5f5;padding:35px 35px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden}
.lectureViewBox .video {position:relative;float:left;display:block;width:40%;height:240px}
.lectureViewBox .video img {width:100%;height:100%}
.lectureViewBox .video .play {position:absolute;top:82px;left:0;width:100%;height:89px;background:url('../images/oer/ico_video_play_1.png') center top no-repeat;z-index:2}
.lectureViewBox .infor {float:right;width:55%}
.lectureViewBox .infor ul {clear:both;width:100%;overflow:hidden}
.lectureViewBox .infor ul li {clear:none;width:100%;font-size:13px;line-height:18px;padding:2px 0 2px 12px;background:url('../images/oer/bul_dot_infor_list.gif') left 10px no-repeat}
.lectureViewBox .infor .cont {clear:both;width:100%;font-size:14px;color:#666;line-height:22px;border-top:1px solid #d1d1d1;margin:15px 0 0;padding:15px 0 0;overflow:hidden}
.lectureViewBox .infor .cont .warning{clear:both; margin-bottom:10px;}
.lectureViewBox .infor .cont .warning div{clear:both; display:inline;}
.lectureViewBox .infor .cont .warning img{width:8%; float:left; margin-right:20px;}
.lectureViewBox .infor .cont .warning span{color:red;}
@media screen and (max-width:1090px) {
  .lectureViewBox .infor .cont .warning img{width:7%; float:left; margin-right:20px;}
}
@media screen and (max-width:800px) {
  .lectureViewBox .infor .cont .warning img{width:10%; float:left; margin-right:20px;}
}
.lectureViewBox .add_bookmark {position:absolute;left:35px;top:290px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url('../images/oer/ico_add_bookmark.png') left top no-repeat;z-index:2}
.lectureViewBox .add_bookmark:hover {text-decoration:underline}
.lectureViewBox .user_rating {position:absolute;left:170px;top:295px;z-index:2}
.lectureViewBox .ccl {float:right;text-align:right;font-size:11px;margin-top:10px}
.lectureViewBox .btn_report {position:absolute;left:352px;top:270px;clear:both;background:#fb7051 url(../images/oer/ico_siren.png) 10px 50% no-repeat;color:#fff;font-size:13px;text-align:center;padding:8px 12px 8px 33px;margin:15px 0 0;overflow:hidden;outline:0;}
.lectureViewBox .btn_report:hover {background-color:#28485f;color:#fff;cursor:pointer}
@media screen and (max-width:1100px) {
  .lectureViewBox .video {margin-bottom:10px}
  .lectureViewBox .add_bookmark {position:relative;left:auto;top:auto;display:block;width:140px;padding:7px 0 7px 25px;margin-bottom:10px;text-align:left;overflow:hidden}
  .lectureViewBox .user_rating {position:relative;left:auto;top:auto;margin-bottom:20px}
  .lectureViewBox .btn_report {position:relative;left:auto;top:auto;}
  .lectureViewBox .ccl {float:none;text-align:left}
}
@media screen and (max-width:560px) {
  .lectureViewTit span {font-size:20px;line-height:22px}
  .lectureViewTit a {font-size:16px;line-height:20px}
  .lectureViewBox {padding:20px 20px 30px}
  .lectureViewBox .video {float:none;width:100%;margin:0 auto 15px}
  .lectureViewBox .infor {float:none;width:100%;margin-bottom:10px}
  .lectureView_connection2 span {font-size:14px;line-height:18px;padding:17px 30px 20px 60px;margin-bottom:10px;text-align:left;background-size:8% auto;background-position:20px 15px}
  .lectureView_connection2 .sns {float:none;width:100%;padding:0 0 10px;text-align:center}
}

/* star */
.star-rating {position:relative;width:140px;height:20px;font-size:19px;letter-spacing:-1}
.star-top {position:absolute;left:0;top:0;color:#e5335f;z-index:1;overflow:hidden}
.star-bottom {position:absolute;left:0;top:0;z-index:0;color:#d1d1d1;}
.star_rating_score {display:inline-block}
/* star Ratings */
.star_rating {position:absolute;top:60px;left:25px;float:right;}
.star_rating .stars {margin-right:15px}
.star_rating .stars .star {float:left;padding:5px 2px;}
.star_rating .stars .star:before {font-family:'FontAwesome';content:'★';color:#d8d8d8;font-size:1.4em}
.star_rating .stars .star:hover:before,
.star_rating .stars .star.to_rate:before,
.star_rating .stars .star.rated:before {color:#e5335f}
.star_rating .stars .star.no_to_rate:before {color: #f9d7df}
@media screen and (max-width:640px) {
  .star_rating {position:relative;top:auto;left:auto;float:left;}
}

.star_rating_popup {position:absolute;top:116px;right:4px;float:right;z-index:1;}
.star_rating_popup .stars {margin-right:15px}
.star_rating_popup .stars .star {float:left;padding:5px 2px;}
.star_rating_popup .stars .star:before {font-family:'FontAwesome';content:'★';color:#d8d8d8;font-size:1.4em}
.star_rating_popup .stars .star:hover:before,
.star_rating_popup .stars .star.to_rate:before,
.star_rating_popup .stars .star.rated:before {color:#e5335f}
.star_rating_popup .stars .star.no_to_rate:before {color: #f9d7df}
@media screen and (max-width:640px) {
  .star_rating_popup {position:relative;top:auto;left:auto;float:right;}
}

.comment_rating {display:inline;width:120px}
.comment_rating .stars {margin-right:15px;}
.comment_rating .stars .star {float:left;padding:0 2px;} /* cursor: pointer; */
.comment_rating .stars .star:before {font-family:'FontAwesome';content:'\f005';color:#d8d8d8;font-size:1em;}
.comment_rating .stars .star.rated:before {color:#ffc50b;}
.comment_right {float:right}
@media screen and (max-width:460px) {
  .comment_rating .stars {margin-right:0}
}

.viewContWrap .view_cont .view_graph li {overflow:hidden}
.viewContWrap .view_cont .view_graph li .bar {position:relative;float:left;width:68%;height:18px;background:#f4f4f4;border-radius:20px;margin-bottom:10px;margin-right:13%;overflow:hidden}
.viewContWrap .view_cont .view_graph li .bar .front_bar {position:absolute;left:0;top:0;height:18px;border-radius:20px;background:#e5335f;}
.viewContWrap .view_cont .view_graph .star-rating {float:left}
.viewContWrap .view_cont .view_graph .star-top {top:0;}
.viewContWrap .view_cont .view_graph .star-bottom {top:0}
.viewContWrap .view_cont .view_graph .percent {float:right;display:block;color:#666666;font-weight:600;font-size:16px}

.viewContWrap .view_cont .review_list {clear:both;width:100%;margin:20px 0}
.viewContWrap .view_cont .review_list li {margin-bottom:20px;overflow:hidden}
.viewContWrap .view_cont .review_list li:last-child {margin-bottom:0}
.viewContWrap .view_cont .review_list li .img {float:left;margin-right:17px; margin-left:17px}
.viewContWrap .view_cont .review_list li .wd {float:left;line-height:1.4;padding-top:10px}
.viewContWrap .view_cont .review_list li .wd .date {display:block;color:#767676;font-size:14px}
.viewContWrap .view_cont .review_list li .wd .name {font-size:16px;color:#0066cc;font-weight:bold;letter-spacing:-1}
.viewContWrap .view_cont .review_list li .comment {float:right;width:76%}
.viewContWrap .view_cont .review_list li .star-top {top:0}
.viewContWrap .view_cont .review_list li .star-bottom {top:0}
.viewContWrap .view_cont .review_list li .ment {display:block;color:#333;font-size:14px;line-height:1.4;padding-top:6px; word-break:break-all}

/* Login : Modal Popup */
.modal {top:16% !important;}
.modal-dialog {position:relative;background:url('../images/oer/bg_popup_login.png') left top no-repeat;max-width:405px;width:405px;height:412px;padding:0 35px;border-radius:4px;z-index:999}
.modal-dialog .modal-close {position:absolute;top:40px;right:10px;color:#666;font-size:14px;width:25px;height:25px;font-weight: bold;text-align:center;cursor:pointer}
.modal-dialog .modal-close:hover {color:#333}
.modal-dialog .modal-btn {display:block;cursor:pointer;text-align:right}
.modal-dialog .modal-content {width:100%;background:none;-webkit-box-shadow:none;box-shadow:none;border:none;margin:0;padding:20px;overflow:hidden}
.modal-dialog .modal-content h2 {padding:60px 0 15px;font-size:16px;font-weight:bold;text-align:center}
.modal-dialog .modal-content .login_txt {clear:both;margin:20px 0 0;text-align:center;color:#000000}
.modal-dialog .modal-content .login_btn {width:290px;margin:70px auto 0}
.modal-dialog .modal-content .login_btn li {clear:both;margin-bottom:10px;text-align:center}
/* Logout : Modal Popup */
.modal-dialog .modal-content .logout_txt {clear:both;margin:20px 0 0;text-align:center}
.modal-dialog .modal-content .logout_btn {width:235px;margin:90px auto 0}
.modal-dialog .modal-content .logout_btn li {float:left;width:50%;margin-bottom:10px;}
/* Search Modal Popup */
.modal-search {position:relative;background:url('../images/oer/bg_popup_search.png') left top no-repeat;max-width:405px;width:405px;height:202px;padding:35px;margin:130px auto 0;border-radius:4px;z-index:999}
.modal-search .modal-close {position:absolute;top:0;right:0;color:#666;font-size:14px;width:25px;height:25px;font-weight:bold;text-align:center;cursor:pointer}
.modal-search .modal-close:hover {color:#333}
.modal-search .search-txt {clear:both;font-size:14px;color:#666;text-align: left;padding:30px 0 0}
.modal-search .search-btn {display:block;width:100%;text-align:center}
.modal-search .modal-content {width:100%;background:none;-webkit-box-shadow:none;box-shadow:none;border:none;margin:0;padding:0;overflow:hidden}

/* ACU-OER Report Articles */
.modal-dialog.report {position:relative;background:#fff;max-width:600px;width:600px;height:auto;margin:0 auto;padding:0 25px;border-radius:4px;z-index:999}
.modal-dialog.report .modal-close {position:absolute;top:20px;right:0;color:#fff;font-size:14px;width:25px;height:25px;font-weight:bold;text-align:center;cursor:pointer}
.modal-dialog.report .modal-content {width:100%;background:none;-webkit-box-shadow:none;box-shadow:none;border:none;margin:0;padding:0;overflow:hidden}
.modal-dialog.report .inputerror {height:170px}
.modal-dialog.report .search-txt {clear:both;font-size:20px;color:#666;padding:50px 0 30px 0;text-align: center;}
.modal-dialog.report .search-btn {width:20%;text-align:center;margin:auto}
.modal-dialog.report .modal-content h2 {font-size:24px;font-weight:bold;padding:20px 0;border-bottom:2px solid #ccc;color:#333;vertical-align:middle;}
.modal-dialog.report .modal-content .report_list {clear:both;width:100%;margin:0;text-align:left}
.modal-dialog.report .modal-content .report_list li {clear:both;display:block;min-height:40px;padding:10px 5px;border-bottom:1px solid #dedede;overflow:hidden}
.modal-dialog.report .modal-content .report_list li input {vertical-align:middle;margin-top:-2px;}
.modal-dialog.report .modal-content .report_list li input.radio_check {margin:18px 0 0} 
.modal-dialog.report .modal-content .report_list li Label {float:right;width:520px;font-weight:normal}
.modal-dialog.report .modal-content .report_list li .searchInput {border:1px solid #dedede;padding:5px 10px}
.modal-dialog.report .modal-content .report_list li .txt1 {width:84%;border:1px solid #d1d1d1;padding:5px;height:50px;overflow-y:auto}
.modal-dialog.report .modal-content .report_btn {clear:both;width:100%;margin:20px auto;text-align:center}
.modal-dialog.report .modal-content .report_btn li {display:inline-block;clear:both;margin-bottom:10px;text-align:center}
.modal-dialog.report .modal-content .report_btn li button {display:inline-block;outline:0}
@media screen and (max-width:600px) {
  .modal-dialog.report {max-width:auto;width:100%;min-width:320px;}
  .modal-dialog.report .modal-content .report_list li input.radio_check {margin:0} 
  .modal-dialog.report .modal-content .report_list li Label {float:none;width:auto;}
  .modal-dialog.report .modal-content .report_list li .txt1 {margin-top:5px}
}

/* Reply - Modify/Delete Btn */
.modal-modify-delete {display:inline-block;margin-left:10px}
.modal-modify-delete .btn-modify-delete {text-decoration:none;font-size:13px;margin:0 2px;color:#666;font-weight:normal;padding:5px 8px;border:1px solid #dedede}
.modal-modify-delete .btn-modify-delete:hover {text-decoration:underline}

.modal-dialog.mod-del {position:relative;background:#fff;max-width:500px;width:500px;height:auto;margin:0 auto;padding:0 25px;border-radius:4px;z-index:999}
.modal-dialog.mod-del .modal-close {position:absolute;top:20px;right:0;color:#666;font-size:14px;width:25px;height:25px;font-weight: bold;text-align:center;cursor:pointer}
.modal-dialog.mod-del .modal-content {width:100%;background:none;-webkit-box-shadow:none;box-shadow:none;border:none;margin:0;padding:0;overflow:hidden}
.modal-dialog.mod-del .modal-content h2 {font-size:24px;font-weight:bold;padding:20px 0 10px;border-bottom:2px solid #ccc}
.modal-dialog.mod-del .mod-del-btn {clear:both;width:100%;margin:20px 0;text-align:center}
.modal-dialog.mod-del .tabs {width:100%;margin:0;font-size:0;text-align:left;border-left:1px solid #d8d8d8}
.modal-dialog.mod-del .tabs li {position:relative;display:inline-block;width:50%;margin:0;background-color:#fff}
.modal-dialog.mod-del .tabs li a {display:block;text-align:center;font-size:14px;text-decoration:none;padding:7px 20px;color:#454545;background:#f5f5f5;border-top:4px solid #9bb7d5;border-right:1px solid #d8d8d8;border-bottom:1px solid #d2d2d2;font-weight:normal}
.modal-dialog.mod-del .tabs li a:hover{color:#454545}
.modal-dialog.mod-del .tabs li.selected a {font-weight:bold;border-top:5px solid #3f3d54;border-bottom:1px solid #fff;background:#fff url('../images/oer/ico_tab_b_arrow.gif') 93% 14px no-repeat}
.modal-dialog.mod-del .tabs li.selected a, .modal-dialog.mod-del .tabs li.selected a:hover {top:0;font-weight:normal}
.modal-dialog.mod-del .tabs li.selected a:hover {text-decoration:none}
.modal-dialog.mod-del .tabcontents {width:100%;}
.modal-dialog.mod-del .tabcontents .mod-del-list {padding:20px;border:1px solid #ccc;margin-top:-1px;background:#fff;overflow:hidden}
.modal-dialog.mod-del .tabcontents .mod-del-list li {clear:both;width:100%;text-align:left;font-size:12px;padding:5px 0;text-align:center}
.modal-dialog.mod-del .tabcontents .mod-del-list li.aL {text-align:left}
.modal-dialog.mod-del .tabcontents .mod-del-list li .input_txt {margin:3px 0;border:1px solid #dedede;padding:5px 10px;vertical-align:middle;width:170px;display:inline-block}
.modal-dialog.mod-del .tabcontents .mod-del-list li .comment_txt {width:100%;height:100px;padding:10px;border:1px solid #dedede}
.modal-dialog.mod-del .tabcontents .mod-del-list li label {font-weight:normal;color:#666;font-size:12px;letter-spacing:-0.03em}

.modal-saved {position:relative;background:#fff;max-width:500px;width:400px;height:150px;padding:0 15px;margin:30px auto;border-radius:4px;z-index:999}
.modal-saved .modal-content {width:100%;background:none;box-shadow:none;border:none;overflow:hidden;text-align:center;top:10px;outline:0;}
.modal-saved .modal-close {position:absolute;right:0;color:#666;width:25px;height:25px;cursor:pointer} 
.modal-saved h2 {font-size:24px;font-weight:bold;padding:20px 0 10px;text-align:center}
.modal-saved button {outline:0}
@media screen and (max-width:500px) {
  .modal-dialog.mod-del {position:relative;background:#fff;max-width:100%;width:100%;}
  .modal-dialog.mod-del .modal-content h2 {font-size:18px}
  .modal-dialog.mod-del .modal-close {top:15px}
  .modal-dialog.mod-del .tabcontents .mod-del-list li .input_txt {width:120px}
}

/* Stats Detail */
.modal-stats {position:relative;max-width:1100px;width:1100px;padding:0;margin:30px auto;border-radius:4px;z-index:999}
.modal-stats .modal-content {width:100%;background-color:#fff;;box-shadow:none;border:none;overflow:hidden;text-align:left;outline:0;}
.modal-stats .modal-content .modal-cont {clear:both;width:100%;max-height:550px;padding:30px 20px;overflow-x:hidden;overflow-y:auto;}
.modal-stats .modal-close {position:absolute;right:20px;top:15px;color:#fff;width:25px;height:25px;cursor:pointer} 
.modal-stats .modal-close .close {color:#fff !important;opacity:1 !important;}
.modal-stats h2 {display:block;height:60px;font-size:22px;font-weight:300;padding:20px;text-align:left;background-color:#c71943;color:#fff;}
.modal-stats h2 .point {color:#ffb64d;}
.modal-stats button {outline:0}
/* 20191115 kdw 김도원 지우지마세요  */
@media screen and (max-width:600px) {
  .modal-stats {max-width:auto;width:100%;min-width:320px; padding: 10px 10px;}
  .modal-stats .modal-content .report_list li input.radio_check {margin:0} 
  .modal-stats .modal-content .report_list li Label {float:none;width:auto;}
  .modal-stats .modal-content .report_list li .txt1 {margin-top:5px}
}

@media screen and (min-width:600px) {
  .modal-stats {max-width:auto;width:100%;min-width:640px; padding: 20px 30px;}
  .modal-stats .modal-content .report_list li input.radio_check {margin:0} 
  .modal-stats .modal-content .report_list li Label {float:none;width:auto;}
  .modal-stats .modal-content .report_list li .txt1 {margin-top:5px}
}
/* 동영상 검색 결과 */
.lectureBox {position:relative;height:auto;border:1px solid #dedede;background-color:#f5f5f5;padding:25px 35px;margin:22px 0 30px}
.lectureBox::after {content:'';clear:both;display:block;zoom:1}
.lectureBox .lecture_wrap {float:right;width:100%}
.lectureBox .lecture_wrap dt {font-size:16px;font-weight:bold;margin-bottom:15px;display:block;line-height:20px;}
.lectureBox .lecture_wrap dt a {display:block;width:80%;text-decoration:underline;color:#454545;overflow:hidden}
.lectureBox .lecture_wrap dd {clear:both;width:100%;display:block}
.lectureBox .lecture_wrap dd.cont .thumb {display:inline-block;width:150px;height:90px;overflow:hidden}
.lectureBox .lecture_wrap dd.cont .thumb img {width:150px;height:90px}
.lectureBox .lecture_wrap dd.cont .cont_txt {float:right;display:block;width:75%;height:100px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden}
.lectureBox .lecture_wrap dd.infor {clear:both;width:490px;min-height:200px}
.lectureBox .lecture_wrap dd.infor ul li {clear:both;font-size:13px;line-height:18px;padding:1px 0 1px 12px;background:url(../images/oer/bul_dot_infor_list.gif) left 10px no-repeat;}
.lectureBox .lecture_wrap .btn {clear:both;width:0px; padding:10px 0 0}
.lectureBox .lecture_wrap .link {clear:both;width:450px;padding:10px 0 0}
.lectureBox .lecture_wrap .link a {display:block;font-size:14px;color:#2a517b;text-decoration:underline}
.lectureBox .lecture_wrap .link a:hover {text-decoration:underline}
.lectureBox .add_bookmark {position:absolute;right:30px;top:25px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url(../images/oer/ico_add_bookmark.png) left top no-repeat;z-index:2}
.lectureBox .add_bookmark:hover {text-decoration:underline}
.lectureBox .ccl {position:absolute;right:31px;top:270px;width:300px;font-size:11px;text-align:right;z-index:2}
.lectureBox .ccl a {color:#2a517b}
.lectureBox .ccl a:hover {text-decoration:underline}
.lectureBox .user_evaluation {position:absolute;right:30px;top:175px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBox .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px}
@media screen and (min-width:821px) {
  .lectureBox .lecture_wrap dt a {white-space:nowrap;text-overflow:ellipsis;}
}
@media screen and (max-width:820px) {
  .lectureBox .lecture_wrap dt a {width:100%;}
  .lectureBox .lecture_wrap dd {text-align:center;}
  .lectureBox .lecture_wrap dd.cont .thumb {width:150px;}
  .lectureBox .lecture_wrap dd.cont .thumb img {width:100%;}
  .lectureBox .lecture_wrap dd.cont .cont_txt {clear:both;width:100%;height:auto;text-align:left;margin-top:10px}
  .lectureBox .lecture_wrap dd.infor {min-height:auto;margin-bottom:15px}
  .lectureBox .lecture_wrap dd.infor ul li {width:80%;text-align:left}
  .lectureBox .add_bookmark {position:relative;top:auto;right:auto;clear:both;padding:7px 0 20px 25px;text-align:left}
  .lectureBox .ccl {position:relative;top:auto;right:auto;}
  .lectureBox .user_evaluation {position:relative;top:auto;right:auto;margin-top:10px}
}
@media screen and (max-width:460px) {
  .lectureBox {padding:25px}
  .lectureBox .lecture_wrap dd.infor ul li {width:45%}
  .modal-modify-delete {clear:both;display:inline-block;margin:15px 0}
  .modal-modify-delete .btn-modify-delete {margin:0}
}

/* Topic Box */
.lectureBox.topic {position:relative;height:290px;border:1px solid #dedede;background-color:#f5f5f5;padding:25px 35px;margin:22px 0 0}
.lectureBox.topic .lecture_wrap dt {width:500px;font-size:16px;margin-bottom:15px;display:block;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lectureBox.topic .lecture_wrap dd.cont {display:block;width:66%;height:60px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-all;}
.lectureBox.topic .lecture_wrap dd.infor {clear:both;width:500px;min-height:100px}
.lectureBox.topic .add_bookmark {position:absolute;right:30px;top:25px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url(../images/oer/ico_add_bookmark.png) left top no-repeat;z-index:2}
.lectureBox.topic .add_bookmark:hover {text-decoration:underline}
.lectureBox.topic .user_evaluation {position:absolute;right:30px;top:60px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBox.topic .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px}
.lectureBox.topic .ccl {position:absolute;right:31px;top:155px;width:300px;font-size:11px;text-align:right;z-index:2}
.lectureBox.topic .ccl a {color:#2a517b}
.lectureBox.topic .ccl a:hover {text-decoration:underline}

/* 동영상 검색 결과 */
.lectureBoxLesson {position:relative;height:auto;border:1px solid #dedede;background-color:#f5f5f5;padding:25px 35px;margin:22px 0 30px}
.lectureBoxLesson::after {content:'';clear:both;display:block;zoom:1}
.lectureBoxLesson .lecture_wrap {float:right;width:100%}
.lectureBoxLesson .lecture_wrap dt {font-size:16px;font-weight:bold;margin-bottom:15px;display:block;line-height:20px;}
.lectureBoxLesson .lecture_wrap dt a {display:block;width:80%;text-decoration:underline;color:#454545;overflow:hidden}
.lectureBoxLesson .lecture_wrap dd {clear:both;width:100%;display:block}
.lectureBoxLesson .lecture_wrap dd.cont .thumb {display:inline-block;width:150px;height:90px;overflow:hidden}
.lectureBoxLesson .lecture_wrap dd.cont .thumb img {width:150px;height:90px}
.lectureBoxLesson .lecture_wrap dd.cont .cont_txt {float:right;display:block;width:75%;height:100px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden}
.lectureBoxLesson .lecture_wrap dd.infor {clear:both;width:490px;min-height:200px}
.lectureBoxLesson .lecture_wrap dd.infor ul li {clear:both;font-size:13px;line-height:18px;padding:1px 0 1px 12px;background:url(../images/oer/bul_dot_infor_list.gif) left 10px no-repeat;}
.lectureBoxLesson .lecture_wrap .btn {clear:both;width:0px; padding:10px 0 0}
.lectureBoxLesson .lecture_wrap .link {clear:both;width:450px;padding:10px 0 0}
.lectureBoxLesson .lecture_wrap .link a {display:block;font-size:14px;color:#2a517b;text-decoration:underline}
.lectureBoxLesson .lecture_wrap .link a:hover {text-decoration:underline}
.lectureBoxLesson .add_bookmark {position:absolute;right:30px;top:25px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url(../images/oer/ico_add_bookmark.png) left top no-repeat;z-index:2}
.lectureBoxLesson .add_bookmark:hover {text-decoration:underline}
.lectureBoxLesson .ccl {position:absolute;right:31px;top:270px;width:300px;font-size:11px;text-align:right;z-index:2}
.lectureBoxLesson .ccl a {color:#2a517b}
.lectureBoxLesson .ccl a:hover {text-decoration:underline}
.lectureBoxLesson .user_evaluation {position:absolute;right:30px;top:175px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBoxLesson .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px}
@media screen and (min-width:821px) {
  .lectureBoxLesson .lecture_wrap dt a {white-space:nowrap;text-overflow:ellipsis;}
}
@media screen and (max-width:820px) {
  .lectureBoxLesson .lecture_wrap dt a {width:100%;}
  .lectureBoxLesson .lecture_wrap dd {text-align:center;}
  .lectureBoxLesson .lecture_wrap dd.cont .thumb {width:150px;}
  .lectureBoxLesson .lecture_wrap dd.cont .thumb img {width:100%;}
  .lectureBoxLesson .lecture_wrap dd.cont .cont_txt {clear:both;width:100%;height:auto;text-align:left;margin-top:10px}
  .lectureBoxLesson .lecture_wrap dd.infor {min-height:auto;margin-bottom:15px}
  .lectureBoxLesson .lecture_wrap dd.infor ul li {width:80%;text-align:left}
  .lectureBoxLesson .add_bookmark {position:relative;top:auto;right:auto;clear:both;padding:7px 0 20px 25px;text-align:left}
  .lectureBoxLesson .ccl {position:relative;top:auto;right:auto;}
  .lectureBoxLesson .user_evaluation {position:relative;top:auto;right:auto;margin-top:10px}
}
@media screen and (max-width:460px) {
  .lectureBoxLesson {padding:25px}
  .lectureBoxLesson .lecture_wrap dd.infor ul li {width:45%}
}

/* Topic Box */
.lectureBoxLesson.topic {position:relative;height:290px;border:1px solid #dedede;background-color:#f5f5f5;padding:25px 35px;margin:22px 0 0}
.lectureBoxLesson.topic .lecture_wrap dt {width:500px;font-size:16px;margin-bottom:15px;display:block;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lectureBoxLesson.topic .lecture_wrap dd.cont {display:block;width:66%;height:60px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-all;}
.lectureBoxLesson.topic .lecture_wrap dd.infor {clear:both;width:500px;min-height:100px}
.lectureBoxLesson.topic .add_bookmark {position:absolute;right:30px;top:25px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url(../images/oer/ico_add_bookmark.png) left top no-repeat;z-index:2}
.lectureBoxLesson.topic .add_bookmark:hover {text-decoration:underline}
.lectureBoxLesson.topic .user_evaluation {position:absolute;right:30px;top:60px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBoxLesson.topic .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px}
.lectureBoxLesson.topic .ccl {position:absolute;right:31px;top:155px;width:300px;font-size:11px;text-align:right;z-index:2}
.lectureBoxLesson.topic .ccl a {color:#2a517b}
.lectureBoxLesson.topic .ccl a:hover {text-decoration:underline}

/* 동영상 검색 결과 */
.lectureBoxClass {position:relative;height:auto;border:1px solid #dedede;background-color:#f5f5f5;padding:25px 35px;margin:22px 0 30px}
.lectureBoxClass::after {content:'';clear:both;display:block;zoom:1}
.lectureBoxClass .lecture_wrap {float:right;width:100%}
.lectureBoxClass .lecture_wrap dt {font-size:16px;font-weight:bold;margin-bottom:15px;display:block;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lectureBoxClass .lecture_wrap dt a {text-decoration:underline;color:#454545}
.lectureBoxClass .lecture_wrap dd {clear:both;width:100%;display:block}
.lectureBoxClass .lecture_wrap dd.cont .thumb {display:inline-block;width:150px;height:90px;overflow:hidden}
.lectureBoxClass .lecture_wrap dd.cont .thumb img {width:150px;height:90px}
.lectureBoxClass .lecture_wrap dd.cont .cont_txt {float:right;display:block;width:580px;height:100px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden}
.lectureBoxClass .lecture_wrap dd.infor {clear:both;width:490px;min-height:200px}
.lectureBoxClass .lecture_wrap dd.infor ul li {clear:both;font-size:13px;line-height:18px;padding:1px 0 1px 12px;background:url(../images/oer/bul_dot_infor_list.gif) left 10px no-repeat;}
.lectureBoxClass .lecture_wrap .btn {clear:both;width:0px; padding:10px 0 0}
.lectureBoxClass .lecture_wrap .link {clear:both;width:450px;padding:10px 0 0}
.lectureBoxClass .lecture_wrap .link a {display:block;font-size:14px;color:#2a517b;text-decoration:underline}
.lectureBoxClass .lecture_wrap .link a:hover {text-decoration:underline}

.lectureBoxClass .add_bookmark {position:absolute;right:30px;top:25px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url(../images/oer/ico_add_bookmark.png) left top no-repeat;z-index:2}
.lectureBoxClass .add_bookmark:hover {text-decoration:underline}
.lectureBoxClass .ccl {position:absolute;right:31px;top:270px;width:300px;font-size:11px;text-align:right;z-index:2}
.lectureBoxClass .ccl a {color:#2a517b}
.lectureBoxClass .ccl a:hover {text-decoration:underline}
.lectureBoxClass .user_evaluation {position:absolute;right:30px;top:175px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBoxClass .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px}
@media screen and (min-width:821px) {
  .lectureBoxClass .lecture_wrap dt a {white-space:nowrap;text-overflow:ellipsis;}
}
@media screen and (max-width:820px) {
  .lectureBoxClass .lecture_wrap dt a {width:100%;}
  .lectureBoxClass .lecture_wrap dd {text-align:center;}
  .lectureBoxClass .lecture_wrap dd.cont .thumb {width:150px;}
  .lectureBoxClass .lecture_wrap dd.cont .thumb img {width:100%;}
  .lectureBoxClass .lecture_wrap dd.cont .cont_txt {clear:both;width:100%;height:auto;text-align:left;margin-top:10px}
  .lectureBoxClass .lecture_wrap dd.infor {min-height:auto;margin-bottom:15px}
  .lectureBoxClass .lecture_wrap dd.infor ul li {width:80%;text-align:left}
  .lectureBoxClass .add_bookmark {position:relative;top:auto;right:auto;clear:both;padding:7px 0 20px 25px;text-align:left}
  .lectureBoxClass .ccl {position:relative;top:auto;right:auto;}
  .lectureBoxClass .user_evaluation {position:relative;top:auto;right:auto;margin-top:10px}
}
@media screen and (max-width:460px) {
  .lectureBoxClass {padding:25px}
  .lectureBoxClass .lecture_wrap dd.infor ul li {width:45%}
}

/* Topic Box */
.lectureBoxClass.topic {position:relative;height:290px;border:1px solid #dedede;background-color:#f5f5f5;padding:25px 35px;margin:22px 0 0}
.lectureBoxClass.topic .lecture_wrap dt {width:500px;font-size:16px;margin-bottom:15px;display:block;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lectureBoxClass.topic .lecture_wrap dd.cont {display:block;width:66%;height:60px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-all;}
.lectureBoxClass.topic .lecture_wrap dd.infor {clear:both;width:500px;min-height:100px}
.lectureBoxClass.topic .add_bookmark {position:absolute;right:30px;top:25px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url(../images/oer/ico_add_bookmark.png) left top no-repeat;z-index:2}
.lectureBoxClass.topic .add_bookmark:hover {text-decoration:underline}
.lectureBoxClass.topic .user_evaluation {position:absolute;right:30px;top:60px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBoxClass.topic .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px}
.lectureBoxClass.topic .ccl {position:absolute;right:31px;top:155px;width:300px;font-size:11px;text-align:right;z-index:2}
.lectureBoxClass.topic .ccl a {color:#2a517b}
.lectureBoxClass.topic .ccl a:hover {text-decoration:underline}

/* Topic view btn */
.btnList {position:relative;float:left}
.btnList a {display:inline-block;padding:8px 15px 8px 25px;color:#fff;overflow:hidden}
.btnList a:hover {color:#fff;background-color:#2a517b}
.btnList .chasi {padding-left:30px;margin-right:5px;background:#9b6e2f url(../images/oer/ico_chasi.png) 10px 13px no-repeat}
.btnList .chasi.on {background:#2a517b url('../images/oer/ico_chasi.png') 10px 10px no-repeat;color:#fff}
.btnList .chasi:focus {color:#fff}
.btnList .chasi:hover {font-weight:bold;color:#fff;background:#2a517b url(../images/oer/ico_chasi.png) 10px 10px no-repeat}

/* Topic view Popup Layer */
.lectureListWrap {position:absolute;top:0;left:100px;width:390px;height:300px;background-color:#fff;border:1px solid #e1e1e1;z-index:3;overflow:hidden;display:none}
.lectureListWrap dl {width:100%}
.lectureListWrap dl dt {position:relative;display:block;text-align:left;background-color:#3c3a4f;color:#fff;font-size:14px !important;font-weight:normal !important;padding:10px 0 10px 20px;margin:0 !important;overflow:hidden}
.lectureListWRap dl dd {clear:both;height:260px;text-align:left}
.lectureListWrap .btn_close {position:absolute;right:0;top:0;background:none !important;z-index:2}
.lectureListWRap .total_num {color:#ffc50b !important;font-size:13px}
.chasi_list {width:100%;height:260px;padding:10px 0;overflow-y:scroll;overflow-x:hidden}
.chasi_list li {clear:both !important;text-align:left;background:none !important}
.chasi_list li a {display:block !important;color:#666 !important;font-size:12px;padding:0 !important;margin:2px 0;word-wrap:break-word}
.chasi_list li a:hover {background:none !important;text-decoration:underline}
.chasi_list li .num {float:left;display:block;width:17px;height:18px;line-height:18px;color:#fff;font-size:10px;margin-left:5px;text-align:center;background:url(../images/oer/bg_circle_gray_num.gif) center top no-repeat}
.chasi_list li .txt {float:right;display:block;width:330px;word-wrap:break-word;word-break: break-all; white-space: normal;position: relative; top: -2px;}

/* star rating */
.rating {position:absolute;left:90px;top:-5px;width:100px;z-index:2}
.rating .stars {margin-right:15px;} 
.right {float:right}
.rating .stars .star:before {font-family:'FontAwesome';content:'\f005';color:#d8d8d8;font-size:1em;}
.rating .stars .star.rated:before {color:#ffc50b;} 
.rating .stars .star {float:left;padding:5px 2px;} 

/* btn more */
.btnResultContMore {display:block;width:207px;height:auto;background:url(../images/oer/bg_lecture_more.gif) center top no-repeat;color:#000;font-size:14px;text-align:center;padding:10px 20px 20px 0;margin:10px auto 20px;cursor:pointer;overflow:hidden}
.btnResultContMore:hover {font-weight:bold;text-decoration:none}
.brdT1 {clear:both;border-top:1px solid #dedede;padding-top:10px;margin-top:10px;overflow:hidden}
.clr10 {height:10px;overflow:hidden}

/* 검색결과 없을 때 */
.no_search {clear:both;display:block;padding:30px;text-align:center;overflow:hidden}
.no_search span {display:inline-block;font-size:18px;width:400px;margin:0 0 0 120px;color:#666}
.no_search.bg_ico {background:url(../images/oer/img-no-result.png) 38% 50% no-repeat}
@media screen and (max-width:820px) {
  .no_search.bg_ico {background:url(../images/oer/img-no-result.png) center top no-repeat;margin-top:10px}
  .no_search span {width:100%;margin:0 auto;padding-top:15px}
}

/* profile tab */
#calendarTab {width:100%;text-align:center;overflow:hidden}
.calendarTab {clear:both;width:100%;padding:0;background:url(../images/oer/bg_tabs.gif) left top repeat-x;overflow:hidden}
#tabs {position:relative;width:1100px;margin:0 auto}
#tabs ul li {display:inline-block;text-align:left}
h3.view_tit {font-size:24px;font-weight:500;color:#e5335f;margin:20px 0}
.tab-cont h3.view_tit {font-size:24px;font-weight:bold;color:#e5335f;margin:20px 0}
.tab-cont {width:1100px;margin:0 auto}
.tab-cont .cont {margin-bottom:40px}
@media screen and (max-width:1100px) {
  #tabs {width:100%}
  .tab-cont {width:100%;margin:0;padding:0 20px}
}
@media screen and (max-width:780px) {
  .tab-cont h3.view_tit {text-align:center}
}

/* profile table */
.tbl_type03 {width:100%;border:1px solid #dedede}
.tbl_type03 caption {width:0;height:0;padding:0;line-height:0;text-indent:-9999;visibility:hidden}
.tbl_type03 tbody th {font-size:18px;font-weight:bold;color:#000;line-height:24px;padding:25px 30px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f3f4f8}
.tbl_type03 tbody td {font-size:14px;border-bottom:1px solid #ddd;padding:25px;vertical-align:middle}
.tbl_type03 tbody td .txt {display:block;margin-bottom:10px}
.tbl_type03 tbody td label {vertical-align:middle;margin-right:10px}

.txt_tit {font-size:20px;padding:0 0 20px;font-weight:300}
.bwcheck {width:100%}
.bwcheck li {float:left;width:33.3%;margin-bottom:10px}
.bwcheck li .chk {width:17px;height:17px;margin-right:5px;border:1px solid #9a9a9a;vertical-align:middle}
.bwcheck li label {vertical-align:middle;cursor:pointer}
.bwcheck li input[type = "checkbox"]:checked + label {color:#065a9d;vertical-align:middle}
.radio_sel li {float:left;margin-right:15px}
@media screen and (max-width:820px) {
  .bwcheck li {width:50%}
}
@media screen and (max-width:560px) {
  .bwcheck li {float:none;width:100%;margin-bottom:5px}
}

.sms_list {width:100%}
.sms_list li {clear:both;width:100%;font-size:15px;color:#000000;margin-bottom:5px}
.sms_list li span {display:inline-block;width:160px;vertical-align:middle}
.sms_list li > input.bwtext {width:35% !important}
.sms_list li .facebook {height:26px;background:url(../images/oer/ico_facebook.png) left 50% no-repeat;padding-left:35px}
.sms_list li .twitter {height:26px;background:url(../images/oer/ico_twitter.png) left 50% no-repeat;padding-left:35px}
.sms_list li .skype {height:26px;background:url(../images/oer/ico_skype.png) left 50% no-repeat;padding-left:35px}
@media screen and (max-width:900px) {
  .sms_list li span {width:120px}
  .sms_list li > input.bwtext {width:70% !important}
}
@media screen and (max-width:570px) {
  .sms_list li > input.bwtext {width:100% !important;margin:5px 0}
}

.btn_profile_wrap {clear:both;width:100%;margin:0 0 30px;text-align:center;margin-top:20px}
.btn_cancel {display:inline-block;width:100px;padding:15px 40px;background-color:#fff;color:#000;border:1px solid #a7a9ac; box-sizing:content-box}
.btn_save {display:inline-block;width:100px;padding:15px 40px;background-color:#556080;color:#fff !important;border:1px solid #a7a9ac; box-sizing:content-box}
.btn_certi {display:inline-block;width:100px;padding:10px 40px;background-color:#556080;color:#fff !important;border:1px solid #a7a9ac; box-sizing:content-box}
.btn_cancel2 {display:inline-block;width:100px;padding:10px 40px;background-color:#fff;color:#333 !important;border:1px solid #a7a9ac; box-sizing:content-box; margin-left: 6px;}
.btn_changeEmail {display:inline-block;width:100px;padding:10px 40px;background-color:#556080;color:#fff !important;border:1px solid #a7a9ac; box-sizing:content-box;}
.btn_save:hover {background-color:#303951 !important}
.btn_save:focus,.btn_save:visited {background-color:#303951 !important}
.btn_ccl {position:relative;width:150px;display:inline-block;background-color:#fff;border:1px solid #ddd;margin-top:20px;padding:10px 15px;font-size:14px;font-weight:bold;overflow:hidden}
.btn_ccl:hover {text-decoration:none !important;background-color:#e5335f;color:#fff}
.btn_email {display:inline-block;width:100px;padding:10px 40px;background-color:#556080;color:#fff !important;border:1px solid #a7a9ac; box-sizing:content-box}
@media screen and (max-width:900px) {
  .btn_ccl {margin:0}
}
@media screen and (min-width:381px) and (max-width:840px) {
  .btn_email {width:100px;padding:10px}
}
@media screen and (max-width:380px) {
  .btn_email {width:70px;padding:10px}
}
@media screen and (max-width:560px) {
  .btn_cancel {width:60px;padding:15px 20px}
  .btn_save {width:60px;padding:15px 20px}
  .btn_certi {padding:10px 20px}
  .btn_cancel2 {width:60px;padding:10px 20px}
  .btn_changeEmail {width:60px;padding:10px 20px}
}

/*=========================================
	input, select, datepicker
==========================================*/

/* input[type="radio"] style */
.control {display:block;position:relative;cursor:pointer;padding-left:25px;line-height:16px}
.control input {position: absolute;z-index:-1;opacity:0}
.control-radio,
.control-radio .control-indicator {border-radius:50%;}
.control-indicator {position:absolute;top:0;left:0;width:17px;height:17px;background:#fff;border:1px solid #c2c2c2}
.control:hover input ~ .control-indicator,
.control input:focus ~ .control-indicator {background:#fff;border:1px solid #c2c2c2}
.control input:checked ~ .control-indicator {background-color:#fff;}
.control:hover input:not([disabled]):checked ~ .control-indicator,
.control input:checked:focus ~ .control-indicator {background-color:#fff}
.control input:disabled ~ .control-indicator {background:#fff;border:1px solid #c2c2c2;opacity: 0.6;pointer-events: none;}
.control-indicator:after {display:none;content:'';position:absolute;}
.control input:checked ~ .control-indicator:after {display:block;}
.control-checkbox .control-indicator:after { left:6px; top: 3px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.control-checkbox input:disabled ~ .control-indicator:after {border-color: #7b7b7b;}
.control-radio .control-indicator:after {width:9px;height:9px;left:4px;top:4px;border-radius:50%;background-color:#000}
.control-radio input:disabled ~ .control-indicator:after {background:#fff;border:1px solid #c2c2c2}
.control-inline {display: inline !important}

/* button */
.btn_wrap {margin:30px 0 40px;text-align:center}

/* ---------- POPUP ---------- */
/* layer */
.layer {position:absolute;right:0;top:3px;color:#333;font-size:17px;font-weight:500;z-index:901}
.lay_mymenu {width:120px;text-align:right}
.lay_mymenu .laypop .con ul li .lay_mysubmenu {right:0;width:100%;}
.lay_mymenu .laypop .con ul li .lay_mysubmenu .layopensub {display:block;text-align:left;padding:12px 15px;background-image:url(../images/oer/bg_tabs_on.gif);background-position:96% 50%;background-repeat:no-repeat;}
.layer .layopen {color:#fff;display:block;padding:20px 10px 20px 0;font-size:18px;font-weight:300;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:901}
.layer .laypop {display:none;position:absolute;top:63px;left:0;width:100%;height:100%;z-index:99; line-height:1.2 !important}
.layer .laypop_ui {font-weight:normal !important;background-color:#fff}
.layer .laypop_ui .action {padding:5px 0 6px; background:#eee; text-align:center}
.layer .laypop_ui .action button {margin:0 2px}
.layer .laypop_ui .layclose {display:inline-block;position:absolute;top:15px;right:7px;width:9px;height:9px;padding:0 !important; background:url('../images/common/spr_btn.png') no-repeat -55px -15px}
.layer .laypop_ui .layclosesub {display:inline-block;position:absolute;top:20px;right:4%;width:9px;height:9px;padding:0 !important; background:url('../images/common/spr_btn.png') no-repeat -55px -15px}
.layer .file_view {position:absolute;width:260px;}
.layer .file_view .con ul li:last-child {background-image:none !important;}
.layer .laypop .con {text-align:left;background:#fff}
.layer .laypop .con ul {width:100%;}
.layer .laypop .con ul li {position:relative;border:1px solid #dedede;height:50px;padding:12px 15px;display:block;height:auto;}
.layer .laypop .con ul li:last-child {background-image:url(../images/oer/bg_myinfo_right_arrow.png);background-position:96% 50%;background-repeat:no-repeat;}
.layer .laypop:after {content:'';clear:both;display:block}
.layer .laypop .con a {display:inline-block;font-weight:normal;font-size:13px;line-height:20px;color:#666}
.layer .laypop .con a:hover {text-decoration:underline}
.layer .laypopsub {position:absolute;right:-1px;top:96px;float:right;padding:20px;width:500px;height:auto;text-align:left;border:1px solid #dedede}
.layer .laypopsub .con div {margin-top:10px}
.layer .laypopsub .con .editTitle {color:#d11f4d}
@media screen and (max-width:860px) {
  .layer {right:50px;}
  .lay_addfile {right:auto !important;}
  .lay_mymenu {width:100%}
  .layer .laypopsub {width:100%;right:0;top:97px;background-color:#fff;border:none}
  .layer .laypop {left:auto;right:-50px}
  .layer .laypop .con ul li {background:none}
}

.lay_flag {position:relative !important;left:auto;right:auto;top:auto;bottom:auto;}
.lay_flag .layopen {display:inline-block; height:14px; cursor:pointer; padding:0;}
.lay_flag ul {padding:10px 10px 2px; border:1px solid #aaa; background:#fff}
.lay_flag li {width:14px; height:14px; margin-bottom:8px; cursor:pointer}
.lay_flag em {display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.lay_flag .laypop {top:20px; left:-11px; width:36px; height:auto;}
.lay_flag .defaut {display:inline-block; width:12px; height:12px; border:1px solid #bebebe}
.lay_flag .color1, .lay_flag .color01 {width:14px; height:14px; background:#e75254}
.lay_flag .color2, .lay_flag .color02 {width:14px; height:14px; background:#e57147}
.lay_flag .color3, .lay_flag .color03 {width:14px; height:14px; background:#fad237}
.lay_flag .color4, .lay_flag .color04 {width:14px; height:14px; background:#53baad}
.lay_flag .color5, .lay_flag .color05 {width:14px; height:14px; background:#508ed6}
.board_list .lay_flag {float:left; top:2px; margin-right:8px; margin-bottom:2px}

.lay_mbr span.layopen {display:inline-block; height:14px; cursor:pointer}
.lay_mbr ul {padding:10px 10px 2px; border:1px solid #aaa; background:#fff}
.lay_mbr li {width:80px; height:auto; margin-bottom:8px; cursor:pointer; word-wrap:break-word;}
.lay_mbr em {display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.lay_mbr .laypop {top:20px; left:0px; width:80px}
/* .lay_mbr .laypop {top:20px;left:0px;width:100%;height:auto;}
@media screen and (min-width:560px) and (max-width:820px) {
  .lay_mbr .laypop {width:50%;}
} */
.lay_mbr .defaut {display:inline-block; width:12px; height:12px; border:1px solid #bebebe}
.board_list .lay_mbr {top:2px; margin-right:8px; margin-bottom:2px}
.lay_mbr a {word-wrap:break-word;}

.lay_scrap {position:relative;top:auto;left:auto;right:auto;bottom:auto;}
.lay_scrap .layopen {display:inline-block; height:14px; cursor:pointer; padding:0;}
.lay_scrap .laypop {width:298px;height:auto;left:auto;right:0;top:20px;border:1px solid #ddd;}
.lay_scrap .laypop .con {padding:14px 0 10px 10px}
.lay_scrap .laypop textarea {width:267px; height:86px; padding:3px; border:1px solid #e2e1e1; color:#999; overflow:auto; font-size:13px; font-weight:100;}

.lay_starpoint .laypop {width:117px; left:auto; right:0; top:20px}
.lay_starpoint .laypop .con {padding:14px 0 5px 10px}
.lay_starpoint .laypop .con li {margin-bottom:5px}
.lay_starpoint .laypop .con li input {vertical-align:-5px}
.lay_starpoint .laypop .con li label {cursor:pointer}

.lay_addfile {margin-left:0;font-weight:100;}
.lay_addfile a.layopen {text-decoration:underline;font-size:13px;padding:0;margin-left:10px;color:#666;font-weight:100;}
.lay_addfile a.layopen .icon_filedown {margin-left:3px;font-weight:100;}
.lay_addfile .laypop {left:0; top:20px; padding:0}
.lay_addfile .laypop .con {padding:6px 0 0px;margin-right:0;}
.lay_addfile .laypop .con li {padding:10px;border:1px solid #ddd;margin:5px 10px;}
.lay_addfile .laypop .con li.hover {background:#eee}
.lay_addfile .laypop .con a {display:block; padding:1px 0 1px 22px; color:#0a5ac3; text-decoration:underline; font-weight:100; z-index:100}

.lay_tools .layover {cursor:pointer}
.lay_tools .laypop {top:23px; width:180px}
.lay_tools .laypop .con {padding:15px 0 5px}
.lay_tools .laypop .con li {padding:3px 15px 3px 10px; color:#999}
.lay_tools .laypop .con li.hover {background:#eee}
.lay_tools .laypop .con li span.fixsize {width:100px}
.lay_tools .laypop .con li a span.fixsize {width:115px}
.lay_tools .laypop .con li span.fixsize {color:#666}
.lay_tools .laypop .con li .accent {font-weight:bold}

.lay_toolmange {display:inline-block; *zoom:1; *display:inline}
.lay_toolmange .laypop {top:30px; left:auto; right:0; width:150px}
.lay_toolmange .laypop .con ul {padding:15px 0 10px}
.lay_toolmange .laypop .con li {float:none; padding:0; border:none}
.lay_toolmange .laypop .con li a {display:block; padding:5px 10px 5px 15px; background:url('../images/common/bul_dot.gif') no-repeat 8px 11px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow : ellipsis; -webkit-text-overflow: ellipsis; white-space:nowrap}
.lay_toolmange .laypop .con li a:hover, .lay_toolmange .laypop .con li a:focus {background-color:#eee}

.lay_period .laypop {top:25px; left:auto; right:0; width:430px}
.lay_period .laypop .con {padding:15px 0; text-align:center}
.lay_period li {position:static !important; border-bottom:none !important; text-indent:0 !important}

.lay_gmail .layopen {margin-right:5px}
.lay_gmail .laypop {top:auto; left:0; bottom:20px; width:215px; padding:10px}
.lay_gmail .laypop li {margin-top:3px}
.lay_gmail .laypop li:first-child {margin-top:0}

.lay_detail .laypop {top:20px; width:345px}
.lay_detail .laypop_ui p.para {padding:15px 10px 10px; line-height:18px; text-align:justify; word-wrap:break-word}
.lay_detail .laypop_ui .attached_list {padding:10px; border-top:1px dashed #c8d2df; }
.lay_detail .laypop_ui .scrap {position:relative; padding:10px}
.lay_detail .laypop_ui .scrap .tit {font-weight:bold}
.lay_detail .laypop_ui .scrap .ico {margin-right:5px}
.lay_detail .laypop_ui .scrap a {position:absolute; top:10px; right:10px}
.lay_detail .laypop_ui .scrap .inp_txt {margin-top:5px}

.lay_professor .laypop {top:20px; left:0; width:300px}
.lay_professor .laypop .con {padding:12px 15px 10px 10px; color:#333; line-height:18px}
.professor_list .lay_professor {display:inline}

.lay_signup .laypop {top:40px; left:auto; right:0; width:168px; border:1px solid #aaa; background:#fff}
.lay_signup .laypop .con {padding:9px 7px 6px}
.lay_signup .laypop .con .inp_txt {margin:0 55px 3px 0}
.lay_signup .laypop .con .inp_txt input {color:#98a1ad; font-size:11px}
.lay_signup .laypop .con button.btn_login {position:absolute; top:9px; right:7px; width:51px; height:45px; background:url('../images/common/spr_btn.png') no-repeat 0 -143px}
.lay_signup .arr_t {right:37px}

.layer .arr_t {position:absolute; top:-5px; display:inline-block; width:7px; height:5px; background:url('../images/common/spr_icon.png') no-repeat -107px 0}
	
.blind {position:absolute;top:0;left:0;width:1px;height:1px;text-indent:10px;white-space:nowrap;overflow:hidden}
.editTitle {font-size:20px;font-weight:bold;margin-bottom:30px}
.must {color:#d40000;font-weight:bold;vertical-align:middle}

.bu_subject {background:url('../images/oer/bu_subject.png') left 4px no-repeat;padding-left:22px;font-size:20px;line-height:24px;font-weight:bold;color:#333;margin:10px 0 15px}
.bu_subject span {color:#f65177;font-size:20px;font-weight:bold;}
@media screen and (max-width:500px) {
  .bu_subject {background-position:left 3px;font-size:16px;line-height:20px;}
  .bu_subject span {font-size:16px;}
}

/* Subject Menu : 분류 체계 */
.category_link {clear:both;width:100%;overflow:hidden}
.category_link li {float:left;display:block;height:87px;}
.category_link li .box {border:1px solid #dfdfdf;background:url('../images/oer/bg_category.png') right top repeat-y;background-size:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;overflow:hidden}
.category_link li .box:hover {color:#ffffff;background:#5c5f6c url('../images/oer/bg_category_hover.png') right top repeat-y;background-size:auto;}
.category_link li .box:hover .link li:hover {color:#fff;cursor:pointer}
.category_link li .box:hover .link li:hover .tit {color:#fff;font-size:13px;}
.category_link li .box .link {width:100%}
.category_link li .box .link li {width:75%;padding:17px 20px;margin:0;display:block;color:#767676;font-weight:100;font-size:13px;letter-spacing:0;overflow:hidden}
.category_link li .box .link li .tit {display:block;width:100%;height:50px;line-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;display:table-cell;vertical-align:middle;overflow:hidden;}
.category_link li .box .link li .red {color:#f65177}
.category_link li .box .link li.bg_ico_link_red {display:block;background:url('../images/oer/ico_link_red.png') 90% 40px no-repeat}
.category_link li .box .link li.bg_ico_link_green {display:block;background:url('../images/oer/ico_link_green.png') 90% 40px no-repeat}
.category_link li .box .link li.bg_ico_link_blue {display:block;background:url('../images/oer/ico_link_blue.png') 90% 40px no-repeat}
.category_link li .box .link li.bg_ico_link_purple {display:block;background:url('../images/oer/ico_link_purple.png') 90% 40px no-repeat}
.category_link li .box .link li .circle {display:block;width:30px;height:30px;line-height:30px;margin:0 auto;color:#fff;font-size:12px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%}
.category_link li .box .link li .bgc_red {background-color:#f65177}
.category_link li .box .link li .bgc_green {background-color:#50c14e}
.category_link li .box .link li .bgc_blue {background-color:#5093e1}
.category_link li .box .link li .bgc_purple {background-color:#492a8b}
@media screen and (min-width:1101px) {
  .category_link li {width:32%;margin:0 2% 2% 0}
  .category_link li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:781px) and (max-width:1100px) {
  .category_link li {width:32%;margin:0 2% 2% 0}
  .category_link li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:501px) and (max-width:780px) {
  .category_link li {width:49%;margin:0 2% 2% 0}
  .category_link li:nth-child(2n) {margin:0 0 2%}
}
@media screen and (max-width:500px) {
  .category_link li {width:100%;margin:0 0 4%;}
}

/* Institute Menu : 기관 */
.institute_link {clear:both;width:100%;overflow:hidden}
.institute_link li {float:left;display:block;height:90px;}
.institute_link li .box {border:1px solid #dfdfdf;background:url('../images/oer/bg_organization.png') right top repeat-y;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;overflow:hidden}
.institute_link li .box:hover {background-color:#5c5f6c}
.institute_link li .box:hover .link li:hover {color:#333;cursor:pointer}
.institute_link li .box:hover .link li:hover .tit {color:#fff;font-size:15px;}
.institute_link li .box .link {width:100%}
.institute_link li .box .link li {width:73%;padding:15px 20px;margin:0;display:block;color:#767676;font-weight:100;font-size:13px;letter-spacing:0.05em;overflow:hidden}
.institute_link li .box .link li .tit {display:inline-block;width:100%;height:55px;line-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;display:table-cell;vertical-align:middle}
.institute_link li .box .link li .red {color:#f65177}
/* .institute_link li .box .link li:nth-child(1) {width:20% !important;padding:40px 0;margin:0;text-align:center;overflow:hidden}
.institute_link li .box .link li:nth-child(2) {width:75% !important;padding:40px 2.5%;margin:0;text-align:left;overflow:hidden} */
.institute_link li .box .link li.bg_ico_link_red {display:block;background:url('../images/oer/ico_link_red.png') 90% 40px no-repeat}
.institute_link li .box .link li.bg_ico_link_green {display:block;background:url('../images/oer/ico_link_green.png') 90% 40px no-repeat}
.institute_link li .box .link li.bg_ico_link_blue {display:block;background:url('../images/oer/ico_link_blue.png') 90% 40px no-repeat}
.institute_link li .box .link li.bg_ico_link_purple {display:block;background:url('../images/oer/ico_link_purple.png') 90% 40px no-repeat}
.institute_link li .box .link li .circle {display:block;width:30px;height:30px;line-height:30px;margin:0 auto;color:#fff;font-size:12px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%}
.institute_link li .box .link li .bgc_red {background-color:#f65177}
.institute_link li .box .link li .bgc_green {background-color:#50c14e}
.institute_link li .box .link li .bgc_blue {background-color:#5093e1}
.institute_link li .box .link li .bgc_purple {background-color:#492a8b}
@media screen and (min-width:1101px) {
  .institute_link li {width:32%;margin:0 2% 2% 0}
  .institute_link li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:781px) and (max-width:1100px) {
  .institute_link li {width:32%;margin:0 2% 2% 0}
  .institute_link li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:501px) and (max-width:780px) {
  .institute_link li {width:49%;margin:0 2% 2% 0}
  .institute_link li:nth-child(2n) {margin:0 0 2%}
}
@media screen and (max-width:500px) {
  .institute_link li {width:100%;margin:0 0 4%;}
  .institute_link li:last-child{margin:0}
}

/* Contents Type Menu : 콘텐츠 타입 */
.cont_type_list {width:100%}
.cont_type_list li {float:left;display:block;}
.cont_type_list li .view {position:relative;background:#000;overflow:hidden}
.cont_type_list li .view .photo {position:relative;width:100%;height:220px}
.cont_type_list li .view .photo .subject {position:absolute;bottom:0;left:0;display:block;width:100%;font-size:14px;color:#fff;z-index:2;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background:rgba(0,0,0,0.8);overflow:hidden}
.cont_type_list li .view .photo .subject span {color:#f9c205;margin-left:5px}

.cont_type_list li .view img {display:block;width:100%;height:100%;transition:all 0.2s linear}
.cont_type_list li .view a.info {position:absolute;top:10px;left:0;display:block;width:100%;height:200px;z-index:3;text-decoration:none}
.cont_type_list li .view .mask {width:92%;height:100%;margin:0 auto;z-index:4;overflow:hidden}

.cont_type_list li .view-first ul {opacity:0;margin:15px;background-color:rgba(0, 0, 0, 0.6);transition:all 0.4s ease-in-out}
.cont_type_list li .view-first ul li {width:100% !important;padding:0;margin:0;color:#fff}
.cont_type_list li .view-first ul li.plus {margin:60px 0 20px 0;text-align:center;transition:all 0.2s linear}
.cont_type_list li .view-first ul li.plus img {width:auto;height:auto}
.cont_type_list li .view-first ul li.name {display:block;padding:0 20px;/* color:#f9c205; */text-align:center;}
.cont_type_list li .view-first ul li.name .point {padding:0 10px;color:#f9c205}
.cont_type_list li .view-first a.info {opacity:0;transition:all 0.2s ease-in-out}

.cont_type_list li .view-first:hover .subject {display:none}
.cont_type_list li .view-first:hover a.info {opacity:1;transition-delay:0.2s}
.cont_type_list li .view-first:hover .mask {opacity:1;transition-delay:0.1s;}
.cont_type_list li .view-first:hover ul {opacity:1}
.cont_type_list li .view-first:hover ul li {float:left;font-size:20px !important;line-height:20px !important}
.middle{vertical-align:middle;margin-right:10px}
@media screen and (min-width:1101px) {
  .cont_type_list li {width:32%;margin:0 2% 2% 0}
  .cont_type_list li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:781px) and (max-width:1100px) {
  .cont_type_list li {width:32%;margin:0 2% 2% 0}
  .cont_type_list li:nth-child(3n) {margin:0 0 2%}
}
@media screen and (min-width:501px) and (max-width:780px) {
  .cont_type_list li {width:49%;margin:0 2% 2% 0}
  .cont_type_list li:nth-child(2n) {margin:0 0 2%}
}
@media screen and (max-width:500px) {
  .cont_type_list li {width:100%;margin:0 0 4%;}
  .cont_type_list li:last-child{margin:0}
}

/* FAQ */
#wps_accordion_pro {display:block;width:100%;margin-bottom:30px;overflow:hidden;}
#accordion_pro .wpsm_panel-title {font-size:16px;line-height:20px;margin-bottom:20px;overflow:hidden}
#accordion_pro .wpsm_panel-title > a {border-bottom:0 !important;text-decoration:none !important;outline: none !important;box-shadow:none !important;}
#accordion_pro .ac_title_icon {margin-right:8px;}

/* css files */
#accordion_pro .wpsm_panel {border:1px solid #d1d1d1;border-radius:0 !important;box-shadow:none !important;background-color:transparent !important;margin-bottom:10px !important;margin-top:0 !important;}
#accordion_pro .wpsm_panel-heading {padding:0 !important;border-radius:0 !important;}
#accordion_pro .wpsm_panel-title a {position:relative !important;display:block !important;padding:12px 10px 12px 18px !important;color:#444 !important;background:#f5f5f5 !important;text-transform:none !important;transition:0.4s ease !important;box-shadow: none !important;font-size:16px !important;line-height:1.5 !important;font-weight:500 !important;}
#accordion_pro .wpsm_panel-title a.collapsed {background:#f5f5f5 !important;color:#444 !important;}
#accordion_pro .wpsm_panel-title a.collapsed:hover {color:#444 !important;background:#f5f5f5 !important;}
#accordion_pro .wpsm_panel-title a, #accordion_pro .wpsm_panel-title a:hover, #accordion_pro .wpsm_panel-title a.collapsed, #accordion_pro .wpsm_panel-title a.collapsed:hover {background-image:none !important;color:#b22311}
#accordion_pro .wpsm_panel-body {font-size:16px;background:#fff;color:#666666 !important;word-break:keep-all}
#accordion_pro .wpsm_panel-body .pointer {color:#2872b4}
#accordion_pro .wpsm_panel-body .title {color:#2872b4}
#accordion_pro .wpsm_panel-body .txt {width:100%}
#accordion_pro .wpsm_panel-body .txt li {clear:both;width:100%;font-size:14px;line-height:18px;margin-bottom:10px}
#accordion_pro .wpsm_panel-body .txt li > a {color:#666}
#accordion_pro .wpsm_panel-body .txt li > a:hover {text-decoration:underline}
#accordion_pro .wpsm_panel-body_inner {width:100%;overflow:hidden;}
#accordion_pro .wpsm_panel-body_inner ul {width:100%;}
#accordion_pro .wpsm_panel-body_inner ul li {float:left;display:block;}
#accordion_pro .wpsm_panel-body_inner ul li img {vertical-align:middle}
#accordion_pro .wpsm_panel-body_inner ul li a {text-decoration:underline}
#accordion_pro .wpsm_panel-body_inner dl {width:100%;height:120px;padding:5px 10px 15px;border:1px solid #d1d1d1;text-align:center;overflow:hidden}
#accordion_pro .wpsm_panel-body_inner dt {clear:both;width:100%;}
#accordion_pro .wpsm_panel-body_inner dd {clear:both;width:100%;font-size:13px;color:#666;letter-spacing:-0.03em;}
#accordion_pro .wpsm_panel-body_inner .cc_img {display:block;width:300px;margin:10px auto;text-align:center;border:1px solid #d1d1d1;padding:15px 10px 10px}
#accordion_pro .wpsm_panel-body_inner .cc_img .tit {display:block;font-size:13px;font-weight:bold;margin-top:10px;color:#2872b4}
/* open close icon option */
#accordion_pro .collapsing { transition:height 0.6s; -webkit-transition:height 0.6s; -moz-transition:height 0.6s; -ms-transition:height 0.6s; -o-transition:height 0.6s; }
@media screen and (min-width:1101px) {
  #accordion_pro .wpsm_panel-body_inner ul li {width:23%;margin:0 2% 2% 0;}
  #accordion_pro .wpsm_panel-body_inner ul li:nth-child(4n) {width:25%;margin:0 0 2%}
}
@media screen and (min-width:761px) and (max-width:1100px) {
  #accordion_pro .wpsm_panel-body_inner ul li {width:23%;margin:0 2% 2% 0;}
  #accordion_pro .wpsm_panel-body_inner ul li:nth-child(4n) {width:25%;margin:0 0 2%}
}
@media screen and (min-width:421px) and (max-width:760px) {
  #accordion_pro .wpsm_panel-body_inner ul li {width:32%;margin:0 2% 2% 0;}
  #accordion_pro .wpsm_panel-body_inner ul li:nth-child(3n) {margin:0 0 2%}
  #accordion_pro .wpsm_panel-body_inner dl {height:130px}
}
@media screen and (max-width:420px) {
  #accordion_pro .wpsm_panel-body_inner ul li {width:48%;margin:0 2% 2% 0;}
  #accordion_pro .wpsm_panel-body_inner ul li:nth-child(2n) {width:50%;margin:0 0 2%}
}
 
FAQ
#wps_accordion_pro_134 {overflow:hidden;display:block;width:100%;margin-bottom:30px;}
#accordion_pro_134 .wpsm_panel-title {margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;}
#accordion_pro_134 .wpsm_panel-title > a {border-bottom:0 !important;text-decoration:none !important;outline: none !important;box-shadow:none !important;}
#accordion_pro_134 .ac_title_icon {margin-right:8px;}

css files
#accordion_pro_134 a:hover, #accordion_pro_134 a:focus {outline:none !important;text-decoration:none !important;}
#accordion_pro_134 .wpsm_panel {border:1px solid #d1d1d1;border-radius:0 !important;box-shadow:none !important;background-color:transparent !important;margin-bottom:10px !important;margin-top:0 !important;}
#accordion_pro_134 .wpsm_panel-heading {padding:0 !important;border-radius:0 !important;}
#accordion_pro_134 .wpsm_panel-title a {position:relative !important;display:block !important;padding:12px 10px 12px 18px !important;color:#444 !important;background:#f5f5f5 !important;text-transform:none !important;transition:0.4s ease !important;box-shadow: none !important;font-size:16px !important;line-height:1.5 !important;font-weight:500 !important;}
#accordion_pro_134 .wpsm_panel-title a.collapsed {background:#f5f5f5 !important;color:#444 !important;}
#accordion_pro_134 .wpsm_panel-title a.collapsed:hover {color:#444 !important;background:#f5f5f5 !important;}
#accordion_pro_134 .wpsm_panel-body {font-size:16px;background:#fff !important;color:#666666 !important;padding:20px;word-break:keep-all}
#accordion_pro_134 .wpsm_panel-body .pointer {color:#2872b4}
#accordion_pro_134 .wpsm_panel-body .title {color:#2872b4}
#accordion_pro_134 .wpsm_panel-default > .wpsm_panel-heading + .wpsm_panel-collapse > .wpsm_panel-body{border-top:0 none !important;}
/* #accordion_pro_134 {padding-left:57px;} */
#accordion_pro_134 .wpsm_panel-title a, #accordion_pro_134 .wpsm_panel-title a:hover, #accordion_pro_134 .wpsm_panel-title a.collapsed, #accordion_pro_134 .wpsm_panel-title a.collapsed:hover {background-image:none !important;color:#b22311}

#accordion_pro_134 .wpsm_panel-body .banner_logo {float:left;width:23%;margin-right:2%;height:120px;padding:5px 0 15px;border:1px solid #d1d1d1;text-align:center;overflow:hidden;margin-bottom:20px}
#accordion_pro_134 .wpsm_panel-body .banner_logo.last {width:25%;margin-right:0}
#accordion_pro_134 .wpsm_panel-body .banner_logo dt {clear:both;display:block;text-align:center}
#accordion_pro_134 .wpsm_panel-body .banner_logo dd {clear:both;display:block;font-size:13px;color:#666;letter-spacing:-0.03em;text-align:center;overflow:hidden}
			
open close icon option
#accordion_pro_134 .collapsing {transition:height 0.6s;}
#accordion_pro_134 .wpsm_panel-body_inner {overflow:hidden;display:block;}
#accordion_pro_134 .wpsm_panel-body_inner ul {width:100%;}
#accordion_pro_134 .wpsm_panel-body_inner ul li {clear:both;display:block;padding-left:12px;background:url('../images/oer/bul_dot_result.gif') left 11px no-repeat}
#accordion_pro_134 .wpsm_panel-body_inner ul li.center {clear:both;display:block;padding-left:12px;background:url('../images/oer/bul_dot_result.gif') left center no-repeat}
#accordion_pro_134 .wpsm_panel-body_inner ul li img {vertical-align:middle}
#accordion_pro_134 .wpsm_panel-body_inner ul li.mB15 {margin-bottom:15px}
#accordion_pro_134 .wpsm_panel-body_inner ul li.bgNo {background:none}
#accordion_pro_134 .wpsm_panel-body_inner .cc_img {display:block;width:300px;margin:10px auto;text-align:center;border:1px solid #d1d1d1;padding:15px 10px 10px}
#accordion_pro_134 .wpsm_panel-body_inner .cc_img .tit {display:block;font-size:13px;font-weight:bold;margin-top:10px;color:#2872b4}
#accordion_pro_134 .wpsm_panel-body_inner a {text-decoration:underline}
 
/* viewer */
.viewer_lectureView_connection2 {position:absolute;display:block;width:100%;text-align:center;color:#fff;background-color:#7e1818;text-align:center;z-index:10000;overflow:hidden}
.viewer_lectureView_connection2 img {vertical-align:middle}
.viewer_lectureView_connection2 span {display:inline-block;width:100%;padding:10px 0;text-align:center;font-size:16px;color:#fff;overflow:hidden;}
/* .viewer_cont {display:block;margin-top:67px;overflow:hidden} */
.video-js {display:block;overflow:hidden}

/* rowdataType */
table.board_rows {width:100%; border-top:1px solid #afb6c0}
table.board_rows tbody th, table.board_rows tbody td {padding:10px 10px; border-bottom:1px solid #dce1e6}
table.board_rows tbody th {background:#f5f6f6; color:#202020; text-align:left}
table.board_rows tbody td {color:#333}
table.board_rows tbody td p {line-height:18px}
table.board_rows tbody td.date, table.board_rows tbody td.num,  table.board_rows tbody .num {color:#666; font-size:11px}
table.board_rows tbody td.line_l {border-left:1px solid #dce1e6}
table.board_rows tbody td.nospace {padding-right:0}
table.board_rows tbody td.noallspace {padding:0}
table.board_rows tbody td input {padding:10px}
table.board_rows .desc_txt {color:#999}
table.board_rows .txt {color:#999; font-size:12px}
table.board_rows.space {margin-top:13px}
table.board_rows tr.noline th, table.board_rows tr.noline td {border-bottom:none}
table.board_rows tr.dashed th, table.board_rows tr.dashed td {border-bottom-style:dashed}
table.board_rows tr.dim th {color:#9c9d9d !important}
table.board_rows tr.dim td {opacity:0.5; filter:Alpha(opacity=50)}
table.board_rows tr.dim td .itemList {display:none !important}
table.board_rows td.dim, .dim_obj {opacity:0.5; filter:Alpha(opacity=50)}
table.board_rows td.dim .itemList {display:none !important}
table.board_rows .dim_select .jsSelect {opacity:0.5; filter:Alpha(opacity=50)}
table.board_rows .dim_select .itemList {display:none !important}
.css_list {width:100%; overflow:hidden}
.css_list li {float:left; width:25%; text-align:center}
.css_list li:first-child .sample {border-left:none}
.css_list li .sample {padding-top:9px; border-left:1px dashed #c8d2df}
.css_list li .sample div.thum {margin-top:9px; padding:10px 0; border-top:1px dashed #c8d2df}
.css_list li .sample div.thum img {margin-bottom:5px; vertical-align:top}

/*-------------- Result : Bookmark -------------- */
.lectureBookmarkWrap {clear:both;margin:5px 0 0}
.lm_bookmark {float:left;width:180px}
.lm_bookmark dt {clear:both;border-bottom: 1px solid #ccc;padding:15px 0;font-weight:bold;font-size:16px;text-align:center}
.lm_bookmark dd {clear:both;border-bottom:1px solid #dedede;padding:10px 0 10px 15px;} /*background:url('../images/oer/bul_dot_result.gif') 5px 20px no-repeat*/
.lm_bookmark dd a {display:block;color:#454545;font-size:14px}
.lm_bookmark dd a.on {color:#df2027;font-weight:bold;background:url('../images/oer/bg_right_arrow.gif') 98% 7px no-repeat}
.lm_bookmark dd a:hover {text-decoration:underline}
.lm_bookmark {float:left;width:180px;border:1px solid #dedede}
.lm_bookmark li {clear:both;font-weight:bold;font-size:14px;background-color:#f1f1f1;border-bottom:1px solid #e1e1e1;}
.lm_bookmark li a {display:block;color:#454545;font-size:14px;padding:10px 15px;border-bottom:1px solid #e1e1e1;}
.lm_bookmark li a.on {color:#df2027;font-weight:bold;background:url('../images/oer/bg_right_arrow.gif') 92% 18px no-repeat}
.lm_bookmark li a.on1 {color:#df2027;font-weight:bold;}
.lm_bookmark li a:hover {text-decoration:underline}
.lm_bookmark li:last-child {border-bottom:none}
.lm_bookmark .num {color:#df2027}
.lm_list {display:none;clear:both;width:100%;margin:0;padding:7px 0;background-color:#fff;overflow:hidden}
.lm_list li {clear:both;width:100%;border-bottom:none !important;background-color:#fff !important}
.lm_list li a {display:block;font-size:12px;font-weight:normal;line-height:18px;padding:3px 23px 3px 19px;border:none;background:url('../images/oer/bul_dot_result.gif') 15px 11px no-repeat;word-break:break-all;width:98%;}
.lm_list li a.active {color:#3c3a4f;font-weight:bold}

.lectureResultList {float:right;width:900px;min-height:220px;border-left:1px solid #dedede;padding-left:28px;padding-bottom:50px}
.lectureBookmarkList {clear:both;width:100%}
.lectureBookmarkList li {clear:both;padding:0 0 0}
.lectureBookmark {position:relative;height:auto;border:1px solid #dedede;background-color:#f5f5f5;padding:35px;margin-bottom:20px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.lectureBookmark::after {content:'';clear:both;display:block;zoom:1}
.lectureBookmark .photo {float:left;width:280px;}
.lectureBookmark .photo img {width:280px;height:200px;border:1px solid #dedede}

.lectureBookmark .lecture_wrap {float:right;width:500px;border:none}
.lectureBookmark .lecture_wrap dt {width:100%;font-size:16px;margin-bottom:15px;display:block;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lectureBookmark .lecture_wrap dt a {text-decoration:underline;color:#454545}
.lectureBookmark .lecture_wrap dt img {vertical-align:middle;margin:0 0 0 10px}
.lectureBookmark .lecture_wrap dd {position:relative;clear:both;width:100%}
.lectureBookmark .lecture_wrap dd.cont {display:block;width:100%;height:60px;line-height:20px;font-size:14px;color:#666;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden}
.lectureBookmark .lecture_wrap dd.infor {position:relative;clear:both;width:280px;min-height:150px}
.lectureBookmark .lecture_wrap dd.infor ul li {clear:both;font-size:13px;line-height:18px;padding:1px 0 1px 12px;background:url('../images/oer/bul_dot_infor_list.gif') left 10px no-repeat}
.lectureBookmark .lecture_wrap dd.infor .btn {position:relative;margin-left:-175px;height:36px;width:110px;margin-top:5px;padding:0 0 0}
.lectureBookmark .lecture_wrap dd.link {clear:both;width:450px;padding:10px 0 0}
.lectureBookmark .lecture_wrap dd.link a {display:block;font-size:14px;color:#2a517b;text-decoration:underline}
.lectureBookmark .lecture_wrap dd.link a:hover {text-decoration:underline}

.lectureBookmark .add_bookmark {position:absolute;right:30px;top:32px;display:block;font-size:13px;text-align:right;color:#b22311;padding:5px 0 10px 25px;background:url('../images/oer/ico_add_bookmark.png') left top no-repeat;z-index:2}
.lectureBookmark .add_bookmark:hover {text-decoration:underline}
.lectureBookmark .user_evaluation {position:absolute;right:30px;top:145px;width:220px;background-color:#fff;padding:12px 15px 10px;border:1px solid #dedede;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2}
.lectureBookmark .user_evaluation li {position:relative;font-size:13px;padding:0 0 0 12px;margin:0;height:20px;background:url('../images/oer/bul_dot_infor_list.gif') left 7px no-repeat}
.lectureBookmark .ccl {position:absolute;right:30px;top:240px;font-size:11px;text-align:right;z-index:2}
@media screen and (max-width:1100px) {
  .lm_bookmark {width:20%}
  .lectureResultList {width:80%}
  .lectureBookmark .photo {width:35%;margin-bottom:10px}
  .lectureBookmark .photo img {width:100%;height:200px}
  .lectureResultList {border-left:none}
  .lectureBookmark .lecture_wrap {width:65%;padding-left:20px}
  .lectureBookmark .lecture_wrap dd.infor {width:100%}
  .lectureBookmark .lecture_wrap dd.infor .btn {margin-left:0}
  .lectureBookmark .user_evaluation {position:relative;right:auto;top:auto;width:auto;margin-bottom:10px;overflow:hidden}
  .lectureBookmark .ccl {position:relative;right:auto;top:auto;text-align:left;line-height:14px}
}
@media screen and (max-width:900px) {
  .lectureBookmark .photo img {height:150px}
  .lectureBookmark .lecture_wrap dd.infor .btn {margin-bottom:15px}
  .lectureBookmark .user_evaluation {clear:both;width:100%;overflow:hidden;}
}
@media screen and (max-width:620px) {
  .lm_bookmark {width:100%;margin-bottom:15px}
  .lectureResultList {clear:both;width:100%;padding-left:0}
  .lectureBookmark { width:100%; padding:20px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
  .lectureBookmark dt {float:left;display:block;width:25%}
  .lectureBookmark dd {float:left;display:block;width:25%}
  .lectureBookmark .photo {width:100%;margin-bottom:10px}
  .lectureBookmark .lecture_wrap dd.infor .btn {margin-bottom:10px}
  .lectureBookmark .lecture_wrap {clear:both;width:100%;padding-left:0}

}

/* paging  paging css가 2개 겹침-> 주석처리*/
/* .paging {position:relative; height:auto; margin-top:10px; padding-top:2px; text-align:center}
.paging a, .paging strong {vertical-align:middle}
.paging .btn_page_first {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat 0 -59px}
.paging .btn_page_prev {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -36px -59px}
.paging .btn_page_next {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat -73px -59px}
.paging .btn_page_last {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -109px -59px}
.paging .btn_page_first.dim {background-position:0 -37px}
.paging .btn_page_prev.dim {background-position:-36px -37px}
.paging .btn_page_next.dim {background-position:-73px -37px}
.paging .btn_page_last.dim {background-position:-109px -37px}
.paging .nums {margin:0 10px}
.paging .nums a, .paging .nums strong {padding:0 8px; font-weight:bold; font-size:11px}
.paging .nums a {color:#333}
.paging .nums strong {color:#d10000}
.paging .btns {position:absolute; top:0; right:0}
.paging .btns_l {position:absolute; top:0; left:0} */

/* top Visual : Profile */
.topProfile {background:url(../images/oer/bg_subVisual_profile.jpg) center top no-repeat;background-size:cover}
.topProfile .profile_wrap {width:1100px;margin:0 auto;padding:35px 0;text-align:center;overflow:hidden;}
.topProfile .profile {display:inline-block;width:178px;height:178px;margin:0 auto;background:url(../images/oer/bg_profile.png) center top no-repeat;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;overflow:hidden}
.topProfile .profile_txt {display:inline-block;margin:30px 0 0 20px;}
.topProfile .profile_txt dt {clear:both;width:100%;font-size:24px;font-weight:bold;color:#000;margin-bottom:15px}
.topProfile .profile_txt dd {font-size:16px;line-height:24px;color:#333;text-align:left;}
.topProfile .profile_txt dd.blue {font-size:14px;color:#008ed2}
@media screen and (max-width:1100px) {
  .topProfile .profile_wrap {width:100%;}
}
@media screen and (max-width:480px) {
  .topProfile .profile {clear:both;width:120px;height:120px;margin:0 auto;background-size:100% auto;}
  .topProfile .profile_txt {clear:both;width:100%;margin:0;}
  .topProfile .profile_txt dd {text-align:center;}
}

/* top Visual */
.topVisual {position:relative;width:100%;height:248px;margin:66px 0 0}
.topVisual .subject_txt {width:100%;padding:100px 0;text-align:center;color:#fff;font-size:34px;font-weight:300}
.category_system {background:url(../images/oer/bg_subVisual_cat_system.jpg) center top no-repeat;background-size:cover}
.category_system .subject_txt {width:100%;padding:100px 0;text-align:center;color:#fff;font-size:34px;font-weight:300}
.institute {background:url(../images/oer/bg_subVisual_cat_system.jpg) center top no-repeat;background-size:cover}
.institute .subject_txt {width:100%;padding:100px 0;text-align:center;color:#fff;font-size:34px;font-weight:300}
.contents_type .subject_txt {width:100%;padding:100px 0;text-align:center;color:#fff;font-size:34px;font-weight:300}
.open_lecture {background:url(../images/oer/bg_subVisual_open_lecture.jpg) center top no-repeat;background-size:cover}
@media screen and (max-width:460px) {
  .topVisual .subject_txt {font-size:28px}
  .category_system .subject_txt {font-size:28px}
}

/* sub Visual */
.bg_visual01 {background:#353849 url(../images/oer/bg_subVisual01.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*분류체계*/
.bg_visual02 {background:#252C3F url(../images/oer/bg_subVisual02.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*기관*/
.bg_visual03 {background:#2A2C41 url(../images/oer/bg_subVisual03.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*파트너*/
.bg_visual04 {background:#3E404D url(../images/oer/bg_subVisual04.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*About ACU-OER*/
.bg_visual05 {background:#404354 url(../images/oer/bg_subVisual05.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*About ACU-Project*/
.bg_visual06 {background:#31384B url(../images/oer/bg_subVisual06.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*WhitisOER*/
.bg_visual07 {background:#414455 url(../images/oer/bg_subVisual_cont_type.jpg) center top no-repeat;background-size:cover;margin:66px 0 0;} /*ContentsType*/
	
/* 교수자 소개 Professor_infor */
.professor_infor {clear:both;width:100%;border-bottom:1px solid #ddd;overflow:hidden}
.professor_infor ul {width:1100px;margin:0 auto}
.professor_infor ul li.l {float:left;width:705px;text-align:left;padding:35px 30px;overflow:hidden}
.professor_infor ul li.l .cont {clear:both;padding:30px 0;font-size:16px;line-height:24px} 
.professor_infor ul li.r {float:right;width:335px;;padding:15px 0;background-color:#f3f4f8;overflow:hidden}

.professor_infor .profile {display:inline-block;width:178px;height:178px;background:#556080 url(../images/oer/bg_profile2.png) center top no-repeat;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;overflow:hidden}
.professor_infor .profile img {width:178px;height:178px;overflow:hidden}
.professor_infor .profile_txt {display:inline-block;margin-left:20px;text-align:left}
.professor_infor .profile_txt dt {clear:both;width:100%;font-size:36px;line-height:42px;font-weight:bold;color:#000;margin-bottom:10px}
.professor_infor .profile_txt dd {font-size:16px;line-height:24px;color:#333;padding:3px 0 3px 30px}
.professor_infor .profile_txt dd.blue {font-size:14px;color:#008ed2}
.professor_infor .ico_email {display:block;height:25px;background:url(../images/oer/ico_email.png) left 60% no-repeat;padding-left:30px}
.professor_infor .ico_phone {display:block;height:25px;background:url(../images/oer/ico_phone.png) left 60% no-repeat;padding-left:30px}
.professor_infor .ico_nation {display:block;height:25px;background:url(../images/oer/ico_nation.png) left 60% no-repeat;padding-left:30px}

.professor_infor .side {clear:both;width:100%;}
.professor_infor .side dl {width:270px;margin:0 auto}
.professor_infor .side dl dt {font-size:26px;color:#e5335f;font-weight:bold;padding:20px 0}
.professor_infor .side dl dd {line-height:24px;color:#000;padding-bottom:20px;border-bottom:1px solid #ddd}
.professor_infor .side dl dd:last-child {border-bottom:none}
.professor_infor .side dl dd ul li.ico_twitter {display:block;background:url(../images/oer/ico_twitter.png) left 50% no-repeat;padding:5px 0 5px 35px}
.professor_infor .side dl dd ul li.ico_facebook {display:block;background:url(../images/oer/ico_facebook.png) left 50% no-repeat;padding:5px 0 5px 35px}
.professor_infor .side dl dd ul li a {color:#000}

.photoGallery_2 {clear:both;width:100%;height:348px}
.photoGallery_2 ul {height:348px;margin:0 auto;overflow:hidden}
.photoGallery_2 ul li {display:inline-block;width:340px !important;height:348px;margin-right:40px;text-align:center}
.photoGallery_2 ul li .photo {position:relative;width:340px;height:200px;margin:0 auto;background-color:#dedede}
.photoGallery_2 ul li .photo img {width:340px;height:200px}
.photoGallery_2 ul li .photo .ico_video {position:absolute;top:165px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_video.png) center top no-repeat;z-index:10}
.photoGallery_2 ul li .photo .ico_audio {position:absolute;top:165px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_audio.png) center top no-repeat;z-index:10}
.photoGallery_2 ul li .photo .ico_weblink {position:absolute;top:165px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_webLink.png) center top no-repeat;z-index:10}
.photoGallery_2 ul li .photo .ico_webContents {position:absolute;top:165px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_webContents.png) center top no-repeat;z-index:10}
.photoGallery_2 ul li .photo .ico_document {position:absolute;top:165px;right:30px;display:block;width:45px;height:45px;background:url(../images/oer/btn_document.png) center top no-repeat;z-index:10}
.photoGallery_2 ul li dl {box-sizing:content-box;width:320px;background-color:#f6f6f6;margin:0 auto;padding:15px 10px;text-align:left}
.photoGallery_2 ul li dl dt {font-size:18px;height:50px;line-height:24px;font-weight:500;color:#555;margin:10px 0 30px;overflow:hidden}
.photoGallery_2 ul li dl dd {font-size:16px;font-weight:100;color:#555}
.photoGallery_2 ul li dl dd.category {font-size:14px;margin:0 0 5px}
.photoGallery_2 ul li dl dd.date {font-size:14px}
.photoGallery_2 a {display:block}
.photoGallery_2 a:hover {text-decoration:underline;color:#333}	

/* loading logo*/
.loading {position:absolute;width:100%;height:100%;text-align:center;font-size:12px;font-weight:bold;color:#fff;background:rgba(0,0,0,0.6);z-index:10000}
.dbLoading {position:relative;text-align:center;font-size:12px;font-weight:bold;color:black;}
.sk-circle {width:40px;height:40px;margin:20% auto 10px;position:fixed;top:0;}
.loadingTxt{position:fixed;left:0;top:0;}
.sk-circle .sk-child {position:absolute;width:100%;height:100%;left:0;top:0;}
.sk-circle .sk-child:before {content: '';display: block;margin: 0 auto;width: 15%;height: 15%;background-color:#fff;border-radius:100%;-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Member Level */
.member_lever_top {clear:both;display:block;border:1px solid #dedede;padding:30px 20px;overflow:hidden}
.member_lever_top li {float:left;display:block;padding:0}
.member_lever_top li dl {margin:4% 0 0 20px}
.member_lever_top li dt {font-size:22px;font-weight:300;margin-bottom:10px}
.member_lever_top li dd {font-size:16px;color:#666}
.member_lever_top li dd span {color:#d11f4d;text-decoration:underline}
@media screen and (min-width:1101px) {
  .member_lever_top li:nth-child(1) {width:20%;padding:0;text-align:center;}
  .member_lever_top li:nth-child(2) {width:80%;padding:0}
}
@media screen and (max-width:1100px) {
  .member_lever_top li:nth-child(1) {width:20%;padding:0}
  .member_lever_top li:nth-child(2) {width:80%;padding:0}
  .member_lever_top li dl {padding-left:20px}
}
@media screen and (min-width:681px) and (max-width:900px) {
  .member_lever_top li dl {margin-top:20px;}
}
@media screen and (min-width:541px) and (max-width:680px) {
  .member_lever_top li dl {margin-top:10px;padding-left:0;}
}
@media screen and (max-width:540px) {
  .member_lever_top li dt {font-size:16px}
  .member_lever_top li dd {font-size:13px}
  .member_lever_top li dl {margin-top:0;padding-left:0;}
}

.member_level {display:block;height:auto;border:1px solid #dedede;padding:30px 20px;overflow:hidden}
.member_level ul {clear:both;width:100%;padding-bottom:30px}
.member_level ul li {float:left;display:block;font-size:15px;line-height:24px}
.member_level ul li.l {width:25%;}
.member_level ul li.l .btn_change2 span {display:inline-block}
.member_level ul li.r {width:75%;padding:20px 0 30px 15px;font-size:16px;font-weight:500}
.member_level ul li.r .point {font-size:13px;line-height:16px;color:#d11f4d}
.member_level ul li .btn_change1 {display:block;width:100%;margin:0 auto;padding:10px;text-align:center;border:1px solid #ddd;font-size:13px;font-weight:300;color:#666;word-break:keep-all}
.member_level ul li .btn_change1:hover {background-color:#e5335f;color:#fff;border:none}
.member_level ul li .btn_change2 {display:block;width:100%;margin:0 auto;padding:10px;text-align:center;border:1px solid #ddd;font-size:13px;font-weight:300;color:#666;word-break:keep-all}
.member_level ul li .btn_change2:hover {background-color:#e5335f;color:#fff;border:none}
.member_level ul li .arrow_down1 {display:block;height:220px;background:url(../images/oer/bg_arrow_down.gif) center bottom no-repeat}
.member_level ul li .arrow_down2 {display:block;height:270px;background:url(../images/oer/bg_arrow_down.gif) center bottom no-repeat}
.member_level ul li .no_arrow {display:block;height:150px}
.member_level ul li .step {display:block;width:100%;height:30px;text-align:center}
.member_level ul li .step01 {padding:150px 0 30px;background:url(../images/oer/img_member_step01.png) center 20px no-repeat}
.member_level ul li .step02 {padding:150px 0 30px;background:url(../images/oer/img_member_step02.png) center 20px no-repeat}
.member_level ul li .step03 {padding:150px 0 30px;background:url(../images/oer/img_member_step03.png) center 20px no-repeat}
.member_level ul li .step01.on {padding:150px 0 30px;background:url(../images/oer/img_member_step01_on.png) center 20px no-repeat}
.member_level ul li .step02.on {padding:150px 0 30px;background:url(../images/oer/img_member_step02_on.png) center 20px no-repeat}
.member_level ul li .step03.on {padding:150px 0 30px;background:url(../images/oer/img_member_step03_on.png) center 20px no-repeat}
.member_level ul li .in_list {background-color:#f4f4f4;padding:15px;margin-top:10px}
.member_level ul li .in_list dt {font-size:14px;color:#000;font-weight:100; margin-bottom:10px}
.member_level ul li .in_list dd {display:block;font-size:14px;line-height:20px;font-weight:100}
@media screen and (max-width:1100px) {
  .member_level ul li.l {width:30%;padding:0}
  .member_level ul li.l .btn_change2 span {display:block}
  .member_level ul li.r {width:70%}
}
@media screen and (max-width:500px) {
  .member_level {padding:10px 20px 20px}
  .member_level ul li.l {clear:both;width:100%;}
  .member_level ul li.r {clear:both;width:100%;padding:0}
  .member_level ul li .btn_change1 {margin-bottom:10px;}
  .member_level ul li .arrow_down1 {height:auto;background:none;}
  .member_level ul li .arrow_down2 {height:auto;background:none;}
  .member_level ul li .no_arrow {height:auto}
}

.file_add{position:relative}
.file_add:after{content:""; display:block; clear:both;}
.file_add .inser_file{margin:0 58px 0 0; color:#999;}
.file_add .inser_file img{vertical-align:middle;}
.file_add .btn_file{position:absolute;top:0;right:0;display:inline-block;height:29px;border:1px solid #aaa;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; overflow:hidden; cursor:pointer; text-align:center}
.file_add .btn_file:hover{position:absolute;top:0;right:0;display:inline-block;height:29px;border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; overflow:hidden; cursor:pointer; text-align:center}
.file_add .btn_file span.fixsize {width:51px; color:#8d8c91;font-size:11px;line-height:29px; font-family:Tahoma}
.file_add .btn_file .file-search{position:absolute;top:0;right:0;width:155px;height:29px;opacity:0;filter:alpha(opacity=0);cursor:pointer}

.fileadd_list li {margin-bottom:5px}
.fileadd_list .file_add .inser_file {margin:0 81px 0 0}
.fileadd_list .file_add .btn_file {right:25px}
.fileadd_list .btn_plus, .fileadd_list .btn_minus {position:absolute; top:0; right:0}
.laydelete{display:inline-block;position:absolute;margin:6px 0 0 8px;width:9px;height:9px;padding:0 !important; background:url('../images/common/spr_btn.png') no-repeat -55px -15px}

.fixarea {width:100%}
.fixarea .thumb_default_file {display:table-cell;width:100%;vertical-align:middle;border:1px solid #dedede; max-width:50%; max-height:50%;}
.fixarea .thumb_default_file .thumb {width:100%;vertical-align:top}
.fixarea .thumb_default_file #thumImg {max-width:50%; max-height:50%;}
.fixarea .file_add3 {width:100%;margin-top:5px;}
.fixarea .file_add3 .inser_file {width:60%;display:inline-block;margin:0;color:#999;padding-bottom:2px;overflow:hidden}
.fixarea .file_add3 .inser_file .input_file {width:100%;height:29px;display:inline-block;border:1px solid #dedede !important;padding:2px 5px;border:0;color:#666;overflow:hidden}
.fixarea .file_add3 .inser_file img{vertical-align:middle;}
.fixarea .file_add3 .btn_file {position:relative;display:inline-block;width:80px;height:29px;border:1px solid #ddd;font-weight:300;background:#fff;overflow:hidden; cursor:pointer; text-align:center; vertical-align:middle; *zoom:1; *display:inline;}
.fixarea .file_add3 .btn_file:hover {text-decoration:none !important;background-color:#e5335f;color:#fff}
.fixarea .file_add3 .btn_file span {display:inline-block;height:25px;padding:0 5px;font-size:14px;line-height:25px}
.fixarea .file_add3 .btn_file .file-search {position:absolute;top:0;right:0;width:150px;height:19px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.fixarea .file_add3 .btn_filedel {display:inline-block;height:25px;padding:0 5px;border:1px solid #aaa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;color:#8d8c91;font-size:11px;}
.fixarea .file_add3 .btn_delete {display:inline-block;width:80px;height:29px;margin:0;padding:2px 15px;background-color:#fff;border:1px solid #ddd;font-size:14px;font-weight:300;overflow:hidden}
.fixarea .file_add3 .btn_delete:hover {text-decoration:none !important;background-color:#e5335f;color:#fff}

input.bwtext {display:inline-block;width:35%;height:40px;padding:0 10px;border:1px solid #dedede;vertical-align:middle}
input.emailtext {display:inline-block;width:40%;height:40px;padding:0 10px;border:1px solid #dedede;vertical-align:middle}
select.bwsel {width:50%;height:40px;background:#fff url('../images/oer/select_arr.png') no-repeat 95% 50%;border:1px solid #ccc;padding:5px 10px;cursor:pointer}
textarea.bwtextarea {min-height:150px;border:1px solid #ccc;padding:5px 10px}
@media screen and (max-width:1000px) {
  select.bwsel {width:80%;}
}
@media screen and (max-width:840px) {
  input.emailtext {display:block;width:100%;margin-bottom:5px;}
}
@media screen and (max-width:460px) {
  input.bwtext {width:100%;}
  select.bwsel {width:100%;}
}

.btn_category {display:inline-block;background-color:#fff;border:1px solid #ddd;padding:10px 15px;font-size:14px;font-weight:bold;margin-top:5px;overflow:hidden}
.btn_category:hover {text-decoration:none !important;background-color:#e5335f;color:#fff}
.form-control {display:block;margin-right:5px;width:100%;height:36px !important;padding:10px 12px;font-size:14px;color:#555555;background-color:#ffffff;background-image: none;border:1px solid #dedede !important;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.thumb_bann {width:100%;height:auto;border:1px solid #bebebe}
img.thum {max-width:66px;max-height:66px;border:1px solid #bebebe;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px} /* lcms icon_thumbnail */

/* open lecture (강좌개설) */
.open_lecture_topVisual {width:100%;height:248px;background:url('../images/oer/bg_subVisual_open_lecture.jpg') center top no-repeat;background-size:cover}

/* Contact */
.contact {margin-top:-6px;padding-left:110px;background:url('../images/portal/img_contact.gif') no-repeat 0 4px}
.contact h4 {margin-top:25px; margin-bottom:8px}
.contact h4:first-child, .contact dl dt:first-child {margin-top:0}
.contact dl dt {margin:10px 0 3px; font-weight:bold}
.contact dl dd {line-height:17px}
.contact .list_bul {width:100%}
.contact .list_bul li {clear:both;width:100%;margin-top:5px}
.contact .list_bul li.address {font-size:14px;font-weight:300;line-height:18px;margin-bottom:10px}

/* helpdesk */
 a.help_icon02 {padding:15px 0 7px 38%;background:#7b8ca4 url('../images/common/ico_help02.png') no-repeat 25% 7px}
 a.help_icon02.on, a.help_icon02:hover {background:#e02027 url('../images/common/ico_help02.png') no-repeat 25% 7px;text-decoration:none}
 a.help_icon06 {padding:15px 0 7px 28%;background:#7b8ca4 url('../images/common/ico_help06.png') no-repeat 12% 7px}
 a.help_icon06.on, a.help_icon06:hover {background:#e02027 url('../images/common/ico_help06.png') no-repeat 12% 7px;text-decoration:none}
.board_info #boardGb { display:block; height:35px; padding:6px 6px 0px 5%; text-align:center; color:#fff; letter-spacing:-0.03em; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; text-decoration:none; -ms-border-radius:3px; }
.help_desk_search {position:relative;margin:0 0 20px;}
.help_desk_search .board_help_search {width:100%;text-align:center;}
.help_desk_search .board_help_search .help_select {display:inline-block;*display:inline;*zoom:1;_display:inline;border:1px solid #c7c7c7;height:41px;padding:10px 30px 10px 10px;color:#202020;font-size:11px;background:#f1f1f1;position:relative; cursor:pointer; white-space:nowrap;vertical-align:middle}
.help_desk_search .board_help_search .help_select .bg_left {height:39px;border:1px solid #bbb;background:#fff;position:absolute; top:0; left:0; right:0 }
.help_desk_search .board_help_search .help_select .bg_right {width:17px;height:39px;background:url('../images/common/spr_icon.png') no-repeat -29px 0;position:absolute;top:0;right:0}
.help_desk_search .board_help_search .help_select .value {position:relative; z-index:1; margin:0 18px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
.help_desk_search .board_help_search .help_select a:hover, div.jsSelect a:active {text-decoration:none}
.help_desk_search .board_help_search .help_select .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:40px; left:0; background:#fff}
.help_desk_search .board_help_search .help_select .itemList ul {max-height:150px;overflow:auto;overflow-x:hidden;position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
.help_desk_search .board_help_search .help_select .itemList ul li {padding:1px; margin-bottom:4px}
.help_desk_search .board_help_search .help_select .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
.help_desk_search .board_help_search .help_select .itemList ul li a:hover {background-color:#f3f3f3}
.help_desk_search .favorite_txt {display:inline-block;margin-left:235px;padding:5px 0 0;}
.help_desk_search .favorite_txt a {color:#767676}
.help_desk_search .inp_help_txt {text-align:left;margin:0}
.help_desk_search .inp_help_txt input {display:inline-block;width:40%;height:11px;padding:19px 10px 20px;background:#f1f1f1;text-align:left;border:1px solid #c7c7c7;color:#454545;font-size:12px;vertical-align:middle}
.help_desk_search .btn_help_search {width:58px;height:41px;background:url(../images/common/btn_help_search.gif) no-repeat 50% center}
.tbl_help_desk .aL a{color:#000}
.tbl_help_desk .aL a img{margin-right:10px;}
@media screen and (max-width:420px) {
  .select {margin-bottom:5px !important}
  .help_desk_search .inp_help_txt input {clear:both;width:70%;margin-bottom:15px}
  .help_desk_search .btn_help_search {margin-bottom:15px}
}

/* board info */
.board_info {position:relative; height:27px; margin-bottom:11px}
.board_info .txts {color:#666;font-size:12px;line-height:27px}
.board_info .txts strong {color:#202020}
.board_info .btns {position:absolute; top:0; right:0}
.board_info .layout_r {position:absolute; top:0; right:0}
.board_info .layout_r div.jsSelect2 .itemList, .board_info .layout_r div.jsSelect3 .itemList {left:auto; right:0}
@media screen and (max-width:820px) {
  .board_info {height:auto;margin:0}
  .board_info .layout_r {position:relative;margin:0 0 10px;}
}
.board_info ul.sort {margin-top:6px}

.board_info.selec3type {height:21px}
.board_info.selec3type .txts {line-height:21px}
.board_info.selec3type ul.sort {margin-top:3px}

.board_info.type1 {margin-top:30px}
.board_info.type2 {height:21px; margin-top:15px}
.board_info.type2 .txts {line-height:21px}
.board_info.type2 ul.sort {margin-top:3px}

.board_info.type3 {height:auto}
.board_info.type3 .txts {line-height:1.2}

.board_info.type4 {height:auto; margin:0; padding-bottom:10px;  border-bottom:1px solid #afb6c0}
.board_info.type4 .txts {line-height:1.2}

.must {color:#d40000; font-weight:bold; vertical-align:middle}

/* sort */
ul.sort {float:left}
ul.sort li {float:left; padding:0 10px 0 11px; background:url('../images/common/bar_list.gif') no-repeat 0 50%}
ul.sort li:first-child {background:none}
ul.sort li a {color:#666}
ul.sort li.on a {font-weight:bold}
@media screen and (max-width:820px) {
  ul.sort li {padding:0 5px 0 10px;}
}

/* board list - PC */
table.board_list {width:100%;border-top:1px solid #afb6c0}
table.board_list caption {content:'';clear:both;display:block;width:0;height:0;line-height:0;padding:0;margin:0;color:#fff;text-indent:-9999rem;}
table.board_list thead th {padding:9px 12px; border-bottom:1px solid #dce1e6; background:#f5f6f6;color:#000002;font-size:13px;font-weight:bold;text-align:center;}
table.board_list tbody th {background:#f0f5fc;color:#000;padding:10px}
table.board_list tbody th a {color:#000}
table.board_list tbody td {padding:15px 10px;border-bottom:1px solid #dce1e6;text-align:center;font-size:12px;font-weight:100}
table.board_list tbody td a{cursor:pointer;}
table.board_list tbody td p {line-height:18px}
table.board_list tbody td.date,
table.board_list tbody td.num {color:#333;font-size:12px}
table.board_list tbody td.grp_cell {background:#f9fafa}
table.board_list tbody td.grp_cell .grp_name {margin-bottom:10px}
table.board_list tr.cancel * {color:#999}
table.board_list .icon_mobile {position:relative; top:-1px}
table.board_list tbody img {vertical-align:middle;margin:0 3px;}
table.board_list tbody th.aL {text-align:left;}
table.board_list tbody td.aL {text-align:left;}
table.board_list .btn_complete {display:inline-block;min-width:70px;padding:6px 10px 7px;color:#666;background:#fff;border:1px solid #c2c2c2;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
table.board_list .btn_ing {display:inline-block;min-width:70px;padding:6px 10px 7px;color:#fff;background:#26b99a;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
table.board_list .btn_request {display:inline-block;min-width:70px;padding:6px 10px 7px;color:#fff;background:#f6712e;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
/* 답변 갯수 */
.arrow_box {position:relative;display:inline-block;border:1px solid #aaa;padding:2px 5px;background:#fff}
.arrow_box .arr_l {position:absolute;top:50%;left:-4px;width:4px;height:5px;margin-top:-2px;background:url('../images/common/spr_icon.png') no-repeat -76px 0}
.answer_box {margin:3px 0 0 8px;color:#63718a;font-size:11px;line-height:1}

/* board list - mobile */
.brd_mobile {display:none;width:100%;}
.brd_mobile .board_list {clear:both;width:100%;margin-bottom:15px;border:none;}
.brd_mobile .board_list caption {content:'';clear:both;display:block;width:0;height:0;line-height:0;padding:0;margin:0;color:#fff;text-indent:-9999rem;}
.brd_mobile .board_list tbody {width:100%;border-top:1px solid #afb6c0;}
.brd_mobile .board_list tbody th {background:#f0f5fc;color:#000;padding:10px 5px;border-bottom:1px solid #dce1e6;font-size:12px;text-align:center;}
.brd_mobile .board_list tbody td {padding:10px;border-bottom:1px solid #dce1e6;font-size:12px;font-weight:100;text-align:left;}
.brd_mobile .board_list tbody td p {line-height:18px}
.brd_mobile .board_list tbody img {vertical-align:middle;margin:0 3px;}
.brd_mobile .board_list tbody th.aL {text-align:left;}
.brd_mobile .board_list tbody td.aL {text-align:left;}
.brd_mobile .board_list .btn_complete {display:inline-block;min-width:70px;padding:6px 10px 7px;color:#666;background:#fff;border:1px solid #c2c2c2;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
.brd_mobile .board_list .btn_ing {display:inline-block;min-width:70px;padding:6px 10px 7px;color:#fff;background:#26b99a;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
.brd_mobile .board_list .btn_request {display:inline-block;min-width:70px;padding:6px 10px 7px;color:#fff;background:#f6712e;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;}
@media screen and (max-width:820px) {
  .board_list.pc {display:none;}
  .brd_mobile {display:block;}
}

/* Help Desk Table */
.tbl_help_desk {width:100%;border-top:1px solid #afb6c0}
.tbl_help_desk tbody td:nth-child(1) {width:6%}
.tbl_help_desk tbody td:nth-child(3) {width:25%}
.tbl_help_desk tbody td:nth-child(4) {width:15%}
.tbl_help_desk tbody td:nth-child(5) {width:10%}
.tbl_help_desk tbody td:nth-child(6) {width:10%}
.tbl_help_desk tbody td span.ti {display:none}
@media screen and (max-width:820px) {
  .tbl_help_desk {width:100%;}
  .tbl_help_desk thead th {display:none}
  .tbl_help_desk tbody {border-top:1px solid #afb6c0}
  .tbl_help_desk tbody td:nth-child(1), .tbl_help_desk tbody td:nth-child(6) {display:none;}
  .tbl_help_desk tbody td:nth-child(2) {float:left;display:block;width:100%;font-size:13px;line-height:18px;text-align:left;overflow:hidden}
  .tbl_help_desk tbody td:nth-child(3),
  .tbl_help_desk tbody td:nth-child(4),
  .tbl_help_desk tbody td:nth-child(5) {float:left;clear:both;display:block;width:100%;text-align:left;padding:0}

  .tbl_help_desk tbody td span.ti {float:left;display:block;width:30%;height:45px;padding:15px 10px;background-color:#f5f5f5;color:#000;text-align:center;overflow:hidden}
  .tbl_help_desk tbody td span.tc {float:left;display:block;width:70%;height:45px;padding:15px 10px;color:#666;text-align:left;overflow:hidden}
  .tbl_help_desk tbody td span.tc2 {float:left;display:block;width:70%;height:45px;padding:10px;color:#666;text-align:left;overflow:hidden}
}

/* board view */
.board_view {border-bottom:1px solid #dce1e6}
.board_view .bd_view_head .bd_view_tit {position:relative; padding:10px 0; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; background:#f5f6f6; z-index:2; *zoom:1}
.board_view .bd_view_head .bd_view_tit .tit {display:block; padding-left:10px; color:#000002; font-size:16px; line-height:20px}
.board_view .bd_view_head .bd_view_tit:after {content:''; display:block; clear:both}
.bd_check {float:right; padding-top:11px}
.bd_check > li {float:left;display:block;padding:0 10px; background:url('../images/common/bar_list.gif') no-repeat 0 50%}
.bd_check > li:first-child {background:none}
.bd_check > li a {color:#202020 !important; font-weight:300 !important; font-size:13px !important;}
.bd_check > li .ico {padding-right:5px; vertical-align:-3px}
.scrap_wrap {position:relative}
.scrap_wrap .bd_check {top:0}
.bd_view_info {padding:6px 0;}
.bd_view_info .uname {padding:0 0 0 10px;font-size:13px;vertical-align:middle;}
.bd_view_info .date {color:#666; font-size:11px; font-family:Tahoma; margin-left:5px; padding-left:6px; background:url('../images/common/bar_tit.gif') no-repeat 0 50%; vertical-align:middle;}
.bd_view_info .f_rt {float:none !important; margin-top:10px; *zoom:1}
.bd_view_info .f_rt dl {float:left}
.bd_view_info .f_rt dt {float:left; padding:0 3px 0 10px}
.bd_view_info .f_rt dd {float:left; margin-right:5px; color:#666}
.bd_view_info .f_rt dd .star_point {margin-left:7px; vertical-align:-3px}
.bd_view_info .f_rt:after {content:''; display:block; clear:both} 
.board_view .bd_view_con {padding:20px 10px;}
.board_view .bd_view_con .txt_con {line-height:18px}
.view_area {border-bottom:1px solid #dce1e6; padding:20px 10px 30px; line-height:18px} 
/* 수정, 삭제 버튼 */
.bd_view_info .btn_right {float:right;}
.bd_view_info .btn_right a {font-size:13px;}
.bd_view_info .btn_right a img {vertical-align:middle;}
@media screen and (max-width:460px) {
  .bd_view_info .date {clear:both;display:block;background:none;padding-left:0;margin:5px 0 0 10px;}
  .bd_view_info .btn_right {float:none;clear:both;padding:5px 0 0 10px;}
}

/* board comments */
.board_comments {width:100%}
.board_comments.line {border-top:1px solid #ccc}
.board_comments .comm_num {display:block;margin-bottom:5px;padding:20px 0 0;font-size:13px}
.board_comments .comm_num .accent {cursor:pointer}
.board_comments .comme_write {margin-bottom:20px;padding:15px 20px}
.board_comments .comme_write .write_area {position:relative;width:100%}
.board_comments .comme_write .write_area .inp_rud {margin-right:85px;padding:3px;border:1px solid #a6b2c5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff}
.board_comments .comme_write .write_area .inp_rud textarea {width:100%;height:71px;border:0;overflow:auto;color:#666}
.board_comments .comme_write .write_area button {position:absolute;top:0;right:0;width:80px;height:79px}
.board_comments .comme_write .comm_list {width:100%}
.board_comments .comme_write .comm_list li {font-size:13px;padding:15px 0;border-top:1px dashed #c8d2df;*zoom:1}
.board_comments .comme_write .comm_list > ul > li:first-child {border-top:none}
.board_comments .comme_write .comm_list li:last-child {padding-bottom:0}
.board_comments .comme_write .comm_list li.last-child {padding-bottom:0}
.board_comments .comme_write .comm_list li.reply {padding-left:25px;background:url(../images/common/bul_comm.gif) no-repeat 12px 16px}
.board_comments .comme_write .comm_list li .del_comm {color:#999}
.board_comments .comme_write .comm_list dt {margin-bottom:3px}
.board_comments .comme_write .comm_list dt strong {color:#333}
.board_comments .comme_write .comm_list dt .date {margin-left:6px;padding:0 4px 0 7px;background:url(../images/common/bar_tit.gif) no-repeat 0 50%;color:#666;font-size:11px;}
.board_comments .comme_write .comm_list dt .reply {padding:0 4px 0 12px; background:url(../images/common/bul_answer.gif) no-repeat 0 50%; color:#666; font-size:11px}
.board_comments .comme_write .comm_list dt .reply.cancel {color:#e75254}
.board_comments .comme_write .comm_list dd {color:#666}
.board_comments .comme_write .comm_list dd em.reply_id {color:#0a5ac3}

/* board comments2 */
.board_comments2 {clear:both;width:100%;}
.board_comments2:after {content:'';clear:both;display:block;}
.board_comments2.line {border-top:1px solid #ccc}
.board_comments2 .comm_num {display:inline-block;margin-bottom:5px;padding:20px 0 10px;font-size:13px}
.board_comments2 .comm_num .accent {cursor:pointer}
.board_comments2 .comme_write {clear:both;margin:0;padding:15px 20px;overflow:hidden;}
.board_comments2 .comme_write .write_area {position:relative;width:100%}
.board_comments2 .comme_write .write_area .inp_rud {margin-right:85px;padding:3px;border:1px solid #a6b2c5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff}
.board_comments2 .comme_write .write_area .inp_rud textarea {width:100%;height:71px;border:0;overflow:auto;color:#666}
.board_comments2 .comme_write .write_area button {position:absolute;top:0;right:0;width:80px;height:79px}
.board_comments2 .comme_write .comm_list {width:100%}
.board_comments2 .comme_write .comm_list .bd_view_info .profile {width:29px;height:29px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;}
.board_comments2 .comme_write .comm_list li.commentContainer {font-size:13px;padding:2px 0;border-top:1px dashed #c8d2df;*zoom:1}
.board_comments2 .comme_write .comm_list > ul > li:first-child {border-top:none}
.board_comments2 .comme_write .comm_list li:last-child {padding-bottom:0}
.board_comments2 .comme_write .comm_list li.last-child {padding-bottom:0}
.board_comments2 .comme_write .comm_list li.reply {padding-left:25px;background:url('../images/common/bul_comm.gif') no-repeat 12px 16px;margin-bottom:10px;}
.board_comments2 .comme_write .comm_list li .del_comm {color:#999;padding:10px 0;}
.board_comments2 .comme_write .comm_list dt {margin-bottom:3px}
.board_comments2 .comme_write .comm_list dt strong {color:#333}
.board_comments2 .comme_write .comm_list dt .date {margin-left:6px;padding:0 4px 0 7px;background:url('../images/common/bar_tit.gif') no-repeat 0 50%;color:#666;font-size:11px;}
.board_comments2 .comme_write .comm_list dt .reply {padding:0 4px 0 12px; background:url('../images/common/bul_answer.gif') no-repeat 0 50%; color:#666; font-size:11px}
.board_comments2 .comme_write .comm_list dt .reply.cancel {color:#e75254}
.board_comments2 .comme_write .comm_list dd {color:#666}
.board_comments2 .comme_write .comm_list dd em.reply_id {color:#0a5ac3}
@media screen and (max-width:460px) {
  .board_comments2 .comme_write .comm_list dt .date {clear:both;display:block;margin-left:0;background:none;padding:5px 0;}
  .board_comments2 .comme_write .comm_list dd {margin:5px 0;}
}

/* board movelist */
table.board_movelist {width:100%;margin-top:30px;border-top:1px solid #afb6c0;border-bottom:1px solid #afb6c0}
table.board_movelist th {padding:10px 10px 10px 35px; text-align:left}
table.board_movelist td {padding:10px;text-align:center;font-weight:100}
table.board_movelist td a {line-height:18px;}
table.board_movelist td a:hover {text-decoration:underline;}
table.board_movelist tr.prev th,
table.board_movelist tr.prev td {border-bottom:1px dashed #c8d2df}
table.board_movelist tr.prev th {background:url('../images/common/bul_mov_prev.png') no-repeat 13px 50%}
table.board_movelist tr.next th {background:url('../images/common/bul_mov_next.png') no-repeat 13px 50%}
table.board_movelist td .date,
table.board_movelist td .hit {clear:both;display:block;width:100%; color:#666; font-size:11px;margin:5px 0;}
@media screen and (max-width:820px) {
  table.board_movelist tr.next th,
  table.board_movelist tr.next td {border-bottom:1px dashed #c8d2df}
  table.board_movelist th,
  table.board_movelist td {width:26%;}
}

table.board_movelist2 {width:100%;border-top:1px solid #afb6c0}
table.board_movelist2 th {padding:10px}
table.board_movelist2 td {padding:10px;background:#f5f6f6;font-weight:100}
table.board_movelist2 td .ico {margin-right:10px}
table.board_movelist2 tr.prev th, 
table.board_movelist2 tr.prev td {border-bottom:1px dashed #c8d2df}
table.board_movelist2 tr.prev th {background:#f5f6f6 url('../images/common/bul_mov_prev.png') no-repeat 14px 50%}
table.board_movelist2 tr.next th {background:#f5f6f6 url('../images/common/bul_mov_next.png') no-repeat 14px 50%}
table.board_movelist2 td.date {padding-right:14px; color:#666; font-size:11px; font-family:Tahoma; text-align:right}
table.board_movelist2 td .date,
table.board_movelist2 td .hit {clear:both;display:block;width:100%; color:#666; font-size:11px;margin-bottom:3px;}

/* board answer */
.board_answer {margin-top:35px}
.board_answer table.board_rows {border-top:none}
.board_answer table.board_rows td p {color:#666; font-size:11px}
.board_answer textarea {height:142px}
.board_answer_view {margin-top:15px;border-bottom:1px solid #dce1e6;padding:20px;background:#f4f4f4}
.board_answer_view .answer_con {font-size:13px;line-height:18px;padding:10px;}
.board_answer_view .community-updateForm {background-color:#fff; padding:10px;}

/* post_icons */
.del_post {padding-top:40px; background:url('../images/common/icon_del_post.gif') no-repeat 50% 0; color:#999; text-align:center}
.no_result, .ment {padding:30px 0; border-bottom:1px solid #dce1e6}
.no_result.only {border-top:1px solid #dce1e6}
td .no_result, td .ment {padding:20px 0; border-bottom:none}
.no_result p {padding-top:40px; background:url('../images/common/icon_no_result.gif') no-repeat 50% 0; color:#999; text-align:center}
.ment_alert p {padding-top:40px; background:url('../images/common/icon_alert.gif') no-repeat 50% 0; color:#999; text-align:center}

/* paging */
.paging {position:relative;clear:both;height:auto;margin-top:10px;padding-top:10px;text-align:center;overflow:visible}
.paging a, .paging strong {vertical-align:middle}
.paging .btn_page_first {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat 0 -59px}
.paging .btn_page_prev {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -36px -59px}
.paging .btn_page_next {display:inline-block; width:23px; height:21px; border-right:1px solid #e3e3e3; background:url('../images/common/spr_icon.png') no-repeat -73px -59px}
.paging .btn_page_last {display:inline-block; width:23px; height:21px; margin-left:-4px; background:url('../images/common/spr_icon.png') no-repeat -109px -59px}
.paging .btn_page_first.dim {background-position:0 -37px}
.paging .btn_page_prev.dim {background-position:-36px -37px}
.paging .btn_page_next.dim {background-position:-73px -37px}
.paging .btn_page_last.dim {background-position:-109px -37px}
.paging .nums {margin:0 10px}
.paging .nums a, .paging .nums strong {padding:0 10px; font-weight:bold; font-size:11px}
.paging .nums a {color:#333}
.paging .nums strong {color:#d10000}
.paging .btns {position:absolute; top:0; right:0}
.paging .btns_l {position:absolute; top:0; left:0}

/* BUTTON */
/* board : btns */
.board_action_wrap {width:100%;margin:0 0 40px}
.board_action {margin-top:10px}
.board_action .attention_mark {margin-right:8px}
.board_action2 {margin-top:10px;text-align:center;}
.board_action2 .f_lt{margin-left:20px;}
.board_action3 {padding-top:10px}

.manage_con .board_action.floating {width:100%; overflow:hidden}
.manage_con .board_action.floating:after {clear:none; content:none}

.btnspace .btn, .btnspace button {margin-left:2px}
.btnspace .btn:first-child{margin-left:0}
.btn_r {margin-top:6px; text-align:right}
.btn_r2 {margin:10px 0 20px; text-align:right}
.btn_r3 {margin-top:10px; text-align:right}
.bt {display:inline-block; vertical-align:middle}
button.dim {opacity:0.5; filter:alpha(opacity=50); cursor:default}

/* size(mediem, large, small, xsmall) */
.btn {display:inline-block;font-size:13px;padding:2px 10px 3px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle;color:#666;font-weight:300 !important;}
.btn.btn_lg {font-size:14px;padding:5px 10px 6px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
.btn_sm {display:inline-block; height:19px; padding:0 5px; border:1px solid #919bad; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; color:#414146; font-weight:normal; font-size:11px; line-height:19px; font-family:Tahoma; text-align:center; background:#e3e4e5 url('../images/common/bg_btn_xsm.gif') repeat-x}

button.btn_sm {height:21px}
.btn_xsm {display:inline-block; height:19px; padding:0 5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; vertical-align:middle; font-weight:normal; font-size:11px; line-height:19px; font-family:Tahoma; text-align:center}
button.btn_xsm {height:21px}

/* colorType */
.btn_white {border:1px solid #b4b4b4 !important; border-bottom-color:#aaa; border:1px solid #b4b4b4; -moz-box-shadow:inset 0px -1px 0 rgba(233,233,233,1); -webkit-box-shadow:inset 0px -1px 0 rgba(233,233,233,1); box-shadow:inset 0px -1px 0 rgba(233,233,233,1); background:#fff; color:#202020}
.btn_gray {height:19px; padding-top:0 !important; padding-bottom:0 !important; line-height:19px; border:1px solid #6c7387; border-bottom-color:#757c8f; border-right-color:#858b9c; background:#8c96a7; background:-moz-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #a3adbe), color-stop(100%, #8c96a7)); background:-webkit-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-ms-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:linear-gradient(to bottom, #a3adbe 0%, #8c96a7 100%); -moz-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); -webkit-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); box-shadow:inset 0px 1px 0 rgba(190,190,190,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
.btn_gray2 {height:19px; padding-top:0 !important; padding-bottom:0 !important; border:1px solid #6c7387; border-bottom-color:#757c8f; border-right-color:#858b9c; background:#8c96a7; background:-moz-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #a3adbe), color-stop(100%, #8c96a7)); background:-webkit-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:-ms-linear-gradient(top, #a3adbe 0%, #8c96a7 100%); background:linear-gradient(to bottom, #a3adbe 0%, #8c96a7 100%); -moz-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); -webkit-box-shadow:inset 0px 1px 0 rgba(190,190,190,1); box-shadow:inset 0px 1px 0 rgba(190,190,190,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3); font-size: 11px; line-height:19px; font-family:Tahoma}
.btn_darkgray {padding-top:0 !important; padding-bottom:0 !important; height:19px; line-height:19px; border:1px solid #414146; border-bottom-color:#4d4d52; background:#49525c; background:-moz-linear-gradient(top, #5e6672 0%, #49525c 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #5e6672), color-stop(100%, #49525c)); background:-webkit-linear-gradient(top, #5e6672 0%, #49525c 100%); background:-ms-linear-gradient(top, #5e6672 0%, #49525c 100%); background:linear-gradient(to bottom, #5e6672 0%, #49525c 100%); -moz-box-shadow:inset 0px 1px 0 rgba(115,122,133,1); -webkit-box-shadow:inset 0px 1px 0 rgba(115,122,133,1); box-shadow:inset 0px 1px 0 rgba(115,122,133,1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
button.btn_gray, button.btn_gray2, button.btn_darkgray {height:21px}
.btn_darkgray_n {padding:2px 10px 3px; border:1px solid #414146; border-bottom-color:#4d4d52; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#444b56 url('../images/common/bg_noise_darkgray.gif') repeat-x; -moz-box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); box-shadow:inset 0px 1px 0 rgba(115,122,133,1), 0 1px 0 rgba(0,0,0,0.1); color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.3)}
.btn_xsm.white {border:1px solid #919bad; background:#e9e9e9; background:#e3e4e5 url('../images/common/bg_btn_xsm.gif') repeat-x; color:#414146}
.btn_round_sm {height:21px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; color:#8d8c91}
.btn_round_sm.white {border:1px solid #aaa; background:#fff}
.btn_rud {height:19px; margin:0 1px; padding:0 3px; border:1px solid #aaa; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; color:#8d8c91; font-size:11px; line-height:19px;  font-family:Tahoma}
button.btn_rud {height:21px}

/* txtFix */
span.fixsize {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align:top}
button.btn_classify_lookup span.fixsize {width:106px}
button.btn_reset span.fixsize {width:70px}
button.btn_classify_selec span.fixsize {width:65px}
/* button groups */
.btn_grp {display:inline-block; border:1px solid #c2c2c2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
/* functionType */
.btn_state_close {margin-left:9px; padding:2px 5px; border:1px solid #63718a; background:#dadfe5; color:#63718a; font-weight:bold; font-size:9px; font-family:Tahoma;padding:1px 5px}
.btn_con_sear {margin-left:9px}
button.btn_search {width:30px; padding:0}
.btn_sear {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -74px -23px}
.btn_sear2 {width:25px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -194px -23px}
.btn_goto {display:inline-block; padding:4px 10px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #848484; border-bottom:1px solid #848484; background:#fff; -moz-box-shadow:0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(0,0,0,0.1); font:11px/1.1 Arial}
.btn_goto span {padding-right:8px; background:url('../images/common/bul_arr_dot.png') no-repeat 100% 50%}
.btn_plus {width:22px; height:21px; background:url('../images/common/spr_btn.png') no-repeat 0 -56px}
.btn_plus_sm {width:18px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -64px -56px}
.btn_minus {width:22px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -32px -56px}
.btn_minus_sm {width:18px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -92px -56px}
.btn_setting {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -34px -89px}
.btn_setting2 {width:17px; height:17px; background:url('../images/common/spr_icon.png') no-repeat -195px -89px; vertical-align: baseline}
.btn_more {display:inline-block; width:37px; height:13px; background:url('../images/common/spr_btn.png') no-repeat -74px 0}
.btn_show {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat 0 -87px}
.btn_hide {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -66px -115px}
.btn_setting_t {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat 0 -115px}
.btn_play {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -66px -87px}
.btn_play.dim {width:56px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -132px -87px}
.btn_completed {width:75px; height:18px; background:url('../images/common/spr_btn.png') no-repeat -132px -115px}
.btn_confirm {width:23px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -120px -56px}
.btn_cancel_scrap {width:23px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -217px -56px}
.btn_edit {width:22px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -153px -56px}
.btn_del {width:22px; height:17px; background:url('../images/common/spr_btn.png') no-repeat -185px -56px}
.btn_sdel {width:9px; height:9px; background:url('../images/common/spr_btn.png') no-repeat -55px 0}
.btn_excel {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -114px -23px}
.btn_mailto {width:30px; height:21px; background:url('../images/common/spr_btn.png') no-repeat -154px -23px}

.btn_profile {width:71px; height:27px; background:url('../images/portal/btn_profile.gif') no-repeat}
.btn_logout {width:71px; height:27px; background:url('../images/portal/btn_logout.gif') no-repeat}
.btn_signup {width:71px; height:27px; background:url('../images/portal/btn_signup.gif') no-repeat}

/* ICON */
.icon {display:inline-block; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline}
button .icon {display:block}
.ico {display:inline-block; vertical-align:middle; text-align:center;}
.icon_num {margin-bottom:2px; padding:1px 5px 2px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background:#e75254; color:#fff; font:10px Tahoma}
/* imgType */
.icon_arr_down {width:11px; height:8px; margin-left:5px; background:url('../images/common/spr_icon.png') no-repeat -57px 0}
.icon_arr_down2 {width:7px; height:4px; margin-left:5px; background:url('../images/common/spr_icon.png') no-repeat -90px 0}
.icon_sear {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat 0 -89px; vertical-align:top; margin-top:2px}
.menu_area ul.menu .icon_report {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat 0 -114px}
.menu_area ul.menu .icon_discussion {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -31px -114px}
.menu_area ul.menu .icon_evaluation {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -63px -114px}
.menu_area ul.menu .icon_quiz {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -96px -114px}
.menu_area ul.menu .icon_survey {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -129px -114px}
.menu_area ul.menu .icon_board {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -162px -114px}
.menu_area ul.menu .icon_contents {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -194px -114px}
.menu_area ul.menu .icon_gdocs {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -226px -114px}
.menu_area ul.menu .icon_lti {width:21px; height:20px; background:url('../images/common/spr_icon.png') no-repeat -258px -114px}
.icon_report {width:16px; height:16px; background:url('../images/common/icon_report.png') no-repeat}
.icon_discussion {width:17px; height:16px; background:url('../images/common/icon_discussion.png') no-repeat}
.icon_evaluation {width:16px; height:16px; background:url('../images/common/icon_test.png') no-repeat}
.icon_quiz {width:16px; height:16px; background:url('../images/common/icon_quiz.png') no-repeat}
.icon_survey {width:16px; height:16px; background:url('../images/common/icon_survey.png') no-repeat}
.icon_board {width:16px; height:16px; background:url('../images/common/icon_board_default.png') no-repeat}
.icon_contents {width:16px; height:16px; background:url('../images/common/icon_contents.png') no-repeat}
.icon_gdocs {width:16px; height:16px; background:url('../images/common/icon_gdocs.png') no-repeat}
.icon_lti {width:16px; height:16px; background:url('../images/common/icon_lti.png') no-repeat}
.icon_mobile {width:8px; height:12px; background:url('../images/common/spr_icon.png') no-repeat -58px -89px}
.icon_like {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -76px -89px}
.icon_scrap {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -100px -89px;margin-right:5px;}
.icon_start {width:14px; height:14px; background:url('../images/common/spr_icon.png') no-repeat -124px -89px}
.icon_filedown {width:11px; height:12px; background:url('../images/common/spr_icon.png') no-repeat -148px -89px}
.icon_n {width:15px; height:15px; background:url('../images/common/spr_icon.png') no-repeat -159px -144px}
.icon_lec_search {width:20px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -184px -144px}
.icon_notice {width:20px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -214px -144px}
.icon_qna {width:21px; height:19px; background:url('../images/common/spr_icon.png') no-repeat -244px -143px}
/* txtType */
.icon_t_videofile {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -144px}
.icon_t_audiocdn {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -75px}
.icon_t_discussiontopic {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -214px}
.icon_t_etc {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -191px}
.icon_t_file {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -214px}
.icon_t_image {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -167px}
.icon_t_lti {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -121px}
.icon_t_unit {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -191px}
.icon_t_weblink {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -75px}
.icon_t_flashmedia {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -144px}
.icon_t_webcontents {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -98px}
.icon_t_videocdn {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -121px}
.icon_t_audiofile {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -114px -98px}
.icon_t_unititem {width:104px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -167px}
.icon_reuse {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -120px -283px}
.icon_new {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -94px -283px}
.icon_new2 {width:16px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -94px -283px}
.icon_default {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -24px}
.icon_sync {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -40px}
.icon_standby {width:73px; height:19px; background:url('../images/common/spr_icon_t.png') no-repeat 0 0}
.icon_standby2 {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -166px 0}
.icon_completed {width:73px; height:19px; background:url('../images/common/spr_icon_t.png') no-repeat -83px 0}
.icon_completed2 {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -243px 0}
.icon_t_common {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -65px -24px}
.icon_t_qna {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -130px -24px}
.icon_t_data {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -195px -24px}
.icon_t_notice {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -65px -40px}
.icon_t_1vs1 {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -130px -40px}
.icon_t_schedule {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -195px -40px}
.icon_t_1vs1_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -237px}
.icon_t_schedule_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -237px}
.icon_t_notice_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -136px -237px}
.icon_t_common_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -260px}
.icon_t_qna_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -68px -260px}
.icon_t_data_s {width:63px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -136px -260px}
.icon_t_unscored {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -121px}
.icon_t_submitted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -98px}
.icon_t_notsubmitted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -75px}
.icon_t_yes {width:32px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -56px}
.icon_t_no {width:32px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -265px -56px}
.icon_t_connected {width:85px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -144px}
.icon_t_disconnected {width:85px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -167px}
.icon_t_learning {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -191px}
.icon_t_cancel {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -214px}
.icon_t_join {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -237px}
.icon_t_dropout {width:67px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -260px}
.icon_t_on {width:26px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -144px -56px}
.icon_t_off {width:26px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -181px -56px}
.icon_t_copy {width:38px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -96px -56px}
.icon_t_essay {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -283px}
.icon_t_multiple {width:60px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat 0 -301px}
.icon_t_accepted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -283px}
.icon_t_notaccepted {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -301px}
.icon_t_shared {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -319px}
.icon_t_notshared {width:89px; height:13px; background:url('../images/common/spr_icon_t.png') no-repeat -223px -337px}

/* FORM */
.inp_txt,
.inp_txta {border:1px solid #bebebe; background:#fff}
.inp_txt textarea,
.inp_txta textarea {width:100%;padding:5px;border:0;line-height:18px;overflow:auto;color:#666;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box}
input.intxt {width:auto;height:25px;line-height:25px;padding:5px;border:1px solid #bebebe;color:#666;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
span.inp_txt {display:inline-block} 
input.intxt {width:auto;height:25px;padding:5px 5px;border:1px solid #bebebe; color:#666; line-height:19px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}

input:focus, textarea:focus {color:#333}
label.space {margin-left:11px}
label.space_r {margin-right:11px}
label.space_r2 {margin-right:6px}
textarea.txtarea_h52 {height:52px}
textarea.txtarea_h65 {height:65px}
textarea.txtarea_h78 {height:78px}
textarea.txtarea_h85 {height:85px}
textarea.txtarea_h102 {height:102px}
textarea.txtarea_h152 {height:152px}
textarea.txtarea_h190 {height:190px}

/* CONTENTS GLOBAL */
.floating {*zoom:1}
.floating:after {display:block; content:""; clear:both}
.floating2 {width:100%; overflow:hidden}
.f_lt {float:left !important}
.f_rt {float:right !important}
.clear {clear:both !important}
.pos_wrap {position:relative}
.ab_l {position:absolute; top:0; left:0}
.ab_r {position:absolute; top:0; right:0}
label input[type="radio"], label input[type="checkbox"] {vertical-align:-2px}
.txt_valign {vertical-align:middle}

.lt {text-align:left !important}
.ct {text-align:center !important}
.rt {text-align:right !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.ml10 {margin-left:10px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}

/* linkStyle */
a.link {color:#0a5ac3; text-decoration:underline}
a.underline {line-height:1.5}
a.underline:hover, a.underline:focus {text-decoration:underline}
a.attch_file {display:inline-block; padding:1px 0 1px 22px; background:url('../images/common/icon_attch_file.png') no-repeat; color:#0a5ac3; text-decoration:underline; line-height:14px; font-size:12px; margin-bottom:4px;}

.graybox {border:1px solid #c3c7cf; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fbfc)); background:-webkit-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:linear-gradient(to bottom, #ffffff 0%, #f9fbfc 100%)}
.graybox2 {border:1px solid #c3c7cf; border-top:none; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fbfc)); background:-webkit-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f9fbfc 100%); background:linear-gradient(to bottom, #ffffff 0%, #f9fbfc 100%)}
.lgraybox {clear:both;width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#f6f7f9}
.lgraybox2 {clear:both;width:100%;background:#fff;border:1px solid #dedede;margin:10px 0 0}
.dotbox {border:1px solid #c8d2df; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url('../images/common/bg_box.gif'); -moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,1); -webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,1); box-shadow:inset 0px 1px 0 rgba(255,255,255,1)}
.alim_box {margin-top:20px; border:1px solid #f1f1e0; background:#fafaf5}
.alim_box p.attention {padding:9px 0; text-align:center}
.alim_box p.attention img {margin-right:8px; vertical-align:middle}
.alim_box .lt {display:inline-block; vertical-align:middle; line-height:1.7}
.txt_default {color:#666; font-size:11px}
.txt_default.space_b {margin-bottom:20px}
.desc_box {margin-bottom:10px}
.date {color:#666; font-size:11px; font-family:Tahoma}
.num {font-family:Tahoma !important}
.bd {color:#000002 !important}
.accent {color:#d40000 !important}
.accent2 {color:#205adf !important; font-weight:bold}
.attention_mark {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 2px; color:#d40000 !important}
.attention_mark2 {padding-left:15px; background:url('../images/common/icon_attention_mark.png') no-repeat 0 2px; color:#666 !important}
span.attention_mark {display:inline-block; vertical-align:-1px; line-height:1.3}
.validation {margin-top:5px; color:#d40000 !important; font-size:11px}
.infotxt {color:#d40000 !important; font-size:11px}
.panel.infotxt {padding:5px 10px}
.con_wrap .category_area {margin-top:25px;  height:426px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; overflow-x:hidden; overflow-y:hidden}
.con_wrap .category_area2 {height:426px; border-bottom:1px solid #dce1e6; overflow-x:hidden; overflow-y:hidden}

/* selectDesign */
div.jsSelect {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
div.jsSelect .bg_left {height:19px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 }
div.jsSelect .bg_right {width:17px; height:21px; background:url('../images/common/spr_icon.png') no-repeat -29px 0; position:absolute; top:0; right:0}
div.jsSelect .value {position:relative; z-index:1; margin:0 18px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
div.jsSelect a:hover, div.jsSelect a:active {text-decoration:none}
div.jsSelect .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff}
div.jsSelect .itemList ul {max-height:150px;overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
div.jsSelect .itemList ul li {padding:1px; margin-bottom:4px}
div.jsSelect .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
div.jsSelect .itemList ul li a:hover {background-color:#f3f3f3}
div.jsSelect2 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:27px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
div.jsSelect2 .bg_left {height:27px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 }
div.jsSelect2 .bg_right {width:19px; height:27px; background:url('../images/common/spr_icon.png') no-repeat 0 0; position:absolute; top:0; right:0}
div.jsSelect2 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; font-size:12px; line-height:27px}
div.jsSelect2 a:hover, div.jsSelect2 a:active {text-decoration:none}
div.jsSelect2 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:26px; left:0; background:#fff}
div.jsSelect2 .itemList ul {max-height:200px;overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
div.jsSelect2 .itemList ul li {padding:1px; margin-bottom:4px}
div.jsSelect2 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
div.jsSelect2 .itemList ul li a:hover {background-color:#f3f3f3}
div.jsSelect3 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; font-size:11px; background:#e6e6e6; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
div.jsSelect3 .bg_left {height:19px; border:1px solid #bbb; background:#fff; position:absolute; top:0; left:0; right:0 }
div.jsSelect3 .bg_right {width:19px; height:19px; background:url('../images/common/spr_icon.png') no-repeat 0 -4px; position:absolute; top:1px; right:0}
div.jsSelect3 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
div.jsSelect3 a:hover, div.jsSelect3 a:active {text-decoration:none}
div.jsSelect3 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff}
div.jsSelect3 .itemList ul {max-height:200px;overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
div.jsSelect3 .itemList ul li {padding:1px; margin-bottom:4px}
div.jsSelect3 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
div.jsSelect3 .itemList ul li a:hover {background-color:#f3f3f3}
div.jsSelect4 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:21px; color:#202020; background:#bebebe; position:relative; cursor:pointer; white-space:nowrap; vertical-align:middle}
div.jsSelect4 .bg_left {height:21px; position:absolute; top:0; left:0; right:0 }
div.jsSelect4 .bg_right {width:21px; height:21px; border-left:1px solid #898989; background:url('../images/common/spr_icon.png') no-repeat -124px 0; position:absolute; top:0; right:0}
div.jsSelect4 .value {position:relative; z-index:1; margin:0 22px 0 5px; overflow:hidden; line-height:21px}
div.jsSelect4 a:hover, div.jsSelect4 a:active {text-decoration:none}
div.jsSelect4 .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:20px; left:0; background:#fff}
div.jsSelect4 .itemList ul {max-height:200px;overflow:auto; overflow-x:hidden; position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px; font-size:11px}
div.jsSelect4 .itemList ul li {padding:1px; margin-bottom:4px}
div.jsSelect4 .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
div.jsSelect4 .itemList ul li a:hover {background-color:#f3f3f3}

.rselect .itemList {left:auto !important; right:0 !important}
label input[type="radio"],
label input[type="checkbox"] {vertical-align:-2px}
.txt_valign {vertical-align:middle}

/* title */
h3.space {margin-top:30px}
.tit_area {position:relative}
.tit_area button.btn_lg {position:absolute; top:-4px; right:0; margin-left:2px}
.tit_area .btns {position:absolute; top:-4px; right:0}
.tit_area .btns button.btn_lg {position:static}
.tit_area .btns2 {position:absolute; top:0; right:0}
.tit_area .txt {position:absolute; top:6px; right:0}
.txt_area {padding:10px; border-top:1px solid #afb6c0; border-bottom:1px solid #dce1e6; line-height:16px}
.txt_area p {text-align:justify}
.tit_st {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#000002; font-size:16px}
.tit_st_big {margin-bottom:10px; font-size:20px}
.tit_tab {position:relative;font-size:14px;border-bottom:1px solid #dce1e6}
.tit_tab strong {display:inline-block; padding:7px 30px; border:1px solid #919ba7; border-bottom:none; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0}

/* select */
.select {position:relative;display:inline-block;margin-bottom:15px}
.select select {display:inline-block;padding:10px 15px;outline:0;border:0;border-radius:0;background:#f0f2f5;color:#7b7b7b;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}
.select select::-ms-expand {display:none}
.select select:hover,
.select select:focus {color:#000;background:#ccc}
.select select:disabled {opacity:0.5;pointer-events:none}
.select__arrow {position:absolute;top:16px;right:10px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#7b7b7b transparent transparent transparent;}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {border-top-color:#000;}
.select select:disabled ~ .select__arrow {border-top-color:#ccc}

/* content Title */
.panel-wrap {border:1px solid #d1d1d1;margin-bottom:10px;}
.panel-heading {padding:0}
.panel-heading .panel-title {position:relative;display:block;padding:12px 10px 12px 18px;color:#444;background:#f5f5f5;transition:0.4s ease;font-size:16px;line-height:1.5;font-weight:500}
.panel-body {font-size:16px;background:#fff;color:#666;padding:20px;word-break:keep-all}

/* sns 공유 아이콘 */
.sns_share {float:right;display:block;margin:-5px 0 0}
.sns_share a {margin-left:2px}

/* Our mission */
.mission {width:100%;text-align:center;padding:150px 0;overflow:hidden}
.mission h2 {font-size:40px;color:#000;font-weight:500;margin-bottom:30px;letter-spacing:-0.025em}
.mission .cont {font-size:16px;line-height:24px;color:#000;font-weight:100}
@media screen and (max-width:1100px) {
  .mission {width:100%;padding:150px 20px}
}
@media screen and (max-width:900px) {
  .mission h2 {font-size:30px;}
  .mission .cont {font-size:14px;line-height:20px;}
}

/* Our Services */
.services {width:100%;height:567px;text-align:center;background:url(../images/oer/bg_services.jpg) center top no-repeat;background-size:cover;overflow:hidden}
.services h2 {font-size:40px;color:#fff;font-weight:500;margin-bottom:30px;letter-spacing:-0.025em;margin-top:95px}
.services .cont_txt {margin:60px 0}
.services .cont_txt dt {font-size:24px;font-weight:300;color:#fff;margin-bottom:20px}
.services .cont_txt dd {font-size:16px;line-height:24px;color:#aba9ac;font-weight:100;margin-bottom:50px}
@media screen and (max-width:1100px) {
  .services {width:100%;padding:0 20px}
}
@media screen and (max-width:900px) {
  .services {height:auto}
  .services h2 {font-size:30px;margin-top:80px}
  .services .cont_txt {margin:40px 0}
  .services .cont_txt dt {font-size:20px;line-height:24px;}
  .services .cont_txt dd {font-size:14px;line-height:18px;}
}
@media screen and (max-width:620px) {
  .services h2 {font-size:30px;margin-top:60px}
  .services .cont_txt dt {font-size:18px;line-height:22px;}
  .services .cont_txt dd {font-size:14px;line-height:18px;}
}

/* 중간 비쥬얼 이미지 */
.oer_visualImg {width:100%;height:380px;text-align:center;background:url(../images/oer/img_services.jpg) center top no-repeat;background-size:cover;overflow:hidden}
@media screen and (max-width:1100px) {
  .oer_visualImg {background-size:cover}
}

/* Our Membership */
.membership {width:100%;height:auto;text-align:center;padding:60px 0;overflow:hidden}
.membership h2 {font-size:40px;color:#000;font-weight:bold;margin:0 0 10px;letter-spacing:-0.025em}
.membership .sub_txt {font-size:16px;margin:5px 0 40px;color:#000}
.membership .member_type {width:1100px;margin:0 auto}
.membership .member_type > li {float:left;display:block;text-align:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
.membership .member_type > li.bg_member_type01 {background:#e21d4e url(../images/oer/bg_member_type01.png) center 30px no-repeat}
.membership .member_type > li.bg_member_type02 {background:#e21d4e url(../images/oer/bg_member_type02.png) center 30px no-repeat}
.membership .member_type > li.bg_member_type03 {background:#e21d4e url(../images/oer/bg_member_type03.png) center 30px no-repeat}
.membership dl {padding:200px 20px 0}
.membership dl dt {clear:both;font-size:20px;line-height:26px;color:#fff99c;font-weight:bold;text-align:center;margin-bottom:15px}
.membership dl dd {clear:both;font-size:16px;line-height:20px;color:#fff}
.membership dl dd.exp {font-size:12px;line-height:14px;margin-top:5px}
.membership dl dd.box {height:auto;padding:10px 0;margin-top:10px;border-top:1px solid #ef5178;overflow:hidden}
.membership dl dd.box .spanRight {display:inline-block;margin-top:5px}
.membership dl dd ul {width:auto !important;margin:0 !important}
.membership dl dd ul li {font-size:14px;line-height:18px;height:auto !important;word-wrap:break-word;color:#fff}
.membership dl dd ul li:first-child {padding-top:10px}
.membership dl dd ul li span {display:block;padding-left:8px}
@media screen and (min-width:1101px) {
  .membership .member_type > li {width:32%;height:520px;margin:0 2% 0 0;}
  .membership .member_type > li:last-child {margin:0}
}
@media screen and (max-width:1100px) {
  .membership {padding:60px 20px}
  .membership .member_type {width:100%;margin:0}
  .membership .member_type > li {width:32%;height:550px;margin:0 2% 0 0;}
  .membership .member_type > li:last-child {margin:0}
  .membership dl dd ul li {font-size:13px;line-height:16px;}
}
@media screen and (max-width:900px) {
  .membership h2 {font-size:30px}
}
@media screen and (min-width:661px) and (max-width:840px) {
  .membership .member_type > li {height:580px;}
  .membership dl dt {font-size:18px;line-height:20px;}
  .membership dl dd {font-size:14px;line-height:18px;}
}
@media screen and (max-width:660px) {
  .membership h2 {font-size:30px}
  .membership .member_type {width:100%;margin:0}
  .membership .member_type > li {width:100%;height:auto;margin:0 0 2%}
  .membership dl dd {font-size:14px;line-height:18px;}
  .membership dl dd.box {margin-bottom:15px}
}

/* ACU-PROJECT */
.project {width:100%;text-align:center;padding:130px 0;overflow:hidden}
.project .cont {font-size:16px;line-height:24px;color:#000;font-weight:100}

.p_history {width:100%;height:920px;text-align:center;background:#638fc2 url(../images/oer/bg_project_history.jpg) center top no-repeat;background-size:cover}
.p_history h2 {font-size:40px;color:#fff;font-weight:bold;padding:70px 0 45px;letter-spacing:-0.025em}
.p_history .p_history_list {width:1100px;margin:0 auto}
.p_history .p_history_list li {float:left;height:124px;width:50%;margin-bottom:22px}
.p_history .p_history_list li.exception {margin-top:20px;}
.p_history .p_history_list li dt {float:left;width:105px;height:105px;line-height:105px;font-size:24px;font-weight:bold;color:#000;text-align:center;background-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}
.p_history .p_history_list li dd {float:left;display:block;width:385px;margin-left:20px;line-height:20px;color:#fff;font-size:16px;line-height:24px;text-align:left}
.p_history .p_history_list li dd.onejul {padding:40px 0}
.p_history .p_history_list li dd.twojul {padding:25px 0}
.p_history .p_history_list li dd.threejul {padding:0px 0}
.p_history .p_history_list li dd.fourjul {padding:5px 0}
.p_history .p_history_list li dd.fivejul {padding:0}

.p_vision {position:relative;width:100%;text-align:center;padding:60px 0;border-bottom:1px solid #d2d2d2;overflow:hidden}
.p_vision h2 {font-size:40px;color:#000;font-weight:500;margin-bottom:30px;letter-spacing:-0.025em}
.p_vision .cont_img {font-size:16px;line-height:24px;color:#000;font-weight:100;text-align:center}
.p_vision #desc_vision {position:absolute;left:0;top:0;background-color:#fff;z-index:2}
.p_vision #desc_vision ul li.tit {font-size:18px;font-weight:500}
.p_vision #desc_vision ul li {clear:both;padding:5px 0;font-size:14px;line-height:20px}

.p_plan {position:relative;width:100%;text-align:center;padding:60px 0;border-bottom:1px solid #d2d2d2;overflow:hidden}
.p_plan h2 {font-size:40px;color:#000;font-weight:500;margin-bottom:30px;letter-spacing:-0.025em}
.p_plan .cont_img {font-size:16px;line-height:24px;color:#000;font-weight:100;text-align:center}
.p_plan #desc_plan {position:absolute;left:0;top:0;background-color:#fff}
.p_plan #desc_plan dl {width:100%;text-align:left}
.p_plan #desc_plan dt {clear:both;font-size:20px;font-weight:bold;margin-bottom:10px}
.p_plan #desc_plan dd {clear:both;font-size:16px;line-height:20px;color:#666;margin-bottom:20px;}
.p_plan #desc_plan dd ul li {clear:both;font-size:14px;padding-left:8px;background:url(../images/oer/bu_lm_dot.gif) left 10px no-repeat;vertical-align:top}

.p_structure {position:relative;width:100%;text-align:center;padding:60px 0;overflow:hidden}
.p_structure h2 {font-size:40px;color:#000;font-weight:500;margin-bottom:30px;letter-spacing:-0.025em}
.p_structure .cont_img {clear:both;font-size:16px;line-height:24px;color:#000;font-weight:100;text-align:center;margin-bottom:10px}
.p_structure .cont_txt {clear:both;text-align:center;font-size:16px;line-height:20px}
.p_structure .cont_txt a {color:#d11f4d}
.p_structure .cont_txt a:hover {text-decoration:underline}
.p_structure #desc_structure {position:absolute;left:0;top:0;background-color:#fff}
.p_structure #desc_structure ul li {clear:both;width:100%;font-size:14px;line-height:20px;margin-bottom:20px}
.p_structure #desc_structure ul li.structure_tit {clear:both;font-size:24px;font-weight:300;margin-bottom:10px}
.p_structure #desc_structure ul li dl dt {font-size:20px;font-weight:300;margin-bottom:5px}
.p_structure #desc_structure ul li dl dd {font-size:16px;line-height:20px;color:#666}

.spanRight{clear:left;height:40px;width: auto;margin-right: 10px;padding: 5px;border-width: 1px;border-color:#7f7f7f;border-style: double; border-radius:4px;}
p.view_setence{text-align:center; color:#d40000; font-size:14px;}
@media screen and (max-width:1100px) {
  .project {padding:130px 20px}
  .p_history {width:100%;height:auto;overflow:hidden;}
  .p_history h2 {font-size:32px}
  .p_vision h2 {font-size:32px}
  .p_plan h2 {font-size:32px;}
  .p_structure h2 {font-size:32px;}
  .p_history .p_history_list {width:100%;margin:0;padding:0 20px}
  .p_history .p_history_list li {float:left;width:50%;padding:0;overflow:hidden;}
  .p_history .p_history_list li dt {max-width:105px;height:105px;margin:0 auto;}
  .p_history .p_history_list li dd {width:70%;margin:0;padding:20px;font-size:14px;line-height:18px}
  .p_history .p_history_list li dd.onejul {padding:25px 20px}
  .p_history .p_history_list li dd.twojul {padding:25px 20px}
  .p_history .p_history_list li dd.threejul {padding:15px 20px}
  .p_history .p_history_list li dd.fourjul {padding:10px 20px}
  .p_history .p_history_list li dd.fivejul {padding:0 20px}
}
@media screen and (max-width:750px) {
  .p_history h2 {font-size:28px}
  .p_vision h2 {font-size:28px}
  .p_plan {padding:60px 20px}
  .p_plan h2 {font-size:28px;}
  .p_structure h2 {font-size:28px;}
  .p_history .p_history_list {width:100%;margin:0;padding:0 20px}
  .p_history .p_history_list li {height:250px}
  .p_history .p_history_list li dt {float:none;max-width:105px;height:105px;margin:0 auto 20px}
  .p_history .p_history_list li dd {width:100%;margin:0;font-size:13px;line-height:16px;}
  .p_history .p_history_list li dd.onejul {padding:25px 20px}
  .p_history .p_history_list li dd.twojul {padding:15px 20px}
  .p_history .p_history_list li dd.threejul {padding:10px 0}
  .p_history .p_history_list li dd.fourjul {padding:5px 0}
  .p_history .p_history_list li dd.fivejul {padding:0}
}
@media screen and (max-width:430px) {
  .p_history .p_history_list li dt {float:none;max-width:105px;height:105px;margin:0 auto 10px}
  .p_history .p_history_list li {height:310px}
}

/* Privacy Policy */
.term-about-body {position:relative;width:100%;margin:86px auto 0;overflow:hidden}
.term-about-body .contit {font-size:30px;font-weight:bold;color:#e5335f;border-bottom:2px solid #d40000;padding:15px 0;}
.term-about-body .contit .layout_r {position:absolute;right:0;top:15px;z-index:2}
.term-about-body h4 {font-size:24px;line-height:2.0em;margin:140px 0 0;font-weight:normal}
.term-about-body h5 {line-height:24px;font-size:14px;margin:0 0 5px;}
.term-about-body p {font-size:14px;line-height:20px;margin-bottom:10px}
.term-about-body p a {color:#428bca;font-weight:300;}
.term-about-body .location {height:48px;padding-top:9px;color:#999;font-size:11px;}
.term-about-body .location em {color:#333}
.term-about-body .conMenu {clear:both;width:100%;background-color:#f5f5f5;padding:15px;border-bottom:1px solid #ccc;}
.term-about-body .conMenu li {clear:both;display:block;padding:0 0 0 10px;font-weight:300;font-size:12px;line-height:20px;color:#454545;}
.term-about-body .conMenu li a {font-weight:normal}
.term-about-body .conMenu li a:hover {text-decoration:underline;color:#428bca}
.term-about-body > .con {padding-top:35px}
.term-about-body > .con p.para {line-height:17px}
.term-about-body > .con h4.default {color:#000;font-size:20px}
.term-about-body > .con p.caption {margin:25px 0 10px}
.term-about-body .term-about-affixnav {background:#fafafa;text-align:right;padding:16px 10px;border-bottom:1px solid #ccc;margin-bottom:60px;}
.term-tos-text {width:100%;margin:30px 0 0;overflow:hidden}
.term-tos-text table {width:100%;}
.term-tos-text p {max-width:100%;text-align:justify;/*text-indent:17px;*/}
.term-tos-text .tg  {table-layout:fixed;border-collapse:collapse;border-spacing:0;line-height:22px;margin-bottom:20px}
.term-tos-text .tg th{font-size:14px;font-weight:normal;border-width:1px;overflow:hidden;word-break:normal;}
.term-tos-text .tg td{font-size:14px;border-width:1px;overflow:hidden;word-break:normal;}
.term-tos-text .tg thead th {background-color:#C4DEFF;text-align:center;padding:10px}
.term-tos-text .tg tbody td {background-color:#fff;line-height:18px;padding:5px 10px}
.term-tos-text .tg tbody td.aC {text-align:center}
.term-tos-text .tg .tg-baqh{clear:both;text-align:center;padding:20px 0;font-size:20px;font-weight:300}
.term-tos-text .tg hr.header-after {width:100%;}
.term-tos-text .tg .tg-yw4l{border:0;vertical-align:top;}
.term-tos-text .tg .tg-k4q0{vertical-align:top}
.term-tos-text .tg2  {table-layout:fixed;border-collapse:collapse;border-spacing:0;margin-bottom:20px}
.term-tos-text .tg2 thead th {background-color:#C4DEFF;padding:15px 10px;text-align:center;}
.term-tos-text .tg2 tbody td {background-color:#fff;line-height:18px;padding:10px 15px;border-bottom:1px solid #dedede;text-align:center}
.term-tos-text .tg2 tbody td.aL {text-align:left}
.term-tos-text .txt {clear:both;border-bottom:1px solid #ccc;padding:0 0 120px;overflow:hidden}
.term-tos-text .line_bot_gray {border-bottom:1px solid #000;}
.term-tos-text .line_botright_gray {border-bottom:1px solid #000;}
.term-tos-text .line_right_white {border-right:2px solid #fff;}
.term-tos-text ul {width:100%}
.term-tos-text ul > li {clear:both;width:100%;font-size:13px;line-height:18px;margin-bottom:10px}
.term-tos-text ul > li.threeDep {padding-left:15px}
.term-tos-text ul > li strong {font-size:20px;font-weight:300;color:#000;}
.term-tos-text ul ul li {clear:both;width:100%;padding-left:17px;font-size:13px;line-height:18px;color:#666}
.term-tos-text ul ul li span.br {clear:both;display:inline-block;color:#000;font-weight:300}
.term-tos-text ul ul li.threeDep {padding-left:30px}
.term-tos-text ul ul li strong {font-size:14px;font-weight:300;color:#000;}
.term-tos-text dl {width:100%;margin:30px 0 20px}
.term-tos-text dl dt {display:block;font-size:20px;line-height:24px;color:#d40000;margin-bottom:20px}
.term-tos-text dl dd {clear:both;width:100%;font-size:14px;line-height:18px;padding:0 0 10px 15px}
.term-tos-text dl dd a {color:#333}
.term-tos-text dl dd a:hover {text-decoration:underline}
.term-tos-text dl dd span.br {clear:both;display:inline-block;color:#d40000;}
.term-tos-text h4 {clear:both;width:100%;padding:20px 0;margin:0;font-size:20px;line-height:24px;font-weight:500;color:#000;text-align:center;overflow:hidden;}
@media screen and (max-width:520px) {
  .term-about-body .contit .layout_r {position:relative;right:auto;top:auto;width:100%;margin-top:10px}
  .term-tos-text ul ul li span.br {display:block}
  .term-tos-text dl dt {font-size:16px;line-height:20px;}
  .term-tos-text dl dd span.br {display:block;margin-bottom:5px;}
  .term-tos-text h4 span.br {display:block;color:#d40000;}
}

/* Login Box */
.login_box {display:table;width:100%;min-height:715px} /*height:calc(100% - 226px)*/
.login_box .inner {display:table-cell;text-align:center;vertical-align:middle;}
.login_box .inner h2 {font-size:16px;font-weight:bold;text-align:center}
.login_box .inner .login_txt {clear:both;margin:30px 0 0;text-align:center;color:#000000}
.login_box .inner .login_btn {width:290px;margin:30px auto 0}
.login_box .inner .login_btn li {clear:both;margin-bottom:10px;text-align:center}
.login_box .inner .logout_txt {clear:both;margin:20px 0 0;text-align:center}
.login_box .inner .logout_btn {width:235px;margin:90px auto 0}
.login_box .inner .logout_btn li {float:left;width:50%;margin-bottom:10px;}
.login_cancel_btn {display:inline-block;padding:0 24px;height:38px;font-size:16px;font-weight:300;text-decoration:none !important;color:#444444;text-align:center;background:#ffffff;border:1px solid #ff0000;line-height:34px;border-radius:20px;}

/* logout Box */
.logout_box {display:table;width:100%;min-height:715px;} /*height:calc(100%-226px);height:-moz-calc(100%-226px);height:-webkit-calc(100%-226px);*/
.logout_box .inner {display:table-cell;text-align:center;vertical-align:middle;}
.logout_box .inner h2 {font-size:16px;font-weight:bold;text-align:center}
.logout_box .inner .login_txt {clear:both;margin:30px 0 0;text-align:center;color:#000000}
.logout_box .inner .login_btn {width:290px;margin:30px auto 0}
.logout_box .inner .login_btn li {clear:both;margin-bottom:10px;text-align:center}
.logout_box .inner .logout_txt {clear:both;margin:20px 0 0;text-align:center}
.logout_box .inner .logout_btn {width:235px;margin:90px auto 0}
.logout_box .inner .logout_btn li {float:left;width:50%;margin-bottom:10px;}

/* License */
.licenses {position:relative;width:100%;margin:86px 0 0}
.license_list {width:100%;margin-bottom:20px;font-size:13px;line-height:18px}
.license_list .cc_by {margin:5px 0;font-size:14px}
.license_list span {display:block;margin:10px 0;font-size:13px}
.license_list span a {font-size:13px;color:#000;}
.license_list span a:hover {text-decoration:underline}

/* Mail Certificate */
.timer{position:relative;font-size:16px;display:block;margin:10px 0;}
.verified_txt{display:inline-block;color:#e5335f;font-size:14px;line-height:18px;font-weight:bold;border-radius:6px;padding:10px 5px}
.remain_txt{font-weight:700; font-family:Sans-serif;}

/**/
.text_overflow {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.vjs-default-skin .vjs-big-play-button {top:50%;left:50%;margin:-2.0em;}
.display-none{display:none;}

/* 통계 대시보드(학습자,교수자,관리자) */
.bg_stats {background-color:#f0f4f7 !important;}

/* Stats Profile */
.stats_profile_wrap {width:1100px;min-width:280px;margin:0 auto;padding:80px 0 30px;}
.stats_profile_wrap:after {content:'';clear:both;display:block;}
.stats_wrap {clear:both;width:100%;}
.stats_wrap li.left {float:left;width:330px;}
.stats_wrap li.right {float:right;width:742px;}
@media screen and (max-width:1100px) {
  .stats_profile_wrap {width:100%;margin:0;padding:85px 20px 30px;}
  .stats_wrap li.left {width:25%;}
  .stats_wrap li.right {width:73%;}
}
@media screen and (max-width:740px) {
  .stats_wrap li.left {float:none;width:100%;margin-bottom:20px;}
  .stats_wrap li.right {clear:both;float:none;width:100%;}
} 
/* 학습자 Button List */
ul.x1 li {float:left;display:block;width:33.3%;height:202px;padding-left:3%;}
ul.x1 li a.active .listBox {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.x1 li a.active .listBox dl dt {color:#fff;}
ul.x1 li a.active .listBox dl dd.date {color:#fff;}

ul.x1 li a:hover .listBox {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.x1 li a:hover .listBox dl dt {color:#fff;}
ul.x1 li a:hover .listBox dl dd.date {color:#fff;}
@media screen and (min-width:1001px) {
  ul.x1 li:nth-child(1),
  ul.x1 li:nth-child(2),
  ul.x1 li:nth-child(3) {margin-bottom:26px;}
}
@media screen and (max-width:1100px) {
  ul.x1 li {width:33.3%;margin-right:0;padding:0 3% 0 0;}
  ul.x1 li:nth-child(3n) {padding:0;}
  ul.x1 li:nth-child(1),
  ul.x1 li:nth-child(2),
  ul.x1 li:nth-child(3) {margin-bottom:26px;}
}
@media screen and (max-width:740px) {
  ul.x1 li a.active .listBox {background-image:none;}
  ul.x1 li a:hover .listBox {background-image:none;}
}
@media screen and (max-width:520px) {
  ul.x1 li:nth-child(1),
  ul.x1 li:nth-child(2),
  ul.x1 li:nth-child(3) {margin-bottom:15px;}
}
.profileBox {width:100%;height:auto;padding:25px 0 0;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);overflow:hidden;}
.profileBox .profile_photo {max-width:157px;max-height:157px;margin:5px auto 15px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden;}
.profileBox .profile_photo img {width:100%;}
.profileBox dl {width:100%;text-align:center;}
.profileBox dl dt {font-size:1.2rem;font-weight:400;margin-bottom:13px;}
.profileBox dl dd {font-size:0.9rem;font-weight:300;margin-bottom:10px;}
.profileBox dl dd.email {font-size:0.8rem;color:#3fa1d2;margin-bottom:10px;}
.profileBox dl dd.phone {display:inline-block;font-size:0.8rem;color:#333333;padding:10px 20px;margin:0 auto 10px;background-color:#f0f4f7;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.profileBox dl dd.introduce {display:block;height:32px;font-size:0.8rem;line-height:1.2;color:#666;margin-bottom:10px;-webkit-line-clamp:2;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden; padding:0 20px;}
.profileBox dl dd.date {font-size:0.75rem;}
.profileBox dl dd.date span.tit {font-size:0.8rem;font-weight:300;color:#666;display:inline-block;margin-bottom:5px;}
.profileBox dl dd.date span {display:block;font-size:0.75rem;color:#767676;}
.profileBox .btn_more_profile {clear:both;display:block;font-size:0.75rem;display:block;padding:20px 15px;color:#767676;text-align:center;background:url(../images/oer/bg_profile_topLine.png) center top no-repeat;}
.profileBox .btn_more_profile:hover {color:#fff;background-color:#3fa1d2;background-image:none;}

.listBox {width:100%;height:100%;padding:25px;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);}
.listBox dl {width:100%;text-align:center;}
.listBox dl dt {width:100%;text-align:center;color:#53616e;font-size:0.9rem;line-height:1.2;font-weight:300;}
.listBox dl dd.ico {clear:both;width:100%;display:block !important;padding:25px 0;}
.listBox dl dd.ico span {display:block;width:52px;height:52px;margin:0 auto;text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.listBox dl dd.ico span.access_date {background-color:#4680ff;}
.listBox dl dd.ico span.ongoing_course {background-color:#f6712e;}
.listBox dl dd.ico span.expired_course {background-color:#26b99a;}
.listBox dl dd.ico span.certificated_course {background-color:#ffb64d;}
.listBox dl dd.ico span.completed_course {background-color:#ffb64d;}
.listBox dl dd.ico span.bookmark {background-color:#2cc2ea;}
.listBox dl dd.ico span.recently_contents {background-color:#7882ff;}
.listBox dl dd.ico span.my_course {background-color:#7882ff;}
.listBox dl dd.ico span.my_learning {background-color:#4680ff;}
.listBox dl dd.ico span img {width:100%;}
.listBox dl dd.date {clear:both;width:100%;font-size:1rem;line-height:20px;color:#53616e;}
.listBox dl dd.num {clear:both;width:100%;font-size:1.3rem;line-height:20px;color:#53616e;}
.listBox dl dd.num span { display:block !important;width:80px;font-weight:500;background-color:#f0f4f7; color:#333; padding:10px; margin:0 auto; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
@media screen and (max-width:910px) {
  .listBox {padding:25px 15px;}
  .listBox dl dt {font-size:0.8rem;}
  .listBox dl dd.date {font-size:0.9rem;}
}
@media screen and (max-width:740px) {
  .profileBox {width:100%;height:auto;max-height:auto;padding:20px 0 0;text-align:center;}
  .profileBox .profile_photo {display:inline-block;}
  .profileBox dl {display:inline-block;width:auto;margin:10px 0 0 20px;}
  .profileBox dl dt {font-size:1rem;}
  .profileBox dl dd.email {font-size:0.75rem;}
  .profileBox dl dd.phone {padding:4% 6%;}
  .profileBox dl dd.btn {font-size:0.7rem;}
  .profileBox dl dd {margin-bottom:0;}
  .profileBox .btn_more_profile {color:#fff;background-color:#3fa1d2;background-image:none;}
  .profileBox .btn_more_profile:hover {color:#fff;background-color:#2f789d;}
} 
@media screen and (max-width:520px) {
  .listBox {padding:25px 10px;}
  .listBox dl dt {height:20px;}
}
@media screen and (max-width:460px) {
  .profileBox {padding:20px 0 0;max-height:auto;}
  .profileBox .profile_photo {display:block;}
  .profileBox dl {display:block;width:100%;margin:10px 0 20px;}
}
@media screen and (max-width:420px) {
  .listBox dl dd.num {font-size:1.2rem;}
  .listBox dl dd.num span {width:60px;padding:6px 10px;}
}
/* 교수자 Button List */
ul.x2 {clear:both;width:100%;}
ul.x2 li {float:left;display:block;width:33.3%;height:130px;padding-left:3%;}
ul.x2 li.mB0 {margin-bottom:0 !important;}
ul.x2 li a.active .listBox {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.x2 li a.active .listBox dl dt {color:#fff;}
ul.x2 li a.active .listBox dl dd.date {color:#fff;}

ul.x2 li a:hover .listBox {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.x2 li a:hover .listBox dl dt {color:#fff;}
ul.x2 li a:hover .listBox dl dd.date {color:#fff;}

ul.x2.two {clear:both;width:100%;}
ul.x2.two li {float:left;display:block;width:50%;height:130px;padding-left:3%;}
@media screen and (min-width:1001px) {
  ul.x2 li:nth-child(1),
  ul.x2 li:nth-child(2),
  ul.x2 li:nth-child(3) {margin-bottom:20px;}
}
@media screen and (max-width:1100px) {
  ul.x2 li:nth-child(1),
  ul.x2 li:nth-child(4) {padding:0;}
  ul.x2 li:nth-child(1),
  ul.x2 li:nth-child(2),
  ul.x2 li:nth-child(3) {margin-bottom:20px;}
}
@media screen and (max-width:690px) {
  ul.x2 li {height:auto;}
  ul.x2 li a.active .listBox {background-image:none;}
  ul.x2 li a:hover .listBox {background-image:none;}
  ul.x2 li:nth-child(1),
  ul.x2 li:nth-child(2),
  ul.x2 li:nth-child(3) {margin-bottom:15px;}

  ul.x2.two li {height:auto;}
}
.listBox.x2 {width:100%;height:100%;padding:20px 25px;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);overflow:hidden;}
.listBox.x2 dl {width:100%;text-align:center;}
.listBox.x2 dl dt {width:100%;text-align:left;color:#53616e;font-size:0.85rem;line-height:1.1;font-weight:300;}
.listBox.x2 dl dt span.average {display:inline-block;font-size:0.8rem;}
.listBox.x2 dl dd.ico {float:left;display:block !important;width:auto;padding:20px 0;}
.listBox.x2 dl dd.ico span {display:block;width:52px;height:52px;margin:0;text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.listBox.x2 dl dd.ico span.access_date {background-color:#4680ff;}
.listBox.x2 dl dd.ico span.ongoing_course {background-color:#f6712e;}
.listBox.x2 dl dd.ico span.expired_course {background-color:#26b99a;}
.listBox.x2 dl dd.ico span.completed_course {background-color:#ffb64d;}
.listBox.x2 dl dd.ico span.certificated_course {background-color:#ffb64d;}
.listBox.x2 dl dd.ico span.bookmark {background-color:#2cc2ea;}
.listBox.x2 dl dd.ico span.recently_contents {background-color:#7882ff;}
.listBox.x2 dl dd.ico span.my_course {background-color:#72a4ff;}
.listBox.x2 dl dd.ico span.my_learning {background-color:#4680ff;}
.listBox.x2 dl dd.ico span.contents {background-color:#ffb64d;}
.listBox.x2 dl dd.ico span.lecture {background-color:#2cc2ea;}
.listBox.x2 dl dd.ico span.course {background-color:#7882ff;}
.listBox.x2 dl dd.ico span.course_admin {background-color:#ffb64d;}
.listBox.x2 dl dd.ico span.not_certificated_member {background-color:#2cc2ea;}
.listBox.x2 dl dd.ico span.certificated_member {background-color:#7882ff;}
.listBox.x2 dl dd.ico span.registration_classes {background-color:#ffb64d;}
.listBox.x2 dl dd.ico span.pass_rate {background-color:#2cc2ea;}
.listBox.x2 dl dd.ico span img {width:100%;}
.listBox.x2 dl dd.date {float:right;clear:none;width:auto;font-size:1rem;line-height:20px;color:#53616e;margin-top:30px;}
.listBox.x2 dl dd.num {float:right;clear:none;width:auto;font-size:1.3rem;line-height:30px;color:#53616e;margin-top:24px;}
.listBox.x2 dl dd.num span {display:block !important;width:90px;background-color:#f0f4f7;color:#4C4C4C;padding:6px 10px;margin:0 auto;border-radius:30px;-webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;font-weight:bold }
@media screen and (max-width:910px) {
  .listBox.x2 {padding:20px 15px;}
  .listBox.x2 dl dt {font-size:0.8rem;}
  .listBox.x2 dl dd.date {font-size:0.9rem;}
}
@media screen and (max-width:690px) {
  .listBox.x2 {padding:20px 10px;}
  .listBox.x2 dl dt {height:20px;text-align:center;}
  .listBox.x2 dl dd.ico {float:none;width:100;display:block !important;padding:15px 0 20px;}
  .listBox.x2 dl dd.ico span {margin:0 auto;}
  .listBox.x2 dl dd.num {float:none;clear:both;width:100%;margin-top:0;}
}
@media screen and (max-width:420px) {
  .listBox.x2 dl dd.num {font-size:1rem;}
  .listBox.x2 dl dd.num span {width:60px;padding:6px 10px;}
}

/* My Course */
ul.prof {clear:both;width:100%;}
ul.prof li {float:none;display:block;width:100%;height:130px;padding-left:3%;}
ul.prof li a {display:block;height:130px;width:100%;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);overflow:hidden;}
ul.prof li a.active .myCourse {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.prof li a.active .myCourse dl dt {color:#fff;}
ul.prof li a.active .myCourse dl dd.date {color:#fff;}
ul.prof li a:hover .myCourse {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.prof li a:hover .myCourse dl dt {color:#fff;}
ul.prof li a:hover .myCourse dl dd.date {color:#fff;}
@media screen and (min-width:1001px) {
  ul.prof li {margin-bottom:20px;}
}
@media screen and (max-width:1100px) {
  ul.prof li {padding:0;margin-bottom:20px;}
}
@media screen and (max-width:690px) {
  ul.prof li a {height:auto;margin-bottom:15px;}
  ul.prof li {height:auto;}
  ul.prof li .myCourse {background-image:none;}
  ul.prof li a.active .myCourse {background-image:none;}
  ul.prof li a:hover .myCourse {background-image:none;}

  ul.x2.two li {height:auto;}
}
@media screen and (max-width:460px) {
  ul.prof li {float:none;display:block;width:100%;padding:0;}
}
.myCourse {float:left;display:block;width:31%;height:100%;padding:20px 25px;background-color:#fff;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;overflow:hidden;}
.myCourse dl {width:100%;text-align:center;}
.myCourse dl dt {width:100%;text-align:left;color:#53616e;font-size:0.85rem;line-height:1.1;font-weight:300;}
.myCourse dl dd.ico {float:left;display:block !important;width:auto;padding:20px 0;}
.myCourse dl dd.ico span {display:block;width:52px;height:52px;margin:0;text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.myCourse dl dd.ico span.my_course {background-color:#72a4ff;}
.myCourse dl dd.ico span img {width:100%;}
.myCourse dl dd.num {float:right;clear:none;width:auto;font-size:1.3rem;line-height:30px;color:#53616e;margin-top:24px;}
.myCourse dl dd.num span {display:block !important;width:90px;background-color:#f0f4f7; color:#4C4C4C; font-weight:500; padding:6px 10px; margin:0 auto; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; font-weight:bold;}
.myCourse_list {float:left;display:block;width:69%;height:100%;padding:20px;border:2px solid #53616e;background-color:#fff;text-align:center;overflow:hidden;}
.myCourse_list ul {width:100%;}
.myCourse_list ul li {display:block;width:100%;height:auto;font-size:0.85rem;line-height:1.6;color:#666;padding:0 0 0 10px;margin:0 0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/oer/bu_lm_dot.gif) left 12px no-repeat;text-align:left;}
.myCourse_list ul li:nth-child(4),
.myCourse_list ul li:nth-child(5) {display:none;}
.myCourse_list span.code {display:inline-block;font-weight:bold;letter-spacing:0;margin-right:10px;}
.myCourse_list span.more {display:inline-block;font-weight:bold;letter-spacing:1em;}
@media screen and (max-width:1100px) {
  .myCourse {width:33%;}
  .myCourse_list {width:67%;}
}
@media screen and (max-width:910px) {
  .myCourse {padding:20px 15px;}
  .myCourse dl dt {font-size:0.8rem;}
  .myCourse dl dd.date {font-size:0.9rem;}
}
@media screen and (max-width:690px) {
  .myCourse {padding:20px 10px;}
  .myCourse dl dt {height:20px;text-align:center;}
  .myCourse dl dd.ico {float:none;width:100;display:block !important;padding:15px 0 20px;}
  .myCourse dl dd.ico span {margin:0 auto;}
  .myCourse dl dd.num {float:none;clear:both;width:100%;margin-top:0;}
  .myCourse_list {height:187px;}
  .myCourse_list ul li:nth-child(4),
  .myCourse_list ul li:nth-child(5) {display:block;}
}
@media screen and (max-width:460px) {
  .myCourse {float:none;width:100%;}
  .myCourse_list {display:none;}
}
@media screen and (max-width:420px) {
  .myCourse dl dd.num {font-size:1rem;}
  .myCourse dl dd.num span {width:60px;padding:6px 10px;}
}

/* 관리자 */
.stats_wrap.x3 li.left {float:left;width:52%;}
.stats_wrap.x3 li.right {float:right;width:48%;}
@media screen and (max-width:1100px) {
  .stats_profile_wrap {width:100%;padding:85px 20px 30px;}
}
@media screen and (max-width:860px) {
  .stats_wrap.x3 li.left {float:none;width:100%;margin-bottom:20px;}
  .stats_wrap.x3 li.right {clear:both;float:none;width:100%;}
}
.profileBox.x3 {width:100%;height:auto;padding:15px 0 0;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);text-align:center;overflow:hidden;}
.profileBox.x3 .profile_photo {display:inline-block;max-width:157px;max-height:157px;margin:5px auto 20px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden;}
.profileBox.x3 .profile_photo img {width:100%;}
.profileBox.x3 dl {display:inline-block;max-width:56%;text-align:center;margin:10px 0 0 20px;}
.profileBox.x3 dl dt {font-size:1.2rem;font-weight:400;margin-bottom:15px;}
.profileBox.x3 dl dd {font-size:0.9rem;font-weight:300;margin-bottom:10px;}
.profileBox.x3 dl dd.email {font-size:0.8rem;color:#3fa1d2;margin-bottom:10px;}
.profileBox.x3 dl dd.phone {display:inline-block;font-size:0.8rem;color:#333333;padding:10px 20px;margin:0 auto 10px;background-color:#f0f4f7;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.profileBox.x3 dl dd.introduce {display:block;height:32px;font-size:0.8rem;line-height:1.2;color:#666;margin-bottom:10px;-webkit-line-clamp:2;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.profileBox.x3 dl dd.date {font-size:0.75rem;}
.profileBox.x3 dl dd.date span.tit {font-size:0.8rem;font-weight:300;color:#666;display:inline-block;margin-bottom:5px;}
.profileBox.x3 dl dd.date span {display:block;font-size:0.75rem;color:#767676;}
.profileBox.x3 .btn_go {clear:both;width:100%;}
.profileBox.x3 .btn_more_profile {clear:none;float:left;display:block;width:50%;font-size:0.75rem;padding:20px 15px;color:#767676;text-align:center;background:none;border-top:1px solid #d5d8e3;border-right:1px solid #d5d8e3;}
.profileBox.x3 .btn_more_profile:hover {color:#fff;background-color:#3fa1d2;}
.profileBox.x3 .btn_admin_go {float:left;display:block;width:50%;font-size:0.75rem;padding:20px 15px;color:#767676;background:none;border-top:1px solid #d5d8e3;}
.profileBox.x3 .btn_admin_go:hover {color:#fff;background-color:#3fa1d2;}
@media screen and (max-width:460px) {
  .profileBox.x3 .profile_photo {display:block;}
  .profileBox.x3 dl {/* display:block; */width:100%;margin:10px 0 20px;}
}

ul.x3 li {float:left;display:block;width:33.3%;height:257px;padding-left:3%;}
ul.x3 li a.active .listBox {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.x3 li a.active .listBox dl dt {color:#fff;}
ul.x3 li a.active .listBox dl dd.date {color:#fff;}

ul.x3 li a:hover .listBox {background-color:#53616e;background-image:url(../images/oer/bg_listBox_Line.png);background-position:right top;background-repeat:no-repeat;}
ul.x3 li a:hover .listBox dl dt {color:#fff;}
ul.x3 li a:hover .listBox dl dd.date {color:#fff;}

@media screen and (max-width:860px) {
  ul.x3 li {height:auto;}
  ul.x3 li:nth-child(1) {padding-left:0;}
  ul.x3 li a.active .listBox {background-image:none;}
  ul.x3 li a:hover .listBox {background-image:none;}
}

.listBox.x3 {width:100%;height:100%;padding:40px 25px;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);overflow:hidden;}
.listBox.x3 dl {width:100%;text-align:center;}
.listBox.x3 dl dt {width:100%;text-align:center;color:#53616e;font-size:0.85rem;line-height:1;font-weight:300;}
.listBox.x3 dl dd.ico {width:100%;display:block !important;padding:35px 0;}
.listBox.x3 dl dd.ico span {display:block;width:52px;height:52px;margin:0 auto;text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.listBox.x3 dl dd.ico span.contents {background-color:#4680ff;}
.listBox.x3 dl dd.ico span.members {background-color:#f6712e;}
.listBox.x3 dl dd.ico span.organizations {background-color:#26b99a;}
.listBox.x3 dl dd.ico span.registration_classes {background-color:#4680ff;}
.listBox.x3 dl dd.ico span.pass_rate {background-color:#f6712e;}
.listBox.x3 dl dd.ico span img {width:100%;}
.listBox.x3 dl dd.date {clear:both;width:100%;font-size:1rem;line-height:20px;color:#53616e;}
.listBox.x3 dl dd.num {clear:both;width:100%;font-size:1.3rem;line-height:30px;color:#53616e;}
.listBox.x3 dl dd.num span { display:block !important;width:90px;background-color:#f0f4f7; color:#4C4C4C; font-weight:500; padding:10px; margin:0 auto; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;font-weight:bold }
@media screen and (max-width:910px) {
  .listBox.x3 {padding:25px 15px;}
  .listBox.x3 dl dt {font-size:0.8rem;}
  .listBox.x3 dl dd.date {font-size:0.9rem;}
}
@media screen and (max-width:860px) {
  .listBox.x3 {padding:25px 10px;}
  .listBox.x3 dl dt {height:20px;}
  .listBox.x3 dl dd.ico {padding:15px 0 20px;}
  .listBox.x3 dl dd.ico span {margin:0 auto;}
}
@media screen and (max-width:420px) {
  .listBox.x3 dl dd.num {font-size:1rem;}
  .listBox.x3 dl dd.num span {width:60px;padding:6px 10px;}
}
  
/* Stats Graph */
.stats_sMenu_wrap {clear:both;width:100%;min-width:280px;background-color:#b0dae4;padding:25px 0;overflow:hidden;}
.stats_sMenu {position:relative;width:1100px;margin:0 auto;}
.stats_sMenu ul li {display:inline-block;}
.stats_sMenu ul li.left {float:left;width:25%;}
.stats_sMenu ul li.right {float:right;width:73%;}
.stats_sMenu ul li.right > ul.x2 li a.active .listBox {background-color:#fff;color:#53616e;}
.stats_sMenu ul li.right > ul.x2 li a.active .listBox.x2 {border:3px solid #53616e;}
.stats_sMenu ul li.right > ul.x2 li a.active .listBox.x2 dl dt {color:#53616e;}
.stats_sMenu ul li.right .listBox.x2 dl dd.ico {padding:0;}
.stats_sMenu ul li.right .listBox.x2 dl dd.num {margin:10px 0 0;}
.stats_sMenu dl {width:100%;}
.stats_sMenu dt {display:block;font-size:1.3rem;line-height:1.4;font-weight:400;margin-bottom:15px;}
.stats_sMenu dt span {display:block;font-size:1rem;font-weight:200;}
.stats_sMenu dd {clear:both;display:block;}
.stats_sMenu dd .select {display:block !important;}
.stats_sMenu dd .select select {background-color:#fff;}
@media screen and (max-width:1100px) {
  .stats_sMenu_wrap {width:100%;}
  .stats_sMenu {width:100%;padding:0 20px;margin:0;}
}
@media screen and (max-width:860px) {
  .stats_sMenu ul li {display:block;}
  .stats_sMenu ul li.left {float:none;width:100%;margin-bottom:10px;}
  .stats_sMenu ul li.right {float:none;width:100%;}
  .stats_sMenu dt span {display:inline-block;}
}

.stats_graph_wrap {clear:both;width:100%;min-width:280px;background-color:#ffffff;padding:25px 0;margin-bottom:30px;overflow:hidden;}
.cont_area.active {
  /*background:linear-gradient(270deg, #a24bcf, #4b79cf, #4bc5cf);*/
  background-size:100% 100%;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;background-position:0% 50%}
  100%{opacity:1;background-position:100% 50%}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;background-position:0% 50%}
  100%{opacity:1;background-position:100% 50%}
}
@keyframes fadeIn {
  0% { opacity:0; background-position:0% 50%; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); }
  100%{ opacity:1; background-position:100% 50%; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
}
.stats_graph {position:relative;width:1100px;margin:0 auto;}
.stats_graph .btn_detail {position:absolute;right:0;top:0;display:inline-block;padding:6px 12px;background-color:#23abea;color:#fff;font-size:1rem;text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.stats_graph .btn_detail:hover {background-color:#53616e;}
.stats_graph .btn_detail2 {right:0;top:0;display:inline-block;padding:4px 12px;background-color:#23abea;color:#fff;font-size:0.8rem;text-align:center;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.stats_graph .btn_detail2:hover {background-color:#53616e;}
.stats_graph .graph_cont {clear:both;display:block;width:100%;padding-top:10px;}
.stats_graph .graph_cont .graph_contHalf_l {float:left;width:75%;}
.stats_graph .graph_cont .graph_contHalf_r {float:right;width:23%;margin-top:48px;}
@media screen and (max-width:1100px) {
  .stats_graph_wrap {min-height:auto;padding:20px 20px 30px;}
  .stats_graph {width:100%;padding:0 20px;margin:0;}
  .stats_graph .btn_detail {right:20px;}
}
@media screen and (max-width:740px) {
  .stats_graph .graph_cont .graph_contHalf_l {float:none;width:100%;margin-bottom:20px;}
  .stats_graph .graph_cont .graph_contHalf_r {float:none;width: 60%;margin: 0 auto;}
}
@media screen and (max-width:500px) {
  .stats_graph .btn_detail {padding:7px 10px;font-size:0.8rem;}
  .stats_graph .btn_detail2 {padding:7px 10px;font-size:0.8rem;}
}

/* Stats Notice/Q&A*/
.stats_notice_wrap {clear:both;width:1100px;min-width:280px;margin:0 auto;padding-bottom:30px;}
@media screen and (max-width:1100px) {
  .stats_notice_wrap {width:100%;margin:0;padding:0 20px 30px;}
}
.notice_wrap {width:100%;}
.recent_list {width:100%;}
.recent_list li.left {float:left;width:48.7%;padding:25px;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);}
.recent_list li.right {float:right;width:48.7%;padding:25px;background-color:#fff;box-shadow:0 1px 11px 0 rgba(0,0,0,.12);}
@media screen and (max-width:640px) {
  .recent_list li.left {float:none;width:100%;margin-bottom:25px;}
  .recent_list li.right {float:none;width:100%;}
}
/* Notice */
.noticeLeft {position:relative;width:100%;}
.noticeLeft h3 {display:inline-block;font-size:1.4rem;font-weight:400;margin-bottom:20px;}
.noticeLeft .btn_stats_more {position:absolute;right:0;top:0;width:23px;height:23px;}
.noticeLeft .btn_stats_more img {width:100%;}
.noticeLeft .btn_stats_more span {text-indent:-9999px;font-size:0;line-height:0;}
.noticeLeft ul {width:100%;}
.noticeLeft ul li {float:none;clear:both;display:block;width:100%;line-height:18px;color:#454545;padding:0;margin-bottom:10px;overflow:hidden}
.noticeLeft ul li .notice_date {float:left;display:block;min-width:60px;max-width:60px;height:50px;color:#666;font-size:0.7rem;font-weight:100;text-align:center;letter-spacing:-0.05em;background-color:#fff;padding:7px 0;border:1px solid #dedede;overflow:hidden;}
.noticeLeft ul li .notice_date span {display:block;font-size:1.3rem;font-weight:300;color:#333;letter-spacing:0;}
.noticeLeft ul li .notice_date.notice {color:#f6712e;font-weight:400;}
.noticeLeft ul li .notice_date.notice span {color:#f6712e;}
.noticeLeft ul li .notice_subject {float:left;display:block;width:85%;height:45px;color:#53616e;font-size:0.85rem;line-height:18px;padding:0 0 0 10px;margin:2px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.noticeLeft ul li .notice_subject:hover {text-decoration:underline}
.noticeLeft ul li .notice_subject p {display:block;font-size:0.8rem;font-weight:200;color:#f6712e;margin-bottom:3px;}
.noticeLeft ul li .notice_subject .ico_notice { display:inline-block; padding:5px 10px;margin-right:3px;color:#fff; background-color:#f6712e; font-size:0.65rem;letter-spacing:0.05em;font-weight:200;line-height:1; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
@media screen and (max-width:1100px) {
  .noticeLeft ul li .notice_date {float:left;display:block;min-width:60px;max-width:60px;}
  .noticeLeft ul li .notice_subject {float:left;display:block;width:70%;}
}
/* Q&A */
.qnaRight {position:relative;width:100%;}
.qnaRight h3 {display:inline-block;font-size:1.4rem;font-weight:400;margin-bottom:20px;}
.qnaRight .btn_stats_more {position:absolute;right:0;top:0;width:23px;height:23px;}
.qnaRight .btn_stats_more img {width:100%;}
.qnaRight .btn_stats_more span {text-indent:-9999px;font-size:0;line-height:0;}
.qnaRight ul {width:100%;}
.qnaRight ul li {float:none;clear:both;display:block;width:100%;line-height:18px;color:#454545;padding:0;margin-bottom:10px;overflow:hidden}
.qnaRight ul li .qna_date {float:left;display:block;min-width:60px;max-width:60px;height:50px;color:#666;font-size:0.7rem;font-weight:100;text-align:center;letter-spacing:-0.05em;background-color:#fff;padding:7px 0;border:1px solid #dedede;overflow:hidden;}
.qnaRight ul li .qna_date span {display:block;font-size:1.3rem;font-weight:300;color:#333;letter-spacing:0;}
.qnaRight ul li .qna_date.notice {color:#4680ff;font-weight:400;}
.qnaRight ul li .qna_date.notice span {color:#4680ff;}
.qnaRight ul li .qna_subject {float:left;display:block;width:85%;height:40px;color:#53616e;font-size:0.85rem;line-height:18px;padding:0 0 0 10px;margin:5px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.qnaRight ul li .qna_subject:hover {text-decoration:underline}
.qnaRight ul li .qna_subject p.discussion {font-size:0.8rem;font-weight:200;color:#4680ff;}
/* 20191115 kdw 김도원 지우지마세요  */
.qnaRight ul li .qna_subject p.question {font-size:0.8rem;font-weight:200;color:#ff46ac;}
@media screen and (max-width:1100px) {
  .qnaRight ul li .qna_date {float:left;display:block;min-width:60px;max-width:60px;}
  .qnaRight ul li .qna_subject {float:left;display:block;width:70%;}
}
@media screen and (max-width:500px) {
  .noticeLeft h3 {font-size:1.1rem;}
  .qnaRight h3 {font-size:1.1rem;}
}

/* tabs */
.vote_tab {clear:both;width:100%;margin:0 0 20px;padding: 0;overflow: hidden;}
.mvote_tab {position: relative;}
.mvote_tab:after {display: block;clear: both;content: '';}
.mvote_tab li {float: left;width: 25%;line-height: 50px;text-align: center;}
.mvote_tab li:first-child a {margin-left: 0;}
.mvote_tab li a {display: block;height: 50px;background: #fafafa;border: 1px solid #dedede;border-bottom: 1px solid #005bbb !important;margin-left: -1px;}
.mvote_tab li a:hover,
.mvote_tab li a:active {text-decoration: none;}
.mvote_tab li a span {display: block;height: 100%;font-size: 1.3rem;line-height:46px;color: #666;}
.mvote_tab .on a {position: relative;font-weight: 500;border: 1px solid #005bbb; background-color: #fff;border-bottom: none !important;z-index: 2;}
.mvote_tab .on a span {position: relative;color: #005bbb;border-bottom: none !important;}
.mvote_tab .on a:hover,
.mvote_tab .on a:link,
.mvote_tab .on a:active,
.mvote_tab .on a:visited {text-decoration: none;}
.mvote_tab.tab2 li {width: 50% !important;}
.mvote_tab.tab3 li {width: 33.3% !important;}
.mvote_tab.tab5 li {width: 20% !important;}
.mvote_tab_content {position:relative;margin-top: 10px;}

.vote_word_list {margin-left:-4px;}
.vote_word_list:after {display: block;clear: both;content: '';}
.vote_word_list li {float: left; margin-top: 10px;padding-left: 5px;width: 25%;background: url(/images/sub/bg_noCheck.png) 94% 50% no-repeat;background-size: 15px 15px;}
.vote_word_list li:first-child {padding-left: 5px;}

@media all and (max-width: 980px) {
  .mvote_tab {margin-top:0;}
  .mvote_tab li {width:50%;padding:0;margin:0;}
  .mvote_tab li a {padding: 0;text-align: center;border: 1px solid #dedede !important;}
  .mvote_tab li a span {font-size: 1.5rem;}
  .mvote_tab .on a {color: #fff;background-color: #005bbb;}
  .mvote_tab .on a span {color: #fff;border: 1px solid #005bbb !important;}
  .mvote_tab .on a span:after {left: -8px;right: -8px;}
  .mvote_tab.tab2 li {width: 50% !important;}
  .mvote_tab.tab3 li {width: 49.9% !important;}
  .mvote_tab.tab3 li:nth-child(3) {margin-top: 0 !important;}
  .mvote_tab.tab4 li {width: 50% !important;/* 탬 4개를 상하단으로 2개씩 정렬할 때 */}
  .mvote_tab.tab4 li:nth-child(3),
  .mvote_tab.tab4 li:nth-child(4) {margin-top:-1px;}
  .mvote_tab.tab4 li:nth-child(1) a,
  .mvote_tab.tab4 li:nth-child(3) a {margin-left:0}
  .mvote_tab.tab4 li:nth-child(2) a,
  .mvote_tab.tab4 li:nth-child(4) a {margin-left:-1px;}
  .mvote_tab.tab5 li {width: 33.3% !important;}
  .mvote_tab.tab5 li:nth-child(1) a,
  .mvote_tab.tab5 li:nth-child(2) a {border-bottom: 0 !important;}
  .mvote_tab.tab5 li:nth-child(4) a {margin-left: 0;}
  .mvote_tab.tab5 li:nth-child(3) {margin-top: 0 !important;}
  
  .vote_word_list li {width:25%;}
}
@media all and (max-width:800px) {
  .vote_word_list li {width:50%;}
}
@media all and (max-width:767px) {
  .vote_tab {margin-top:5px;padding:0 0 10px;margin-bottom:5px;}
  .mvote_tab {margin-top:0;}
  .mvote_tab li a {height:46px;}
  .mvote_tab li a span {line-height:42px;}
  .mvote_tab_content {margin-top:12px;}
}
@media all and (max-width: 580px) {
  .mvote_tab li a span {font-size: 1.4rem;letter-spacing: -0.05em;}
}
@media all and (max-width: 380px) {
  .btn_vote_word {font-size: 1.2rem;}
}

.vote_join_area {padding: 0;}
.vote_join_list {display: inline-block;width: 100%;}
.vote_join_list > li {margin-top: 0;}
.vote_join_list > li:first-child {margin-top: 0;}
.vote_join_list input.css-checkbox[type="checkbox"]:focus + label.css-label:after {border: 1px dashed #000;}
@media all and (max-width: 1050px) {
  .iframe_map {width: 100% !important;}
}

.vote_join_box {position:relative;}
.vote_join_box > .vote_title {display: block;position: relative;padding: 13px 45px 13px 12px;width: 100%;min-height: 52px;border: 1px solid #d6d7da;background: #f5f8fc;font-size: 15px;text-align: left;}
.vote_join_box > .vote_title.type_max {padding: 13px 135px 13px 12px;}
.vote_join_box.on .vote_box {display: block;}
.vote_box {display: none;padding: 0 12px;border: 1px solid #d6d7da;border-top: 0;}
@media all and (max-width: 767px) {
  .vote_join_area {margin-top: 5px;padding: 0 0 10px;}
  .vote_join_list {margin-top: 0;}
  .vote_join_list > li {margin-top: 6px;background: #fff;}
  .vote_box input.css-checkbox[type="checkbox"] + label.css-label {margin-top:-13px;}
}

/* Reviews Scrolling Top Fixed */
/* .fixed {
  position: fixed;
  top: 66px;
  width: 100%;
  min-width: 320px;
  max-width: 1100px;
  box-shadow: 1px 0 7px rgba(0, 0, 0, 0.25);
  z-index: 99;
}
@media screen and (max-width: 1100px) {
  .fixed {
    left: 0;
  }
} */
/* Reviews Accordion */
.toggle .tit {
  position: relative;
  display: inline-block;
  padding-right: 30px;
}
.toggle .tit .ico {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/oer/ico_toggle_btn.png') no-repeat;
  background-size: 100% auto;
}
.toggle.on .ico {
  background-position: 0 -20px;
}
.inner {
  overflow: hidden;
  display: none;
}

/* Language Top Visual */
.bg_language{background:#434655 url(../images/oer/bg_subVisual_language.jpg) center no-repeat;background-size:cover;margin:66px 0 0;}

/* Language Link List */
.language_link {
  clear: both;
  width: 100%;
  overflow: hidden;
}
.language_link li {
  float: left;
  height: 87px;
}
.language_link li:first-child .box {
  background-position: right -87px;
}
.language_link li:first-child .box:hover {
  background-position: right -87px;
}
.language_link li:nth-child(2) .box {
  background-position: right -87px;
}
.language_link li:nth-child(2) .box:hover {
  background-position: right -87px;
}
.language_link li:nth-child(3) .box {
  background-position: right 0;
}
.language_link li:nth-child(3) .box:hover {
  background-position: right 0;
}
.language_link li:nth-child(4) .box {
  background-position: right -174px;
}
.language_link li:nth-child(4) .box:hover {
  background-position: right -174px;
}
.language_link li:nth-child(5) .box {
  background-position: right -261px;
}
.language_link li:nth-child(5) .box:hover {
  background-position: right -261px;
}
.language_link li:nth-child(6) .box {
  background-position: right -348px;
}
.language_link li:nth-child(6) .box:hover {
  background-position: right -348px;
}
.language_link li:nth-child(7) .box {
  background-position: right -435px;
}
.language_link li:nth-child(7) .box:hover {
  background-position: right -435px;
}
.language_link li:nth-child(8) .box {
  background-position: right -522px;
}
.language_link li:nth-child(8) .box:hover {
  background-position: right -522px;
}

.language_link li .box {
  border: 1px solid #dfdfdf;
  background: url('../images/oer/bg_language.png') no-repeat;
  background-size: auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
.language_link li .box:hover {
  color: #ffffff;
  background: #5c5f6c url('../images/oer/bg_language_hover.png') no-repeat;
  background-size: auto;
}
.language_link li .box:hover .link li:hover {
  color: #fff;
  cursor: pointer;
}
.language_link li .box:hover .link li:hover .tit {
  color: #fff;
  font-size: 13px;
}
.language_link li .box .link {
  width: 100%;
}
.language_link li .box .link li {
  width: 75%;
  padding: 17px 20px;
  margin: 0;
  display: block;
  color: #767676;
  font-weight: 100;
  font-size: 13px;
  letter-spacing: 0.5px;
  overflow: hidden;
}
.language_link li .box .link li .tit {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 1.2em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
  display: table-cell;
  overflow: hidden;
  font-size:13px;
}
.language_link li .box .link li .red {
  color: #f65177;
}
.language_link li .box .link li.bg_ico_link_red {
  display: block;
  background: url('../images/oer/ico_link_red.png') 90% 40px no-repeat;
}
.language_link li .box .link li.bg_ico_link_green {
  display: block;
  background: url('../images/oer/ico_link_green.png') 90% 40px no-repeat;
}
.language_link li .box .link li.bg_ico_link_blue {
  display: block;
  background: url('../images/oer/ico_link_blue.png') 90% 40px no-repeat;
}
.language_link li .box .link li.bg_ico_link_purple {
  display: block;
  background: url('../images/oer/ico_link_purple.png') 90% 40px no-repeat;
}
.language_link li .box .link li .circle {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.language_link li .box .link li .bg-color_red {
  background-color: #f65177;
}
.language_link li .box .link li .bg-color_green {
  background-color: #50c14e;
}
.language_link li .box .link li .bg-color_blue {
  background-color: #5093e1;
}
.language_link li .box .link li .bg-color_purple {
  background-color: #492a8b;
}
@media screen and (min-width: 1101px) {
  .language_link li {
    width: 32%;
    margin: 0 2% 2% 0;
  }
  .language_link li:nth-child(3n) {
    margin: 0 0 2%;
  }
}
@media screen and (min-width: 781px) and (max-width: 1100px) {
  .language_link li {
    width: 32%;
    margin: 0 2% 2% 0;
  }
  .language_link li:nth-child(3n) {
    margin: 0 0 2%;
  }
}
@media screen and (min-width: 501px) and (max-width: 780px) {
  .language_link li {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  .language_link li:nth-child(2n) {
    margin: 0 0 2%;
  }
}
@media screen and (max-width: 500px) {
  .language_link li {
    width: 100%;
    margin: 0 0 4%;
  }
}
/* Reviews Scrolling Top Fixed */
.fixed {
  position: fixed;
  top: 66px;
  width: 100%;
  min-width: 320px;
  max-width: 1100px;
  box-shadow: 1px 0 7px rgba(0, 0, 0, 0.25);
  z-index: 99;
}
@media screen and (max-width: 1100px) {
  .fixed {
    left: 0;
  }
}

/* Event Page (201118-BH.Park) */
.eventWrap{position:relative;width:100%;background-color:#fafaf0;}
.eventWrap:after{content:"";height:0;line-height:0;clear:both;display:block;*zoom:1;}

.cont_wrap{width:100%;max-width:1100px;height:100%;margin:0 auto;background-image:url(../images/popup/event_bg2.png);background-position:92% 340px;background-repeat:no-repeat;}
.cont_wrap .ttl{font-weight:500;line-height:1.3; letter-spacing:-0.34px;}
.cont_wrap .cont{line-height:1.5;letter-spacing:-0.34px;}
.cont_wrap .question {clear:both;width:100%;color:#333;margin:20px 0 0;background-color:#edf8fd;padding:30px;text-align:center;}
.cont_wrap .question ul.list {width:100%;margin:0 auto 20px;overflow:hidden;}
.cont_wrap .question ul.list li {position:relative;clear:both;display:block;font-size:16px;line-height:24px;margin:0 20px 10px;padding-left:15px;font-weight:300;text-align:left;overflow:hidden;}
.cont_wrap .question ul.list li::before { content:''; position:absolute;left:0;top:10px;display:inline-block;background-color:#d11f4d;width:6px; height:6px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.cont_wrap .question ul.list li dl dt {float:left;display:block;width:60%;}
.cont_wrap .question ul.list li dl dd {float:right;display:block;width:40%;}
.cont_wrap .question ul.down li {clear:both;display:block;width:100%;margin:0 auto;text-align:center;border-top:1px solid #ccc;padding-top:30px;overflow:hidden;}
.cont_wrap .question ul.down li .btn_l,
.cont_wrap .question ul.down li .btn_r {display:inline-block;max-width:200px;line-height:18px;font-size:13px;margin:0 5px;padding:10px;border-radius:16px;background-color:#1660a3;color:#fff;cursor:pointer;text-align:center;}
.cont_wrap .question ul.down li .btn_l a,
.cont_wrap .question ul.down li .btn_r a {display:block;height:160px;line-height:18px;font-size:13px;margin:0 auto;padding:10px;border-radius:16px;color:#fff;}
.cont_wrap .question ul.down li .btn_l:hover,
.cont_wrap .question ul.down li .btn_r:hover{background-color:#d11f4d;}
.cont_wrap .question ul.down li img {clear:both;display:block;width:100%;max-width:150px;margin:0 auto 10px;overflow:hidden;}

.cont_wrap2{width:100%;max-width:1100px;background-color:#edf8fd;margin:0 auto;}
.cont_wrap2 .cont{color:#fff;line-height:1.5; letter-spacing:-0.34px;}

.eventlink{position:relative;width:100%;max-width:980px;margin:0 auto;background-color:#9ec8b6;}
.eventlink:after{content:"";height:0;line-height:0;clear:both;display:block;*zoom:1;}
.eventlink li{width:50%;min-width:200px;text-align:center;}
.eventlink li.ttl{position:absolute;top:-30px;left:50%;background-color:#9ec8b6;}
.eventlink li.ttl, .eventlink li span{letter-spacing:-0.34px; color:#1f4840;}
.eventlink li span{display:inline-block; width:100%; font-size:15px; line-height:1.3; font-weight:500;}
.eventlink li img{display:block;width:100%;max-width:150px;margin:0 auto;}
.eventlink li a{display:block;width:100%;max-width:260px;line-height:18px;font-size:13px;margin:0 auto;padding:10px;border-radius:16px;background-color:#1f4840; color:#ffffff;}
.eventlink li a:hover{text-decoration:underline;}

.eventContact{width:100%; line-height:1.5; text-align:center;}
.eventContact strong{display:inline-block; background-color:#1f4840; color:#ffffff; padding:5px 15px; margin:10px 0;}

@media all and (min-width:1100px){
  .eventWrap{margin:66px auto 0;}
  .cont_wrap{padding:50px 60px 0;background-size:350px auto;}
  .cont_wrap .ttl{font-size:32px;padding-right:380px; margin-bottom:30px;}
  .cont_wrap .cont{padding-right:380px;}
  .cont_wrap .question ul.list {width:80%;}
  .cont{font-size:18px;}
  .cont_wrap2{padding:30px 60px 120px;}
  .eventlink{padding:30px 60px;}
  .eventlink li{float:left;}
  .eventlink li.ttl{width:500px;margin-left:-250px;line-height:50px;font-size:18px;border-radius:25px;}
  .eventlink li span{height:40px;}
  .eventContact{padding:40px 60px; font-size:18px;}
}

@media all and (min-width:780px) and (max-width:1099px){
  .eventWrap{margin:66px auto 0;}
  .cont_wrap{padding:50px 60px 30px; background-size:250px auto;}
  .cont_wrap .ttl{font-size:32px; margin-bottom:30px;}
  .cont_wrap .cont{padding-right:250px;}
  .cont{font-size:18px;}
  .cont_wrap2{padding:30px 60px 120px;}
  .eventlink{padding:60px;}
  .eventlink li{float:left;}
  .eventlink li.ttl{width:500px; margin-left:-250px; line-height:50px; font-size:18px; border-radius:25px;}
  .eventContact{padding:40px 60px; font-size:18px;}
}

@media all and (max-width:779px){
  .eventWrap{margin:66px auto 0;}
  .cont_wrap{padding:30px 20px; background-image:none;}
  .cont_wrap .ttl{font-size:25px; margin-bottom:15px;}
  .cont_wrap .question {padding:25px;}
  .cont_wrap .question ul.list li {margin:0;}
  .cont_wrap .question ul.list li dl dt {float:none;width:100%;}
  .cont_wrap .question ul.list li dl dd {float:none;width:100%;font-size:14px;color:#666;font-weight:100;}

  .cont{font-size:16px;}
  .cont_wrap2{padding:30px 20px 120px;}
  .eventlink{padding:30px 20px;}
  .eventlink li{margin:0 auto;}
  .eventlink li:last-child{margin-top:20px;}
  .eventlink li.ttl{width:80%; margin-left:-40%; height:50px; font-size:16px; line-height:1.3; padding:10px 15px; border-radius:25px;}
  .eventContact{padding:30px 20px; font-size:16px;}
}

@media all and (max-width:520px){
  .cont_wrap .question ul.down li {padding-top:20px;}
  .cont_wrap .question ul.down li .btn_l {display:block;max-width:100%;margin:0 0 15px;}
  .cont_wrap .question ul.down li .btn_r {display:block;max-width:100%;margin:0;}
}

/* 2021.06.11 */
/* 자세히보기 / 간략히보기 */
.proposal_cont {clear:both;width:100%;margin:15px 0;}
.proposal_cont.first {margin:20px 0 15px;}
.proposal_cont .content{width:100%;font-size:15px;color:#666;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;height:4.8em;line-height:1.6em;-webkit-box-orient:vertical;}
.proposal_cont button { display:inline-block; border:1px solid #ddd; padding:8px 15px; font-size:13px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.proposal_cont .btn2 {background-color:#fff;}
.proposal_cont .btn2:after {content:'+';margin-left:10px;}
.proposal_cont .btn1 {display:none;background-color:#fff;}
.proposal_cont .btn1:after {content:'-';margin-left:10px;}
.board_answer_view .bd_view_info .reply.cancel{color: #e75254;padding: 0 4px 0 12px;background : url(/web/images/common/bul_answer.gif) no-repeat 0 50%;font-size: 11px;} 
.listContent, .commentContent{line-height:1.2em;   /*줄 높이를 1.2em= 1.2 * 40 = 48px;  */}
.listContent.collapsed{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;height:8em !important;}
.board_answer_view .button{margin-top: 5px;border:1px solid #ddd; padding:8px 15px; font-size:13px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.more-button, .less-button{display:none;color: black;cursor: pointer;background-color:#fff;}
.board_answer_view .more-button:after{content:'+';margin-left:10px;}
.board_answer_view .less-button:after{content:'-';margin-left:10px;}	
.board_answer_view .more-button:hover, .less-button:hover{text-decoration: underline;}
.board_answer_view .comm_num{cursor:pointer;} 

/* board search */
.board_search {margin-top:30px; padding:14px 0; text-align:center}
.board_search .jsSelect {text-align:left; margin-right:2px}
.board_search .inp_txt {text-align:left; margin-right:6px}
.lecture_search .board_search, .board_search.tlayout {margin-top:0}
.board_search2 {padding:14px}
.board_search2 .jsSelect {margin-right:2px}
.board_search2 .inp_txt {margin-right:6px}
.board_search3 {padding:14px}
.board_search3 .search {position:relative}
.board_search3 .search .inp_txt {margin:0 40px 0 136px}
.board_search3 .search .jsSelect {position:absolute; top:0; left:0}
.board_search3 .search .btn_sear {position:absolute; top:0; right:0}
.board_search3 .titline {margin-top:10px; padding:0 0 0 7px; background:url('../images/common/bul_dot.gif') no-repeat 0 6px; color:#0f2d50}

/* form */
.inp_txt input {width:100%;height:20px;padding:0 5px;font-size:12px;border:0;color:#666;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.inp_txt textarea,
.inp_txta textarea {width:100%;padding:5px;border:0;overflow:auto;color:#666;line-height:18px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}

/* datepicker */
.period_set {margin-bottom:8px}
.date_area input.datepicker {width:65px; height:19px; padding:0 3px; border:1px solid #bebebe; color:#666; font-size:11px; font-family:Tahoma; line-height:19px}	
.date_area img {position:relative; vertical-align:middle}
.date_area img.btn_calendar {cursor:pointer}
#ui-datepicker-div {z-index:999 !important}
#ui-datepicker-div .ui-widget-header {border:1px solid #d40000; background:#e75254}
#ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-active,  #ui-datepicker-div .ui-widget-header .ui-state-focus {border:1px solid #e75254; background:none; cursor:pointer}
#ui-datepicker-div .ui-widget-header .ui-icon {background-image:url('../images/common/ui-icons_ffffff_256x240.png')}
#ui-datepicker-div .ui-state-hover .ui-icon {background-image:url('../images/common/ui-icons_ffffff_256x240.png')}
#ui-datepicker-div .ui-state-default {color:#515965}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-datepicker-today .ui-state-highlight {border:1px solid #4da4db; background:#99cae9}
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-state-focus {border:1px solid #4da4db; background:#99cae9}
#ui-datepicker-div .ui-state-active {border:1px solid #4da4db; background:#fff}

/* popup Global */
.popup {padding-top:45px}
.popup .pop_head {position:fixed; top:0; left:0; right:0; z-index:100; height:45px; background:#28282d}
.popup .pop_head h1 {padding:10px 0 0 20px; color:#fff; font-size:22px; font-weight:bold}
.popup .pop_close {position:absolute; top:0; right:0; width:44px; height:45px; border-left:1px solid #121316; background:url('../images/common/spr_btn.png') no-repeat -1px -1px}
.popup .pop_con h2 {margin-bottom:11px; padding-left:11px; background:url('../images/common/icon_pop_tit.gif') no-repeat 0 7px; color:#232835; font-size:16px}
.popup .pop_con h2.space {margin-top:30px}
.popup .pop_foot {position:fixed; bottom:0; left:0; right:0; z-index:100; padding:11px 0 15px; border-top:1px solid #eff0f1; background:#f6f6f6; text-align:center}
.popup .pop_foot button {margin:0 1px}
.pop_bott {position:fixed; bottom:0; left:0; right:0; z-index:100}

.ui-dialog .pop_foot,
.ui-dialog .pop_bott {position:static !important} /* modal foot_position */
.have_foot {padding-bottom:54px}
.pop_default .pop_con {padding:20px}

/* popup Contents */
.ui-dialog { padding:0 !important; border:none !important; border-radius:0 !important; background:#fff !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; }
.ui-dialog .ui-dialog-titlebar {height:45px; margin:0 !important; padding:0 !important; border:none !important; border-radius:0 !important; background:#28282d !important}
.ui-dialog .ui-dialog-title {padding: 10px 0 0 20px !important; font-size:22px !important}
.ui-dialog .ui-dialog-titlebar-close {position:absolute; top:0 !important; right:0 !important; width:44px !important; height:45px !important; margin:0 !important; padding:0 !important; border:none !important; border-radius:0 !important; border-left:1px solid #121316 !important; background:url('../images/common/spr_btn.png') no-repeat -1px -1px !important}
.ui-dialog .ui-dialog-content {margin:0 !important; padding:0 !important}

.edu_message {display:table; width:100%; height:100%; background:#000; opacity:0.85; filter:alpha(opacity=85)}
.edu_message div.msg {display:table-cell; color:#fff; font-weight:bold; font-size:20px; line-height:32px; vertical-align:middle; text-align:center; text-shadow:2px 1px 0px rgba(0,0,0,0.3);padding-top:100px}
.edu_message div.msg span {display:inline-block}
.msg_audio span {padding-top:64px; background:url('../images/common/icon_edu_sound.png') no-repeat 50% 0}
.msg_service span {padding-top:64px; background:url('../images/common/icon_edu_chk.png') no-repeat 50% 0}
.msg_refresh span {padding-top:64px; background:url('../images/common/icon_edu_refresh.png') no-repeat 50% 0}
.msg_down span {padding-top:64px; background:url('../images/common/icon_edu_down.png') no-repeat 50% 0}
.msg_down p {margin-top:15px}

/* Main Guide Quick Menu */
.quick_guide {position:absolute;top:75px;right:-230px;width:200px;height:210px;z-index:990;background:url('../images/common/quickMaunal.png') no-repeat 0 0;}
.quick_guide .btn_close {position:absolute;bottom:0;right:0;z-index:999;}

/* Commnunity 2021.06.14 */
.community_title {clear:both;width:100%;text-align:center;border:1px solid #ddd;padding:20px;margin-bottom:20px;}
.community_title .ico-login {display:block;background:url('../images/oer/ico-login-pw.png') center top no-repeat;text-align:center;padding:70px 0 0;color:#666;line-height:18px;}
.community_title .ico-login:hover {text-decoration:underline;color:#000;}
.community_title ul {display:inline-block;}
.community_title ul li {display:inline-block;margin:0 5px;vertical-align:middle;}
.community_title ul li img {vertical-align:middle;}
.community_title ul li .profile {width:50px;height:50px;border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden;}
.community_title ul li .name {font-size:24px;font-weight:500;}
.community_title ul li .community-tit-input {width:100%;height:40px;border:1px solid #ddd; padding:10px 15px; font-size:16px; font-weight:500; color:#666; background-color:#f0f2f5; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; }
.community_title .editer_wrap {position:relative;width:100%;height:auto;margin-top:10px;padding-top:10px;border-top:1px dotted #ccc}
.community_title .editer_wrap img {width:100%;}
.community_title .editer_wrap #commInForm {text-align:left;}
.community_title .editer_wrap .select {margin-bottom:10px !important;}
.community_title .editer_wrap .editer_cont {position:relative;width:100%;height:auto;}
.community_title .editer_wrap .editer_cont .editer_close {position:absolute;right:0;top:-30px;}
.community_title .editer_wrap .editer_cont textarea {width:100%;}
.editer_select {display:inline-block;*display:inline;*zoom:1;_display:inline;border:1px solid #c7c7c7;height:41px;padding:10px 30px 10px 10px;color:#202020;font-size:13px;background-color:#f0f2f5;position:relative; cursor:pointer; white-space:nowrap;vertical-align:middle}
.editer_select .bg_left {height:39px;border:1px solid #bbb;background:#fff;position:absolute; top:0; left:0; right:0 }
.editer_select .bg_right {width:17px;height:39px;background:url('../images/common/spr_icon.png') no-repeat 0 0;position:absolute;top:0;right:0}
.editer_select .value {position:relative; z-index:1; margin:0 18px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
.editer_select a:hover, div.jsSelect a:active {text-decoration:none}
@media screen and (max-width:720px) {
  .community_title ul {display:block;width:100%;}
  .community_title ul li:last-child {clear:both;display:block;margin-top:10px;}
  .community_title ul li:last-child .community-tit-input {width:100%;}
}
@media screen and (max-width:480px) {
  .community_title {padding:10px;}
  .community_title ul li img {width:50px;height:auto;}
  .community_title ul li .name {font-size:20px;}
  .community_title ul li .community-tit-input {font-size:14px;}
  .community_title .editer_wrap .select {margin-bottom:10px !important;}
}

.community_reply {position:relative;clear:both;width:100%;}
.community_reply.list {background-color:#f4f4f4;padding:20px;}
.community_reply .btn_right {float:right;}
.community_reply .btn_right a {font-size:13px;}
.community_reply .btn_right a img {vertical-align:middle;}
.community_reply .btn_right .btn_edit {margin-right:2px;}
.community_reply dl {display:block;width:100%;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #dedede;padding:20px;}
.community_reply dl.best {display:block;width:100%;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #dedede;background-color:#ECF3FC;padding:20px;}
.community_reply dl.last {margin:10px 0 0;padding:0;border-bottom:none;}
.community_reply dl dt {position:relative;font-size:16px;color:#454545;padding:8px 0}
.community_reply dl dt img {vertical-align:middle;}
.community_reply dl dt .profile {width:29px;height:29px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;}
.community_reply dl dt span {font-size:13px;font-weight:normal;padding-left:5px;color:#767676}
.community_reply dl dt .comment_infor {display:inline-block;margin-top:7px;font-size:13px;font-weight:normal;}
.community_reply dl dt .date {display:inline-block}
.community_reply dl dd {display:block;font-size:13px;line-height:20px;color:#666;padding:10px 0;word-break:break-all;}
.community_reply dl dd:after {content:'';clear:both;display:block;}
.community_reply dl dd.category {padding:5px 0;}
.community_reply dl dd.category .categoryContent{background:url('../images/common/ico-category.png') 0 3px no-repeat;padding-left:20px;}
.community_reply dl dd .editbox {width:100%;}
@media screen and (max-width:460px) {
  .community_reply .btn_right {float:none;clear:both;padding-top:5px;}
  .community_reply dl dt {padding:0}
  .community_reply dl dt .comment_infor {clear:both;display:block}
  .community_reply dl dt .date {display:block;width:100%}
  .community_reply dl dt span {padding:0;margin-top:6px}
}

/* Community - search */
.community_search {position:relative;margin:0 0 20px;text-align:center;}
.community_search .in_search {display:inline-block;width:100%;}
.community_search .in_search .com_select {display:inline-block;*display:inline;*zoom:1;_display:inline;border:1px solid #c7c7c7;height:41px;padding:10px 30px 10px 10px;color:#202020;font-size:11px;background:#f1f1f1;position:relative; cursor:pointer; white-space:nowrap;vertical-align:middle}
.community_search .in_search .com_select .bg_left {height:39px;border:1px solid #bbb;background:#fff;position:absolute; top:0; left:0; right:0 }
.community_search .in_search .com_select .bg_right {width:17px;height:39px;background:url('../images/common/spr_icon.png') no-repeat 0 0;position:absolute;top:0;right:0}
.community_search .in_search .com_select .value {position:relative; z-index:1; margin:0 18px 0 5px; overflow:hidden; font-size:12px; line-height:21px}
.community_search .in_search .com_select a:hover, div.jsSelect a:active {text-decoration:none}
.community_search .in_search .com_select .itemList {display:none; width:auto; min-width:100%; padding:0; position:absolute; top:40px; left:0; background:#fff}
.community_search .in_search .com_select .itemList ul {max-height:150px;overflow:auto;overflow-x:hidden;position:relative; z-index:1; border:1px solid #bebebe; padding-top:3px}
.community_search .in_search .com_select .itemList ul li {padding:1px; margin-bottom:4px}
.community_search .in_search .com_select .itemList ul li a {display:block; padding:1px 17px 1px 4px; line-height:1.5}
.community_search .in_search .com_select .itemList ul li a:hover {background-color:#f3f3f3}
.community_search .community_txt {text-align:left;margin:0}
.community_search .community_txt input {display:inline-block;width:30%;height:11px;padding:19px 10px 20px;background:#f1f1f1;text-align:left;border:1px solid #c7c7c7;color:#454545;font-size:12px;vertical-align:middle}
.community_search .btn_community_search {width:58px;height:41px;background:url('../images/common/btn_help_search.gif') no-repeat 50% center}
/* community - sort (최신순,인기순) */
.community_search .tab_sort {position:absolute;right:0;top:6px;}
.community_search .tab_sort ul li {display:inline-block;}
.community_search .tab_sort ul li a {display:inline-block;width:60px;padding:8px 12px;font-size:13px;color:#666;border:1px solid #ddd;margin:0;text-align:center;background-color:#fff;}
.community_search .tab_sort ul li a.active {background-color:#c71943;color:#fff;}
.community_search .tab_sort ul li a:hover {background-color:#333;color:#fff;}
@media screen and (max-width:760px) {
  .community_search .community_txt input {width:40%;}
  .community_search .tab_sort {position:relative;right:auto;top:auto;margin-top:10px;}
}

/* Comments : 코멘트 */
.community_com {clear:both;width:100%;margin:15px 0;padding:0 10px;}
.community_com:after {content:'';clear:both;display:block;}
.f_left {float:left;font-size:13px;font-weight:300;}
.f_left .comm_num {display:inline-block;margin:0 0 0 10px;padding:0;font-size:13px;line-height:18px;vertical-align:middle;cursor:pointer;;}
.f_right {float:right;}
@media screen and (max-width:460px) {
  .f_left .comm_num {font-size:12px;}
  .f_right {float:none;clear:both;padding-top:5px;}
}
a.comment_txt {display:inline-block;margin-left:10px;color:#0666CC;}
a.comment_txt:hover {text-decoration:underline;}
a.btn_write_comment {display:inline-block;border:1px solid #ddd; padding:5px 10px; font-size:12px; background-color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }
a.btn_write_comment.active,
a.btn_write_comment:hover {background-color:#333;color:#fff;}

/* Like - 좋아요 Button */
.love-icon {--heart-color:#bdc3c7;--heart-active-color:var(--danger-color);--bg-color:white;position:relative;display:inline-block;width:16px;height:16px;margin:3px 10px 0 6px;}
.love-icon input {position:absolute;opacity:0;}
.love-icon input:checked ~ * {--heart-color:#ed5464;--heart-active-color:var(--danger-color);--bg-color: white;}
.love-icon input:checked ~ .heart {animation: scale-out-elastic 1.2s ease-out reverse forwards;}
.love-icon input:checked ~ .lines .line::before {animation: slide-left-right 0.4s ease-in forwards;}
.love-icon input:checked ~ .ring {background: var(--heart-color);animation: scale-out-bigger 0.75s cubic-bezier(0, 1, 0.5, 1) forwards;-webkit-animation: scale-out-bigger 0.75s cubic-bezier(0, 1, 0.5, 1) forwards;}
.love-icon input:checked ~ .ring::before {animation: scale-out 0.75s cubic-bezier(0, 1, 0.5, 1) forwards;}
.love-icon .heart {position:absolute;width:100%;height:100%;background:var(--heart-color);cursor:pointer;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.love-icon .heart::before, .love-icon .heart::after {position: absolute;content: "";width: 100%;height: 100%;background: inherit;border-radius: 50%;}
.love-icon .heart::before {top: -50%;}
.love-icon .heart::after {right: -50%;}
.love-icon .lines {position: absolute;top: 4px;z-index: 1;width: 16px;height: 16px;pointer-events: none;}
.love-icon .lines .line {position: absolute;top: 0;left: 0;width: 16px;height: 1px;opacity: 0.6;}
.love-icon .lines .line:nth-child(1) {transform: rotate(90deg) translate(36px);}
.love-icon .lines .line:nth-child(2) {transform: rotate(150deg) translate(36px);}
.love-icon .lines .line:nth-child(3) {transform: rotate(210deg) translate(36px);}
.love-icon .lines .line:nth-child(4) {transform: rotate(270deg) translate(36px);}
.love-icon .lines .line:nth-child(5) {transform: rotate(330deg) translate(36px);}
.love-icon .lines .line:nth-child(6) {transform: rotate(390deg) translate(36px)}
.love-icon .lines .line::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: var(--heart-color);transform: scaleX(0);transform-origin: left;}
.love-icon .ring { position: relative; z-index: -1; top: -60%; left: -43%; width: 30px; height: 30px; background: transparent; border-radius: 50%; opacity: 0.3; pointer-events: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.love-icon .ring::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-color);border-radius: inherit;transform: scale(0);pointer-events: none;}
@keyframes scale-out-elastic {
  0% {transform: rotate(-45deg) scale(1);}
  4% {transform: rotate(-45deg) scale(1);}
  8% {transform: rotate(-45deg) scale(1);}
  14% {transform: rotate(-45deg) scale(1)}
  18% {transform: rotate(-45deg) scale(1);}
  26% {transform: rotate(-45deg) scale(1.01);}
  28% {transform: rotate(-45deg) scale(1.01);}
  40% {transform: rotate(-45deg) scale(0.98);}
  42% {transform: rotate(-45deg) scale(0.98);}
  56% {transform: rotate(-45deg) scale(1.05);}
  58% {transform: rotate(-45deg) scale(1.04);}
  72% {transform: rotate(-45deg) scale(0.87);}
  86% {transform: rotate(-45deg) scale(1.37);}
  100% {transform: rotate(-45deg) scale(0)}
}
@keyframes slide-left-right {
  50% {transform: scaleX(1);transform-origin: left;}
  50.1% {transform-origin: right;}
  100% {transform-origin: right;}
}
@keyframes scale-out {
  to {transform: scale(1.02);}
}
@keyframes scale-out-bigger {
  to { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
}

/* loading more */
.sk-circle {margin:100px auto;width: 40px;height: 40px;position: relative;}
.sk-circle.more {margin:40px auto 20px !important;}
.sk-circle .sk-child {width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-circle .sk-child:before {content: '';display: block;margin: 0 auto;width: 15%;height: 15%;background-color: #333;border-radius: 100%;-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Like button : 좋아요 버튼 */
.like__btn { border:none; background-color:#e74c3c; color:white; cursor:pointer; padding:0.3rem 0.8rem;border-radius: 0.4rem;transition: all ease 0.3s; display:inline-block; vertical-align:middle; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.like__btn:hover {background-color: rgba(231, 76, 60, 0.8);}
.like__btn:disabled {background-color: #d4cfcf;cursor: pointer;}
.like__icon {font-size:1.2rem;vertical-align:middle;}
.like__number {font-size: 0.8rem;}

/* Like2 Button : 좋아요 버튼 */
.toggle-icon {width: 20pt;height: 20pt;font-size: 20pt;position: relative;color: gray;cursor: pointer;border: none;background-color: transparent; margin-right:4px;}
.toggle-icon:focus {outline: none;}
.toggle-icon:before, .toggle-icon:after {position:absolute;top:0;left:0;transition: all 0.3s ease-out;content: "";font-family: fontawesome;}
.toggle-icon:hover:before {transform: scale(1.2);}
.toggle-icon:active:before {transition: none;transform: scale(1);}
.toggle-icon:after {opacity: 0;}
.toggle-icon.-checked {color: #e74c3c;}
.toggle-icon.-checked:before {content: "";}
.toggle-icon.-checked:after {content: "";animation: likeFly 0.6s ease-in;-webkit-animation: likeFly 0.6s ease-in;}
@keyframes heartbeat {
  from {
    opacity: 1;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes likeFly {
  from {
    opacity: 1;
  }
  to {
    transform: scale(3) rotate(45deg) translateY(-90px);
    opacity: 0;
  }
}

/* board sns share add 2023.3.15 */
.board_view .bd_view_head .bd_view_tit {padding:25px 10px; border:1px solid #dce1e6;  border-radius:8px 8px 0 0; }
.board_view .bd_view_head .bd_view_tit em {padding-right:200px; font-weight:bold; font-style:normal; }
.board_view .bd_view_head .bd_view_tit .sns_share {position:absolute; top:23px; right:20px; }
.board_view .bd_view_head .bd_view_tit .sns_share a {margin-left:2px}

@media screen and (max-width:800px) {
  .board_view .bd_view_head .bd_view_tit {padding:10px; }
  .board_view .bd_view_head .bd_view_tit em {padding-right:0; }
  .board_view .bd_view_head .bd_view_tit .sns_share {position:relative; top:0; right:0; width:100%; display:block; text-align:left; margin-top:10px; padding-left:10px; }
}