@charset "UTF-8";
html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Nanum Gothic', 'NanumBarunGothic' , "Malgun Gothic", "맑은 고딕", dotum;
  background-color: #fff;
  color: #000;
  font-size: 11px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin: 0px;
  line-height: 1.5em;
  height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {
  margin: 0;
  padding: 0;
}

a {
  color: #888;
  text-decoration: none;
  outline: none;
}
a:hover, a:active, a:focus {
  color: #444;
  text-decoration: none;
  outline: none;
}
a.rollover img {
  border-width: 0px;
  display: inline;
}
a.rollover img.over {
  display: none;
}
a.rollover:hover {
  border: 0px;
}
a.rollover:hover img {
  display: none;
}
a.rollover:hover img.over {
  display: inline;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {
  padding: 0;
  margin: 0;
}

input, select, button {
  vertical-align: middle;
}

form {
  margin: 0;
}

ul, ol, li, p {
  /* font-size: 11px; */
}

li {
  float: left;
  list-style-type: none;
  list-style-image: none;
}

img {
  border: 0px;
  margin: 0px;
}

.non-text {
  text-indent: -65530px;
  display: inline-block;
  overflow: hidden;
  text-align: left;
}

.center-wrap {
  margin: 0 auto;
  position: relative;
}

.text-center {
  text-align: center;
}

.clear-after:after {
  content: " ";
  display: table;
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.shadow {
  box-shadow: 6px 6px 20px -3px #333;
  -moz-box-shadow: 6px 6px 20px -3px #333;
  -webkit-box-shadow: 6px 6px 20px -3px #333;
}

.screen-out {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}

.hidden {
  display: none;
}

.article {
  position: relative;
  box-sizing: border-box;
}

.article-fullimg {
  position: relative;
  box-sizing: border-box;
}

.display-table {
  display: table;
}
.display-table > div,
.display-table > ul {
  display: table-row;
}
.display-table > div > div,
.display-table > div > li,
.display-table > ul > div,
.display-table > ul > li {
  display: table-cell;
  vertical-align: top;
}

.sidaeplus {
  width: 100%;
  min-width:1130px;
}
.sidaeplus .plus-layer {
  width: 1100px;
}
.sidaeplus .span-btn {
  display: block;
}
.sidaeplus .top5 {
  top: 5px;
  position: relative;
}
.sidaeplus .all-choice-btn {
  width: 71px;
  height: 25px;
  background: url(/_skin/sidaeplus/images/btn/all_choice.png) no-repeat;
  border: none;
  text-indent: -9999px;
  margin-right:3px;
}
.sidaeplus .all-clear-btn {
  width: 71px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/all_clear.png") no-repeat;
  border: none;
  text-indent: -9999px;
  margin-right:3px;
}

.sidaeplus .bookmark-btn {
  width: 43px;
  height: 40px;
  background: url("/_skin/sidaeplus/images/btn/bookmark_no.png") no-repeat;
  border: none;
  text-indent: -9999px;
  position:absolute;
  top:15px;
  right:17px;
}
.sidaeplus .bookmark-btn.my-pg {
  background: url("/_skin/sidaeplus/images/btn/bookmark.png") no-repeat;
}

.sidaeplus .bookmark-btn:hover .alert {
  display:block;
}
.sidaeplus .bookmark-btn .alert {
  display:none;
  width: 171px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/bookmark_alert.png") no-repeat;
  text-indent: -9999px;
  position:absolute;
  top:8px;
  left:-180px;
}
.sidaeplus .choice-delete-btn {
  width: 85px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/choice_del.png") no-repeat;
  border: none;
  text-indent: -9999px;
}
.sidaeplus .class-close-btn {
   width: 89px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/btn_lec_list_close.png") no-repeat;
  border: none;
  text-indent: -9999px;
  vertical-align:top;
}
.sidaeplus .class-open-btn {
  width: 89px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/btn_lec_list.png") no-repeat;
  border: none;
  text-indent: -9999px;
  vertical-align:top;
}
.sidaeplus .content-list-btn {
  width: 42px;
  height: 20px;
  background: url("/_skin/sidaeplus/images/btn/content_list.png") no-repeat;
  border: none;
  text-indent: -9999px;
}
.sidaeplus .plan-off-btn {
  width: 43px;
  height: 20px;
  background: url("/_skin/sidaeplus/images/btn/plan_off.png") no-repeat;
  border: none;
  text-indent: -9999px;
}
.sidaeplus .plan-on-btn {
  width: 43px;
  height: 20px;
  background: url("/_skin/sidaeplus/images/btn/plan_on.png") no-repeat;
  border: none;
  text-indent: -9999px;
}
.sidaeplus .play-btn {
  width: 43px;
  height: 20px;
  background: url("/_skin/sidaeplus/images/btn/play.png") no-repeat;
  border: none;
  text-indent: -9999px;
}
.sidaeplus .re-apply-btn {
  width: 85px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/re_apply.png") no-repeat;
  border: none;
  text-indent: -9999px;
  vertical-align:top;
}
.sidaeplus .recommend-btn {
   background:url('/_skin/sidaeplus/images/btn/bullet_rfs1.png') no-repeat;
  width:38px;
  height:15px;
  text-indent:-9999px;
  margin:0 5px;
}
.sidaeplus .sample-btn {
  width: 71px;
  height: 25px;
  background: url("/_skin/sidaeplus/images/btn/btn_sample.png") no-repeat;
  border: none;
  text-indent: -9999px;
  vertical-align:top;
}
.sidaeplus .left-menu {
  position: relative;
  padding:34px 0;
  width: 178px;
  background: url("/_skin/sidaeplus/images/common/left_bg.png");
}

.sidaeplus .left-menu li {
  float:none;
}

.sidaeplus .left-menu h4 {
  color:#FF7348;
  font-weight:bold;
  font-size:15px;
    background: url("/_skin/sidaeplus/images/common/left_h4_bg.png") 0 7px no-repeat;
  padding-left:14px;
  margin-bottom:10px;
}

.sub-menu-list > li {
  margin-bottom:24px;
}

.sub-menu-list > li > ul  {
  width:140px;
  margin:0 auto;
}

.sub-menu-list > li > ul > li {
  display:block;
  width:100%;
  position:relative;
}

.sub-menu-list > li > ul > li  >a {
  display:block;
  color:#9FA3AE;
  font-family:'dotum';
  letter-spacing:-1px;
  font-size:13px;
  width:135px;
  text-decoration:none;
  height:19px;
  line-height:19px;
}

.sub-menu-list > li > ul > li.selected >a,
.sub-menu-list > li > ul > li  >a:hover,.sub-menu-list > li > ul > li:hover >a {
  background-color:#ED573A;
  color:#FFF;
  padding-left:5px;
}

.sub-menu-list > li > ul > li:hover .sub-menu-dep2 {
  display:block;
}

.sub-menu-dep2  {
  display:none;
  position:absolute;
  background-color:#FFF;
  border:2px solid #424755;
  top:-32px;
  left:140px;
  z-index:9;
  font-family:'dotum';
  letter-spacing:-1px;
  width:190px;
  padding:5px;
}

.sub-menu-dep2  .arrow {
    background: url("/_skin/sidaeplus/images/common/left_arow.png") no-repeat;
  position:absolute;
  left:-15px;
  top:31px;
  display:block;
  width:15px;
  height:17px;
}

.sub-menu-dep2 .lec-tit {
  background-color:#F0F0F0;
  color:#000;
  height:30px;
  line-height:30px;
  font-weight:bold;
  padding:0 10px;
  font-size:13px;
}

.sub-menu-dep2 ul {
  padding:10px 10px 5px 10px;
  position:relative;
  z-index:999;
}

.sub-menu-dep2 ul li a {
  font-size:13px;
  line-height:18px;
  text-decoration:none;
  color:#555;
  display:block;
  letter-spacing:0;
}

.sub-menu-dep2 ul li a i.icon-new {
  font-size:12px;
  line-height:16px;
  display:inline-block;
  font-style: normal;
  padding: 0 6px;
  background-color: #ED573A;
  color:#fff;
  border-radius:3px;
  margin-left:6px;
}
.sub-menu-dep2 ul li a:hover i.icon-new {
  font-weight:normal;
  letter-spacing:0;
}

.sub-menu-dep2 ul li a:hover {
  background-color:none;
  color:#ED573A;
  padding:0px;
  font-weight:bold;
  letter-spacing:-1px;
}




.sidaeplus .header {
  position: relative;
  border-bottom: 1px solid #d6d6d6;
}
.sidaeplus .header .top-section {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  z-index: 100;
  background: #FFF;
}
.sidaeplus .header .top-section .haed-top-navi {
  width: 1100px;
  height: 30px;
}
.sidaeplus .header .top-section .haed-top-navi .top-company-list-navi > li:first-child:before,
.sidaeplus .header .top-section .haed-top-navi .top-member-list-navi > li:first-child:before {
  content: "";
}
.sidaeplus .header .top-section .haed-top-navi .top-company-list-navi > li:before,
.sidaeplus .header .top-section .haed-top-navi .top-member-list-navi > li:before {
  content: "|";
  padding: 0 7px;
}
.sidaeplus .header .top-section .haed-top-navi .top-company-list-navi > li > a,
.sidaeplus .header .top-section .haed-top-navi .top-member-list-navi > li > a {
  font-size: 12px;
  color: #535353;
  line-height: 27px;
}
.sidaeplus .header .head-gnb-section {
  width: 1100px;
  position: relative;

}
.sidaeplus .header .head-gnb-section > h1 {
  background: #ffffff;
  position: relative;
  height: 122px;
  width: 178px;
  display: block;
}
.sidaeplus .header .head-gnb-section > h1 > a {
  position: relative;
  top:28px;
  left:25px;
  width: 117px;
  height: 65px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/common/logo.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .header .head-gnb-section .gnb-list {
  position:absolute;
  top:55px;
  left:235px;
}

.sidaeplus .header .head-gnb-section .gnb-list a {
  display:block;
  font-size:16px;
  font-weight:bold;
  color:#000;
  margin-right:30px;
}
.sidaeplus .header .head-gnb-section .gnb-list a {
  text-decoration:none;
}
.sidaeplus .header .head-gnb-section .gnb-list a:hover {
  color:#ED573A;
}

.search-area {
  position:relative;
  top:40px;
  left:750px;
  background:url('/_skin/sidaeplus/images/common/search_bg.png');
  width:350px;
  height:46px;
}

.search-area input.input{
  position:absolute;
  top:9px;
  left:68px;
  background-color:#F5F5F5;
  border:none;
  height:24px;
  width:214px;
  font-size:15px;
}

.search-area input.submit{
  position:absolute;
  top:0px;
  left:292px;
  display:block;
  height:46px;
  width:58px;
  text-indent:-9999px;
  opacity: 0;
    filter: alpha(opacity=0);
}

.login-area {
  position:absolute;
  top:80px;
  right:0px;
  width:922px;
  background-color:#EFEFEF;
  height:42px;
  text-align:right;
}

.login-area .hello-world{
  width:902px;
  height:42px;
  position:relative;
  line-height:42px;
  font-size:12px;
  color:#333;
  margin-right:20px;
}

.login-area .hello-world .m-name{
  font-size:13px;
  font-weight:bold;
}

.login-area .mem-join {
  position:absolute;
  top:14px;
  left:340px;
}

.login-area .mem-join li {
  margin-right:12px;
}

.login-area .mem-join li a {
  color:#333;
  font-size:12px;
  font-family:'dotum';
  letter-spacing:-1px;
  text-decoration:none;
}

.login-area .mem-join li label {
  color:#333;
  display:inline-block;
  margin-top:-2px;
}

.login-area .mem-join li input[type='checkbox'] {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 5px;
    display: block;
    float: left;
    position: relative;
    cursor:pointer;
}
.login-area .mem-join li input[type='checkbox']:after {
    content:"";
    vertical-align: middle;
    text-align: center;
    line-height: 13px;
    position: absolute;
    cursor: pointer;
    height: 13px;
    width: 13px;
    left:0px;
    top:0px;
    font-size:10px;
    -webkit-box-shadow: inset 1px 1px 1px #000, 1px 1px 0px #000;
    -moz-box-shadow: inset 1px 1px 1px #000, 1px 1px 0px #000;
    box-shadow: inset 1px 1px 1px #000, 1px 1px 0px #000;
    background: #FFF;
}
.login-area .mem-join li input[type='checkbox']:checked:after {
    background: #FFF;
    content:'\2714';
    color: #000;
  font-weight:bold;
}

.idpw-area {
  position:absolute;
  top:8px;
  right:8px;
}

.idpw-area .adm-qm{
  display:none;
  position:absolute;
  right:66px;
  z-index:99;
}

.idpw-area input {
  height:24px;
  border:1px solid #969696;
  background-color:#FFF;
  padding:0 4px;
  width:100px;
}

.idpw-area button.btn-login {
  display:inline-block;
  vertical-align:middle;
  width:62px;
  height:26px;
  background:url('/_skin/sidaeplus/images/common/btn_login.png');
  text-indent:-9999px;
  text-align:left;
  border:none;
}

.sidaeplus .main .right-section {
  position: relative;
  padding-bottom: 29px;
}

.sidaeplus .main .right-section .info-ban {
  margin-top:20px;
}
.sidaeplus .main .right-section .board-gnb {
  float:left;
  width: 842px;
  height: 30px;
  margin: 20px 0 10px 50px;
}

.sidaeplus .main .right-section .board-gnb li a {
  display: block;
  width: 209px;
  height: 30px;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  border:1px solid #333;
  margin-right:-1px;
  text-decoration:none;
}
.sidaeplus .main .right-section .board-gnb li a.selected, .sidaeplus .main .right-section .board-gnb li a:hover {
  color: #fff;
  background-color:#363B48;
}
.sidaeplus .main .right-section .main-first-sectioin {
  width: 922px;
  position: relative;
}
.sidaeplus .main .right-section .main-first-sectioin .roll-bn {
  width: 902px;
  position: relative;
}
.sidaeplus .main .right-section .roll-tab-section {
  width: 902px;
  height: 36px;
  border-top: 1px solid #3A3F4D;
  background-color:#EDEDED;
  border-left: none;
  position:absolute;
  top:19px;
}
.sidaeplus .main .right-section .roll-tab-section li {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #333;
}

.sidaeplus .main .right-section .roll-tab-section li.selected {
  background: #3A3F4D;
  color:#FFF;
}
.sidaeplus .main .right-section .main-content {
  width: 921px;
  position: relative;
}
.sidaeplus .main .right-section .main-content .content-first {
  width: 902px;
  margin-top: 20px;
}
.sidaeplus .main .right-section .main-content .content-first .left-bn .center-bn-1 {
  position: relative;
  width: 267px;
  height: 295px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/center_bn1_20.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-first .left-bn .center-bn-2 {
  position: relative;
  width: 259px;
  height: 295px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/center_bn2_20.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-first .right-bn {
  width: 366px;
  position: relative;
}
.sidaeplus .main .right-section .main-content .content-first .right-bn .mb-boon-bn-1 {
  position: relative;
  width: 366px;
  height: 159px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/event_bn1.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-first .right-bn .mb-boon-bn-2 {
  position: relative;
  width: 366px;
  height: 136px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/event_bn2.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-first .right-bn .mobile-a {
  width: 116px;
  height: 93px;
  position: absolute;
  display: block;
  left: 0;
  top: 43px;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-first .right-bn .inquery-a {
  width: 111px;
  height: 93px;
  position: absolute;
  display: block;
  left: 116px;
  top: 43px;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-first .right-bn .remote-a {
  width: 103px;
  height: 93px;
  position: absolute;
  display: block;
  left: 227px;
  top: 43px;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-second {
  width: 902px;
  margin-top: 20px;
}
.sidaeplus .main .right-section .main-content .content-second .left-bn .middle-bn-1 {
  position: relative;
  width: 264px;
  height: 149px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/middle_bn1_.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-second .left-bn .middle-bn-2 {
  position: relative;
  width: 262px;
  height: 149px;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/middle_bn2_20.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-second .right-bn {
  width: 366px;
  height: 149px;
  position: relative;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/event_bn3_.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .main .right-section .main-content .content-third {
  width: 902px;
  margin-top: 20px;
}
.sidaeplus .main .right-section .main-content .content-third .board ul {
  list-style-type: disc;
  padding-left: 25px;
  padding-top: 10px;
}
.sidaeplus .main .right-section .main-content .content-third .board ul li {
  float: none;
  margin-top: 2px;
  display: list-item;
}
.sidaeplus .main .right-section .main-content .content-third .board ul li .subject {
  display: inline-block;
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 12px;
}
.sidaeplus .main .right-section .main-content .content-third .left-board .notice-board {
  width: 262px;
  height: 149px;
  border: 1px solid #c8c8c8;
}
.sidaeplus .main .right-section .main-content .content-third .left-board .notice-board .notice-title {
  width: 262px;
  height: 31px;
  top: 5px;
  position: relative;
  display: block;
  text-indent: -9999px;
  background-image: url("/_skin/sidaeplus/images/main/notice_title.png");
  background-repeat: no-repeat;
}
.sidaeplus .main .right-section .main-content .content-third .left-board .faq-board {
  width: 261px;
  height: 149px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-left: none;
}
.sidaeplus .main .right-section .main-content .content-third .left-board .faq-board .faq-title {
  width: 261px;
  height: 31px;
  top: 5px;
  position: relative;
  display: block;
  text-indent: -9999px;
  background-image: url("/_skin/sidaeplus/images/main/faq_title.png");
  background-repeat: no-repeat;
}
.sidaeplus .main .right-section .main-content .content-third .right-cs-center {
  width: 366px;
  height: 149px;
  position: relative;
  display: block;
  background-image: url("/_skin/sidaeplus/images/main/customer.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .form-login {
  width: 246px;
  box-sizing: border-box;
  font-size: 13px;
}
.sidaeplus .form-login .input-group {
  position: relative;
  margin: 5px 0;
}
.sidaeplus .form-login .input-group:after {
  content: " ";
  display: table;
  clear: both;
}
.sidaeplus .form-login .input-group ul {
  width: 245px;
  float: left;
  border: 1px solid #c4c4c4;
}
.sidaeplus .form-login .input-group li {
  position: relative;
  display: block;
  width: 100%;
  height: 61px;
}
.sidaeplus .form-login .input-group li:first-child {
  border-bottom: 1px solid #c4c4c4;
}
.sidaeplus .form-login .input-group input {
  box-sizing: border-box;
  width: 241px;
  height: 61px;
  background: #f5f5f5;
  padding: 13px 11px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  font-family: 'Nanum Gothic', "Malgun Gothic", "맑은 고딕", dotum;
}
.sidaeplus .form-login .input-util strong:before {
  content: "|";
  padding: 0 5px;
  font-weight: normal;
}
.sidaeplus .form-login .input-util strong,
.sidaeplus .form-login .input-util label {
  color: #333;
  font-size: 12px;
  font-family: 'Nanum Gothic', "Malgun Gothic", "맑은 고딕", dotum;
}
.sidaeplus .form-login button {
  width: 247px;
  height: 58px;
  top: 15px;
  position: relative;
  border: 1px solid #676f84;
  font-family: 'Nanum Gothic', "Malgun Gothic", "맑은 고딕", dotum;
  font-weight: bold;
  cursor: pointer;
  color: #FFF;
  font-size: 14px;
  background: #414141;
}
.sidaeplus .login-info {
  width: 300px;
  height: 159px;
  box-sizing: border-box;
  padding: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 1.5em;
}
.sidaeplus .login-info p {
  margin: 1em 0;
  font-size: inherit;
}
.sidaeplus .login-info .btn-group {
  margin-top: 20px;
}
.sidaeplus .login-info .btn-info {
  display: inline-block;
  background-color: #6c0012;
  padding: 3px 4px;
  border-radius: 3px;
  margin: 0 0.5em;
}
.sidaeplus .login-info a.btn-info {
  background-color: #e8a318;
}
.sidaeplus .login-info a.btn-info:link, .sidaeplus .login-info a.btn-info:visited {
  color: #fff;
}
.sidaeplus .user-guide {
  width: 91%;
  position: relative;
  margin:15px 30px 0 0 ;
}
.sidaeplus .user-guide .user-guide-head {
  position: relative;
  padding: 34px 0 10px 0;
  border-bottom: 1px solid #dedede;
}
.sidaeplus .user-guide .user-guide-head .user-guide-title {
  position: relative;
  background: url("/_skin/sidaeplus/images/service/guide.png") no-repeat;
  width: 842px;
  height: 103px;
  display: block;
  text-indent: -9999px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section {
  width: 842px;
  position: relative;
  top: 30px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab {
  margin-top: 15px;
  display: block;
  text-indent: -9999px;
  height: 198px;
  position: relative;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab1 {
  width: 176px;
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_out_01.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab1.selected, .sidaeplus .user-guide .user-guide-contents .tab-section .link-tab1:hover {
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_over_01.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab2 {
  width: 185px;
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_out_02.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab2.selected, .sidaeplus .user-guide .user-guide-contents .tab-section .link-tab2:hover {
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_over_02.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab3 {
  width: 186px;
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_out_03.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab3.selected, .sidaeplus .user-guide .user-guide-contents .tab-section .link-tab3:hover {
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_over_03.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab4 {
  width: 156px;
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_out_04.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-tab4.selected, .sidaeplus .user-guide .user-guide-contents .tab-section .link-tab4:hover {
  background: url("/_skin/sidae/images/brand/br_customer_512/guide_over_04.jpg") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-content1 {
  width: 703px;
  height: 385px;
  display: block;
  position: relative;
  text-indent: -9999px;
  background-image: url("/_skin/sidae/images/brand/br_customer_512/guide1.jpg");
  background-repeat: no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-content2 {
  width: 703px;
  height: 744px;
  display: block;
  position: relative;
  text-indent: -9999px;
  background-image: url("/_skin/sidae/images/brand/br_customer_512/guide2.jpg");
  background-repeat: no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-content3 {
  width: 703px;
  height: 518px;
  display: block;
  position: relative;
  text-indent: -9999px;
  background-image: url("/_skin/sidae/images/brand/br_customer_512/guide3.jpg");
  background-repeat: no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab {
  display: block;
  height: 68px;
  background-image: url("/_skin/sidae/images/brand/br_customer_512/tab_mobile_info.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab1 {
  width: 352px;
  background-position: 0px 0px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab1.selected, .sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab1:hover {
  background-position: 0px -68px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab2 {
  width: 350px;
  background-position: -352px 0px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab2.selected, .sidaeplus .user-guide .user-guide-contents .tab-section .link-sub-tab2:hover {
  background-position: -352px -68px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 {
  width: 703px;
  height: 3596px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .tab-sub-top {
  display: block;
  width: 703px;
  height: 3052px;
  background-image: url("/_skin/sidae/images/brand/br_customer_512/guide_page_01.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .tab-sub-bottom {
  display: block;
  width: 703px;
  height: 544px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .tab-sub-bottom .left-cont {
  width: 352px;
  position: relative;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .tab-sub-bottom .right-cont {
  width: 351px;
  position: relative;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .mobile-info a.btn-prev,
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .mobile-info a.btn-next {
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .left-cont .btn-prev {
  left: 12px;
  top: 164px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .left-cont .btn-next {
  left: 287px;
  top: 164px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .right-cont .btn-prev {
  left: 24px;
  top: 164px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .right-cont .btn-next {
  left: 299px;
  top: 164px;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-1 {
  display: block;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_01.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-1 {
  display: block;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_01.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-2 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_02.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-2 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_02.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-3 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_03.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-3 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_03.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-4 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_04.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-4 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_04.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-5 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_05.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-5 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_05.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-6 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_06.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-6 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_06.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .android-step-7 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/android_07.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content1 .iphone-step-7 {
  display: none;
  width: 352px;
  height: 544px;
  position: relative;
  text-indent: -9999px;
  background: url("/_skin/sidae/images/brand/br_customer_512/iphone_07.png") no-repeat;
}
.sidaeplus .user-guide .user-guide-contents .tab-section .tab-sub-content2 {
  display: block;
  width: 703px;
  height: 2599px;
  background-image: url("/_skin/sidae/images/brand/br_customer_512/guide_page_02.jpg");
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.sidaeplus .item {
  width: 842px;
  position: relative;
  margin:12px 30px 0 0;
}
.sidaeplus .item .service-title {
  position: relative;
  background: url("/_skin/sidaeplus/images/service/service_title.png") center 0 no-repeat;
  width: 842px;
  height: 103px;
  display: block;
  text-indent: -9999px;
}
.sidaeplus .item .service-page {
  position: relative;
  background: url("/_skin/sidaeplus/images/service/service_page_.png") center 0 no-repeat;
  width: 842px;
  height: 842px;
  display: block;
  text-indent: -9999px;
}
.sidaeplus .item .item-page-head {
  position: relative;
  padding: 34px 0 10px 0;
}
.sidaeplus .item .item-page-head h1 {
  font-size:23px;
  color:#ED573A;
  letter-spacing:-1px;
  margin-bottom:22px;
  padding-left:5px;
}

.sidaeplus .item .item-page-head p {
  font-size:14px;
  color:#606060;
  border-top:1px solid #cdcdcd;
  padding:13px 5px;
  line-height:21px;
  word-break:keep-all;
}

.sidaeplus .item .item-page-head .item-btn-list {
  position: absolute;
  right:8px;
  top:35px;
}

.sidaeplus .item .item-page-head .item-btn-list li {
  margin-left:8px;
}
.sidaeplus .item .item-page-head .item-btn-list li a {
  color:#333;
  font-weight:bold;
  font-size:13px;
  letter-spacing:-1px;
  margin-left:3px;
  text-decoration:none;
}

.sidaeplus .item .item-page-head .item-btn-list li:before {
  content:' | ';
  color:#cdcdcd;
  font-weight:normal;
}
.sidaeplus .item .item-page-head .item-btn-list li:first-child:before {
  content:none;
}



.sidaeplus .item .sec-tab {
  width: 842px;
  border-bottom: 1px solid #000;
  margin-bottom:15px;
}

.sidaeplus .item .sec-tab li:first-child a {
  padding:0 1px;
}

.sidaeplus .item .sec-tab li a {
  background:url(/_skin/sidaeplus/images/common/tab.png) no-repeat #EFEFEF;
  float:left;
  display:block;
  width:210px;
  height:85px;
  text-indent:-9999px;
}

.sidaeplus .item .sec-tab li a.selected {
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:2px solid #000;
  background-color:#FFF;
  height:84px;
  width:208px;
  margin-bottom:-1px;
}


.sidaeplus .item .sec-tab .num3 li a {
  background:url(/_skin/sidaeplus/images/common/tab.png) no-repeat #EFEFEF;
  float:left;
  display:block;
  width:280px;
  height:85px;
  text-indent:-9999px;
}

.sidaeplus .item .sec-tab .num3 li a.selected {
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:2px solid #000;
  background-color:#FFF;
  height:84px;
  width:278px;
  margin-bottom:-1px;
}

.sidaeplus .item .sec-tab li a.tab1 {
  background-position:center -291px;
}

.sidaeplus .item .sec-tab li a.tab1.selected {
  background-position:center 33px;
}

.sidaeplus .item .sec-tab li a.tab2 {
  background-position:center -369px;
}

.sidaeplus .item .sec-tab li a.tab2.selected {
  background-position:center -45px;
}

.sidaeplus .item .sec-tab li a.tab3 {
  background-position:center -452px;
}

.sidaeplus .item .sec-tab li a.tab3.selected {
  background-position:center -128px;
}

.sidaeplus .item .sec-tab li a.tab4 {
  background-position:center -538px;
}

.sidaeplus .item .sec-tab li a.tab4.selected {
  background-position:center -214px;
}


.sidaeplus .item .items-box {
  width: 842px;
  position: relative;
  background:url(/_skin/sidaeplus/images/btn/gray_line_dot.png) bottom repeat-x;
  padding:28px 0;
}

.sidaeplus .item .items-box .items-img {
  position: relative;
  width: 160px;
  height: 101px;
}
.sidaeplus .item .items-box .items-i {
  height: 140px !important;
  top: 10px !important;
}
.sidaeplus .item .items-box .items-info {
  width: 676px;
  margin-left: 6px;
}
.sidaeplus .item .items-box .items-info h2 {
  display: block;
  color: #000;
  font-size: 17px;
  font-weight: bold;
  letter-spacing:-1px;
  margin:3px 0 7px 0;
  padding-left:5px;
  line-height:20px;
}
.sidaeplus .item .items-box .items-info h2 i.icon-new{
  display:inline-block;
   visibility: hidden;
  font-style:normal;
  padding:1px 6px;
  background-color:#ED573A;
  color:#fff;
  border-radius:4px;
  font-size:14px;
  margin-left:4px;
}
.sidaeplus .item .items-box .items-info .items-text {
  font-size: 12px;
  color: #555;
  width: 100%;
  font-family:'dotum';
  border-bottom:1px solid #E8E8E8;
  padding:0 0 10px 5px;
}
.sidaeplus .item .items-box .items-info .cnt-and-view {
  position: relative;
  width:100%;
}

.sidaeplus .item .items-box .items-info .cnt-and-view ul li {
  font-size: 12px;
  color: #333;
  float:none !important;
  font-family:'dotum';
  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 248px !important;
}

.sidaeplus .item .items-box .items-info .cnt-and-view .lec-info {
  padding:8px 0 0 5px;
  display: block;
  width:400px;
  line-height:20px;
}

.sidaeplus .item .items-box .items-info .cnt-and-view .lec-rfs {
  position:absolute;
  top:28px;
  right:200px;
}

.sidaeplus .item .items-box .items-info .cnt-and-view .lec-btn {
  position:absolute;
  top:23px;
  right:10px;
}

.sidaeplus .item .items-box .items-info .cnt-and-view .lec-btn li {
  display:inline;
}


.sidaeplus .item .items-box .items-info .cnt-and-view .lec-rfs dt,.sidaeplus .item .items-box .items-info .cnt-and-view .lec-rfs dd {
  display:inline-block;
  font-weight:bold;
  color:#678AC3;
  font-size:13px;
  vertical-align:top;
}


.sidaeplus .item .items-box .items-info .cnt-and-view .lec-rfs dt.bullet_rfs2 {
  background:url(/_skin/sidaeplus/images/btn/bullet_rfs2.png)  no-repeat;
  width:35px;
  height:15px;
  text-indent:-9999px;
  margin:0 5px;
}


.sidaeplus .item .item-sub-view {
  width: 100%;
  position: relative;
  display: none;
  background-color:#F7FBFF;
  border-top:1px solid #99A6B8;
  margin-top:-1px;
}
.sidaeplus .item .item-sub-view > div {
  width: 100%;
}
.sidaeplus .item .item-sub-view > div .tb-title {
  height: 35px;
}
.sidaeplus .item .item-sub-view > div .tb-title > li {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 32px;
  height: 32px;
  background-color:#E3E9F1;
}
.sidaeplus .item .item-sub-view > div > ul .tb-name {
  width: 50%;
}
.sidaeplus .item .item-sub-view > div > ul .tb-name2 {
  width: 50%;
  text-align: left;
  text-indent: 10px;

}
.sidaeplus .item .item-sub-view > div > ul .tb-name2 .tb-str {
  position: relative;
  display: inline-block;
}
.sidaeplus .item .item-sub-view > div > ul .lecturer {
  width: 19%;
}
.sidaeplus .item .item-sub-view > div > ul .pds-chk {
  width: 6%;
}
.sidaeplus .item .item-sub-view > div > ul .play-movie {
  width: 15%;
}
.sidaeplus .item .item-sub-view > div > ul .dgree {
  width: 10%;
}
.sidaeplus .item .item-sub-view > div > ul > li {
  display: block;
  position: relative;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: default;
  border-bottom: 1px solid #D9E0E9;
  color: #5B6E88;
  font-family:'dotum';
  font-size:12px;
}
.sidaeplus .item {
  width: 842px;
  position: relative;
}
.sidaeplus .item .mypage-head {
  position: relative;
  padding: 34px 0 10px 0;
  border-bottom: 1px solid #dedede;
}
.sidaeplus .item .mypage-head .mypage-title {
  position: relative;
  background: url("/_skin/sidaeplus/images/mypage/mypage_title.jpg");
  width: 842px;
  height: 83px;
  display: block;
  text-indent: -9999px;
}
.sidaeplus .item .mypage-head .all-chbt {
  position: relative;
  left: 3px;
}
.sidaeplus .item .mypage-head .all-chbt .delbtn {
  margin-left: 5px;
}
.sidaeplus .item .mypage-head .all-chbt .delallchklabel {
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.sidaeplus .item .mypage-head .all-chbt .delallchklabel .delallchk {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.sidaeplus .item .none-message {
  width: 842px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  position: relative;
  top: 50px;
}

.sidaeplus .item .items-box .delck {
  width:18px;
  height:18px;
  margin-right:5px;
  border:1px solid #333;

}


.sidaeplus .footer .left-menu-bg {
  position: relative;
  width: 178px;
  background: url("/_skin/sidaeplus/images/common/left_bg.png");
}
.sidaeplus .footer .tail-section {
  width: 921px;
  position: relative;
  padding-bottom: 26px;
}
.sidaeplus .footer .tail-section .tail-info {
  border-top: 1px solid #dfdfdf;
  width: 902px;
  padding-top: 29px;
}
.sidaeplus .footer .tail-section .tail-info .company-info {
  padding-bottom: 15px;
}
.sidaeplus .footer .tail-section .tail-info .company-info > li:first-child > a:before {
  content: "";
  padding: 0px;
}
.sidaeplus .footer .tail-section .tail-info .company-info > li > a {
  color: #333;
  font-size: 12px;
}
.sidaeplus .footer .tail-section .tail-info .company-info > li > a:hover {
  text-decoration: none;
}
.sidaeplus .footer .tail-section .tail-info .company-info > li > a:before {
  content: " | ";
  color: #CCC;
  padding: 0 5px;
}
.sidaeplus .footer .tail-section .tail-info .address {
  width: 876px;
  position: relative;
  float: left;
  font-size: 12px;
  line-height: 18px;
  color: #acacac;
  font-family: nanum gothic;
}
.sidaeplus .footer .tail-section .tail-info .address .show-company-info {
  background: #acacac;
  cursor: pointer;
  color: #FFF;
  padding: 2px;
  font-size: 11px;
}
.sidaeplus .tab-menu:after {
  content: " ";
  display: table;
  clear: both;
}
.sidaeplus .tab-menu li {
  float: left;
}
.sidaeplus .link-tab {
  display: block;
}
.sidaeplus .tab-content {
  position: relative;
}
.sidaeplus .tab-content.selected {
  display: block;
}
.sidaeplus .toggle-section {
  background: #787878;
  border-right: 1px solid #CCC;
  width: 178px;
  height: 0;
  position: absolute;
  top: 0;
  margin-left: 178px;
  z-index: 99;
}
.sidaeplus .toggle-section > ul > li {
  width: 158px;
  height: 25px;
  overflow: hidden;
  display: block;
}
.sidaeplus .toggle-section > ul > li > a {
  width: 158px;
  height: 20px;
  line-height: 25px;
  color: #FFF;
  font-size: 12px;
  padding: 3px 0;
}
.sidaeplus .toggle-section > ul > li > a.selected, .sidaeplus .toggle-section > ul > li > a:hover {
  color: #f1cd06;
  font-weight: bold;
}

.article-item {
  width: 785px;
  margin-left: 50px;
}

#lecture_wrap {
  width: 100% !important;
  padding-top: 45px;
  padding-bottom: 75px;
}
#lecture_wrap .lec_list {
  width: 100% !important;
}
#lecture_wrap .lec_list .lec_list_head,
#lecture_wrap .lec_list .lec_list_contents {
  width: 100% !important;
}

#tpl_contents {
  width: 100% !important;
  padding-top: 4px;
  padding-bottom: 75px;
}
#tpl_contents #list_ctl {
  width: 100% !important;
}
#tpl_contents #list_wrap {
  width: 100% !important;
}
#tpl_contents #list_wrap .item_3 {
  width: 100% !important;
}
#tpl_contents #list_wrap .item_blank {
  width: 95% !important;
}

.event-board {
  padding-bottom: 75px;
}

#lecture_title {
  width: 100% !important;
}

#info_wrap {
  width: 100% !important;
}
#info_wrap #info_tbl_wrap {
  width: 530px !important;
}
#info_wrap #info_tbl_wrap #info_tbl {
  width: 100% !important;
}

#p_list {
  width: 100% !important;
}
#p_list .product .pl {
  width: 754px !important;
}
#p_list .product .pl .ptext1 {
  width: 654px !important;
}
#p_list .product:first-child .pl .ptext1 {
  width: 430px !important;
}

#list_wrap .item_3 .book_item3 {
  width: 510px !important;
}

.event_list_text {
  width: 300px;
}

.paging {
  width: 100% !important;
}
.paging div {
  width: 100% !important;
}

#order_btns {
  margin-right: -90px !important;
}


.top_gnb > li a{
  font-family: 'noto3';
  letter-spacing: -1px;
  font-weight: 800;
}
.top_gnb button{
  letter-spacing: -1px;
  font-weight: 800;
}