@charset "utf-8";

/* global */
body,th,td,input,select,textarea,button,a {font-size:14px;font-family:Nanum Gothic, dotum, "돋움", sans-serif;color:#525252;}
body {background:#fff url("../images/common/bg/bg_layout.gif") repeat-x 0 0;}
section {position:relative;} /* dashboard */

/* skip */
.skip {position:relative;width:1340px;z-index:10;margin:0 auto;}
.ie7 .skip li {display:inline;}
.skip a {display:block;overflow:hidden;position:absolute;left:0;top:-3px;width:1px;height:1px;text-align:center;font-weight:bold;}
.skip a:hover, .skip a:focus, .skip a:active {width:auto;height:auto;top:0px;padding:10px 20px;color:#fff;background:#F36529;}

/*align*/
.txt_center{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}


/* btn */
.btn {display:inline-block;vertical-align:middle;cursor:pointer;text-align:center;}
.btn.dis {cursor:default;}
.btn span {display:inline-block;height:33px;line-height:33px;padding:0 15px;font-size:14px;}
.btn .mid {height:28px;line-height:28px;padding:0 10px;}
.btn .big {height:52px;line-height:52px;padding:0 15px;}
.btn .line {display:table-cell;vertical-align:middle;height:45px;line-height:normal;padding:0 10px;}
.btn .wide {padding:0 35px;}
.btn.new-mid{height:40px; line-height:40px; padding:0 20px 0 20px; color:#fff; background-color:#8b0029;}
.btn.new-mid.arrow{background:url(../images/common/icon/icon_arrow.png) no-repeat 90% 50% #8b0029; padding:0 40px 0 20px;}
.padding-0{padding:0 !important;}

.btn.gray span, .gray.video {border:1px solid #4f4f4f;color:#fff;background:url("../images/common/bg/bg_btn_gray.gif") repeat-x 0 0;}
.btn.gray .mid {background:url("../images/common/bg/bg_btn_gray_m.gif") repeat-x 0 0;}
.btn.gray .line {background:url("../images/common/bg/bg_btn_gray_line.gif") repeat-x 0 0;}
.gray.dis .mid {border:1px solid #b9b9b9;color:#777;background:url("../images/common/bg/btn_gray_m_dis.gif") repeat-x 0 0;}
.btn.orange span {border:1px solid #d05f21;color:#fff;}
.btn.orange .mid {background:url("../images/common/bg/bg_btn_orange_m.gif") repeat-x 0 0;}
.btn.brown span, .btn.blue span {border:1px solid #b3a89b;color:#484242;background:url("../images/common/bg/bg_btn_brown.gif") repeat-x 0 100%;}
.btn.red span {border:1px solid #700021; color:#fff;background:url("../images/common/bg/bg_btn_red.gif") repeat-x 0 0;}
.btn.green span {border:1px solid #7f7260; color:#fff;background-color:#3eb962;}
.btn.deepblue span {border:1px solid #7f7260; color:#fff;background-color:#47639e}
.btn.skyblue span {border:1px solid #7f7260; color:#fff;background-color:#4eb3b2}
.btn.hotred span {border:1px solid #7f7260; color:#fff;background-color:#e12b28}
.btn.purple span {border:1px solid #7f7260; color:#fff;background-color:#7030a0}

.btn.brown .mid {background-position:0 100%;}
/* .btn.blue span {border:1px solid #3e5c93;color:#fff;background:url("../images/common/bg/bg_btn_blue.gif") repeat-x 0 0;} */
.red.excel {border:1px solid #700021;color:#fff;background:url("../images/common/bg/bg_btn_red.gif") repeat-x 0 0;}
.red.excel span {padding-left:40px;border:0;background:url("../images/common/icon/icon_excel.png") no-repeat 15px 50%;}
.red.go {padding-right:20px;border:1px solid #700021;color:#fff;background:url("../images/common/bg/bg_btn_red.gif") repeat-x 0 0;}
.red.go span {padding-right:20px;border:0;background:url("../images/common/icon/icon_go.png") no-repeat 100% 50%;}
.btn.enter {width:57px;height:54px;line-height:52px;padding:0;border:1px solid #b3a89b;background:url("../images/common/bg/bg_btn_brown.gif") repeat-x 0 100%;}
.gray.video span {padding-left:35px;border:0;background:url("../images/common/icon/icon_video.png") no-repeat 15px 55%;}

/* btn-wrap */
.btn-wrap {overflow:hidden;padding:20px 0 10px 0;}
.btn-wrap.right {text-align:right;}
.btn-wrap.left {text-align:left;}
.btn-wrap.center {text-align:center;}
.btn-wrap .right {float:right;}
.btn-wrap .left {float:left;}
.btn-wrap.top {padding-top:0;}
.btn-wrap .center {text-align:center;}

/* form */
textarea {resize:none;padding:5px;border:1px solid #afafaf;}
input.basic {height:28px;line-height:28px;padding:0 5px;border:1px solid #afafaf;}
select.basic {height:28px;padding:0;border:1px solid #afafaf;}
textarea.basic {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin:0 auto;background-color:#f8f8f8;*width:96%; /* IE7 */}
.field .basic {border:1px solid #c3b4a3;}
input.dis, select.dis, textarea.dis {cursor:default;background-color:#f0f0f0 !important;}
input[type="text"]:disabled, textarea:disabled, select:disabled {background-color:#f0f0f0 !important;}
input.high {height:38px;line-height:38px;}

/* lybox */
.edit-box {margin-bottom:20px;padding:15px;border:1px solid #afafaf;}
.edit-box table {border-top:1px solid #CDD3D7;}
.edit-box th, .edit-box td {vertical-align:middle;border-right:1px solid #c5b6a6;border-bottom:1px solid #CDD3D7;}
.edit-box td {border-right:1px solid #CDD3D7;}
.edit-box th:first-child {border-left:1px solid #c5b6a6;}
.edit-box td:first-child {border-left:1px solid #CDD3D7;}
.lybox {margin-bottom:20px;padding:15px;border:1px solid #afafaf;background-color:#f1ede7;}
.lybox:after {clear:both;display:block;content:" ";}
.lybox.title {position:relative;padding:20px 0 15px 0;border:0;background:none;}
.lybox.basic {margin:0;padding:15px 0;border:0;background:none;}
.basic.inner {margin:0;padding:5px;}
.lybox strong {vertical-align:middle;margin-right:3px;color:#5c4626;}
.lybox .label {margin-left:10px;font-weight:bold;color:#5c4626;}
.lybox .vspace {height:10px;}
.lybox .tit {float:left;margin-top:6px;color:#8b0029;font-size:16px;}
.lybox.right {text-align:right;}
.lybox .center {text-align:center;}

.lybox .right {float:right;}
.lybox .radio {margin-top:5px;}
.lybox.title .right {float:none;position:absolute;right:0;top:15px;}
.lybox.mid {margin-top:20px;}
.lybox.tbl {margin:20px 0 0 0;padding:10px 15px;background-color:#6d6964;}
.lybox.top {margin-top:0;}
.lybox.bot {margin-bottom:0;}
.lybox.tbl .tit {color:#fff;font-size:14px;}
.lybox-btn {*zoom:1;}
.lybox-btn-r {float:right;margin:10px 10px 10px 0;}
.lybox-btn-l {float:left;margin:10px 0 10px 10px;}
.lybox-btn-c {text-align:center;margin:10px;}
.lybox-btn:after, .lybox-title:after, .lybox-tbl:after {display:block;clear:both;content:'';}
.lybox-dv {padding:10px 10px 20px 10px;border:2px solid #afafaf;}

/* common */
.al {text-align:left !important;}
.ar {text-align:right !important;}
.alert {color:#e97434;}
.alert.guide {color:#6da24f;}
p.alert {padding-top:5px;}
.ac {text-align:center !important;}
.attach {text-decoration:underline;color:#3387d5;}
.bul {display:inline-block;vertical-align:middle;margin-right:15px;padding-left:10px;background:url("../images/common/bg/dot_gray_2_2.gif") no-repeat 0 50%;}
.bold {font-weight:bold;}
.br {border-right:0 !important;}
.blue {color:#3387d5;}
.blind {overflow:hidden;position:absolute !important;width:0 !important;height:0 !important;opacity:0;}
.em {color:#8b0029;font-weight:bold;}
.empty {padding:0 !important;}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hspace {vertical-align:middle;margin:0 10px;}
.line-thro {text-decoration:line-through;color:#9a9a9a;background-color:#f5f5f5;}
.must {color:#e97434;}
.part {margin-left:40px;}
.pointer {cursor:pointer !important;}
.space {margin-left:10px;}
.scroll-x {overflow-x:auto;overflow-y:hidden;*padding-bottom:17px;}
.scroll-y {overflow-y:auto;overflow-x:hidden;*overflow-y:scroll;*position:relative;*padding-right:17px;}
.scroll-xy {overflow:auto;*overflow:scroll;*padding-right:17px;*padding-bottom:17px;}
.subject a {text-decoration:underline;color:#3387d5;}
.subject1 a:hover {text-decoration:underline;color:#3387d5;}
.vspace {display:block;clear:both;height:4px;}
.vspace.parag {height:} /* 문단 나눔 */
.vm {vertical-align:middle !important;}
.vt {vertical-align:top !important;}
.vb {vertical-align:bottom !important;}
.con-wide {overflow-x:scroll;}
.box-wide {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100% !important;}

.reply {text-align:left;padding-left:30px;background:url("../images/common/icon/icon_reply.gif") no-repeat 15px 0;}
.file-upload {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle;width:60%;height:28px;line-height:28px;padding:0 5px;border:1px solid #afafaf;}
.fileBox .file_div_name {display:inline-block; width:200px;min-height:30px; height:auto;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle}
.fileBox .file_div_file {display:inline-block; width:500px;min-height:30px; height:auto;padding:0 10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle}
.fileBox .file_btn_location{position:absolute; display:inline; margin:0; padding:0;}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.no-data {margin:20px 0;padding:15px 10px;border:1px solid #afafaf;text-align:center;background-color:#f5f5f5;}
.user-photo {text-align:center !important;vertical-align:bottom !important;padding:0 !important;}
.user-photo .photo-120 img {width:102px;height:102px;}
.user-photo2{width:25%; padding:5px;}
.user-photo2 img{text-align:center;}
.user-photo2 .p5{position:relative; width:100%; text-align:center;}
.user-photo2 .nop img{left:35%; top:0; position:absolute;}
.user-photo2 strong{text-align:left;}
/* mw */
.red{color:#e1372a;}
.strong{font-weight:bold;}
.box-con .mTop15{margin-top:15px;}
.box-con .mTop20{margin-top:20px;}
/*bgcolor*/
.bgw{background-color:white}

/* padding, margin */
.m5{margin:5px;}
.mTop5{margin-top:5px;}
.mTop10{margin-top:10px;}
.mTop20{margin-top:20px;}

.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pTop5{padding-top:5px;}
.pTop10{padding-top:10px;}
.pTop20{padding-top:20px;}

/* content */
.user-thumb {margin-right:5px;border:1px solid #b0b0b0;}
#top_frame{position:fixed; z-index:2; top:0; left:0; background-color:#d1c5b7; border-bottom:1px solid #846a4f; padding:10px 20px}

/* paginate */
.paginate {position:relative;padding:15px 0;text-align:center;}
.paginate a,
.paginate strong {display:inline-block;min-width:28px;height:27px;line-height:27px;margin-left:5px;padding:0 2px;text-decoration:none;vertical-align:middle;cursor:pointer;font-size:11px;border:1px solid #afafaf;}
.paginate .on,
.paginate a:hover,
.paginate a:active,
.paginate a:focus {border-color:#846a4f;color:#fff;background-color:#846a4f;}
.paginate a.arrow {font-family:Tahoma;border:1px solid #afafaf;font-size:12px;color:#525252;background-color:#f1ede7;}
.tbl-count {margin:10px 0 0 10px;padding-left:10px;background:url("../images/common/bg/bg_paging_count.gif") no-repeat 0 50%;}
.tbl-count span {color:#f08214;}
.tbl-layout.col-2 .paginate a, .tbl-layout.col-2 .paginate strong {min-width:20px;}

/* title */
.con-tit {margin-bottom:15px;padding-left:18px;font-size:17px;letter-spacing:-1px;text-align:left;color:#222;background:url("../images/common/bg/bul_con_tit.gif") no-repeat 0 50%;}
.con-tit span {margin-left:10px;font-size:12px;}
.sub-tit {display:block;margin:20px 0 15px 0;padding-left:26px;font-size:16px;text-align:left;color:#7f7260;background:url("../images/common/bg/bul_sub_tit.gif") no-repeat 14px 50%;}
.sec-tit {display:block;margin-bottom:15px;padding-left:24px;font-size:14px;text-align:left;color:#6a6a6a;background:url("../images/common/bg/bul_sec_tit.gif") no-repeat 14px 50%;}
.sec-tit.basic {margin-bottom:10px;padding-left:10px;background-position:0 50%;}
.conInner-tit{font-size:18px;color:#222;font-weight:600;}

.sub-tit.top {margin-top:0;}
.lybox.title .sub-tit {margin:0;}
.lybox.head {position:relative;padding:0;border:0;background:none;}
.lybox.head .con-tit {margin-bottom:0;}
.lybox.head .right {position:absolute;right:0;top:-7px;}

/* sort */
.sort {display:inline-block;overflow:hidden;width:16px;height:16px;vertical-align:middle;text-indent:-9999px;background:url("../images/common/bg/sort.gif") no-repeat 4px 2px;}
.sort.sort_asc {background-image:url("../images/common/bg/sort_asc.gif");}
.sort.sort_desc {background-image:url("../images/common/bg/sort_desc.gif");}

/* exam-type */
.exam-type li {margin-top:5px;}
.exam-type li:first-child {margin-top:0;}
.exam-type li .score {margin-left:10px;}
.exam-type li .score input[type="text"] {width:40px;text-align:center;}

/* btn-toggle-type */
.btnD{background:#6d6d6d;border:1px solid #333;color:#fff;font-size:14px;display:inline-block;line-height:28px;padding:0 10px;}
.btn-toggle-type {overflow:hidden;text-align:right;margin-bottom:10px;}
.btn-toggle-type a {overflow:hidden;display:inline-block;vertical-align:middle;height:30px;}
.btn-toggle-type .on img {margin-top:-31px;}

/* tbl-list */
.tbl-list {border-top:2px solid #c3b4a3;}
.tbl-list thead th {padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f1ede7;}
.tbl-list thead th:first-child {border-left:1px solid #ccc;background-image:none;}
.tbl-list td {vertical-align:middle;padding:10px;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tbl-list .thumb img{width:168px;height:128px;border:1px solid #afafaf;margin-bottom:8px;}
.tbl-list td:first-child {border-left:1px solid #ccc;}
.tbl-list .subject, .tbl-list .subject1 {text-align:left !important;}
.tbl-list .dis {color:#929292;}
.tbl-list.left td {text-align:left;}
.tbl-list.faq .answer {padding:0;background-color:#f5f5f5;}
.tbl-list.faq .answer dl {padding:0 5px;}
.tbl-list.faq .answer dt, .tbl-list.faq .answer dd {padding:5px 0;text-align:left;min-height:30px;}
.tbl-list.faq .answer dt {background:url("../images/common/bg/dash_gray_6_1.gif") repeat-x 0 100%;}
.tbl-list.faq .answer .icon {overflow:hidden;position:absolute;width:32px;height:30px;text-indent:-9999px;}
.tbl-list.faq .answer dt .icon {background:url("../images/common/icon/icon_faq_q.gif") no-repeat 0 0;}
.tbl-list.faq .answer dd .icon {background:url("../images/common/icon/icon_faq_a.gif") no-repeat 0 0;}
.tbl-list.faq .answer .text {display:block;padding:5px 0 0 40px;}

/* tbl-detail  */
.tbl-detail {border-top:2px solid #C3B4A3;}
.tbl-detail th, .tbl-detail td {overflow:hidden;vertical-align:middle;text-align:left;border-right:1px solid #c5b6a6;border-bottom:1px solid #CDD3D7;}
.tbl-detail th {padding:10px 10px 10px 18px;background:#F1EDE7;}
.tbl-detail td {padding:5px 10px;border-right:1px solid #CDD3D7;}
.tbl-detail.max-w img{max-width:100%;}
.tbl-detail td span{font-family:Nanum Gothic, dotum, "돋움", sans-serif !important;}/*예비대학,선배들의이야기글보기*/
.tbl-detail th:first-child {border-left:1px solid #c5b6a6;}
.tbl-detail td:first-child {border-left:1px solid #CDD3D7;}
.tbl-detail td:first-child span{font-family:Nanum Gothic, dotum, "돋움", sans-serif !important;}/*예비대학,선배들의이야기글보기*/
.tbl-detail.center td {text-align:center;}
.tbl-detail.col th, .tbl-detail.col td {padding:5px;text-align:center;}
.tbl-detail.col thead th {border-bottom:1px solid #c5b6a6;}
.tbl-detail.col tbody th {font-weight:normal;}
.tbl-detail td.add {padding:10px;}
.tbl-detail .tag {display:block;color:#e97434;}
.tbl-detail tfoot th, .tbl-detail tfoot td {color:#fff;background-color:#6d6964;}
.tbl-detail.stat th, .tbl-detail.stat td {text-align:center;}
.tbl-detail.stat .gray {background-color:#f5f5f5;}
.tbl-detail.status {border-top:2px solid #afafaf;}
.tbl-detail.status th, .tbl-detail.status td {padding:10px;text-align:center;}
.tbl-detail.status th {border-right:1px solid #afafaf;background-color:#f5f5f5;}
.tbl-detail.status th:first-child {border-left:1px solid #afafaf;}

/* lypop */
.lypop {position:absolute;z-index:11;left:0;top:0;width:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:url("../images/common/bg/bg_lypop.png") repeat 0 0;}
.lypop .head {padding:0 10px;border-bottom:1px solid #a4999e;}
.lypop .head h1 {height:45px;line-height:45px;color:#fff;font-size:16px;font-weight:bold;}
.lypop .container {padding:10px;}
.lypop .content {min-height:200px;padding:19px;border:1px solid #cfc3b5;background-color:#fff;}
.lypop .close {position:absolute;right:18px;top:13px;}

/* .icon-sprite */
.icon-sprite {overflow:hidden;display:inline-block;vertical-align:middle;text-indent:-9999px;background:url("../images/common/icon/icon_sprites.png") no-repeat 0 0;}
.icon.delete {overflow:hidden;display:inline-block;vertical-align:middle;width:23px;height:21px;text-indent:-9999px;background:url("../images/common/icon/icon_sprites.png") no-repeat 0 0;}
.icon-ex {overflow:hidden;display:inline-block;vertical-align:middle;margin-right:7px;text-indent:-9999px;background:url("../images/common/icon/icon_ex.png") no-repeat 0 0;}
.icon-sprite.comm-delete {width:15px;height:15px;background-position:0 -24px;}
.icon-sprite.comm-edit {width:14px;height:14px;background-position:-16px -24px;}
.icon-sprite.doc {width:18px;height:21px;background-position:-44px 0;}
.icon-sprite.record {width:16px;height:16px;background-position:-63px 0;}
.icon-sprite.v-line {width:1px;height:11px;margin:0 5px;background-position:-80px 0;}
.icon-sprite.record-b {width:23px;height:22px;background-position:-82px 0;}
.icon-sprite.doc-b {width:21px;height:23px;background-position:-106px 0;}
.icon-sprite.preview {width:20px;height:20px;background-position:-127px 0;}
.icon-sprite.camera{width:23px; height:19px; background-position:-172px 0}
.icon-sprite.set {width:23px;height:22px;background-position:-148px 0;}
.icon-class {margin-left:5px;width:30px;display:inline-block;vertical-align:middle;}
.icon-ex.g01 {width:29px;height:29px;background-position:0 0;}
.icon-ex.g02 {width:29px;height:29px;background-position:-30px 0;}
.icon-ex.g03 {width:32px;height:31px;background-position:-60px 0;}
.icon-ex.g04 {width:32px;height:31px;background-position:-93px 0;}
.icon-ex.g05 {width:32px;height:31px;background-position:-126px 0;}
.icon-ex.g06 {width:32px;height:31px;background-position:-159px 0;}
.icon-ex.g07 {width:32px;height:31px;background-position:0 -31px;}
.icon-ex.g08 {width:32px;height:31px;background-position:-33px -31px;}
.icon-ex.g09 {width:32px;height:31px;background-position:-66px -31px;}

/* tbl-layout */
.tbl-layout {overflow:hidden;padding-top:10px;}
.tbl-layout.col-2 .section {float:left;width:46%;}
.tbl-layout.col-2 .section:first-child {margin-right:2%;}
.tbl-layout.col-2 .wide {width:52%;}

/* tbl-sum */
.tbl-sum {padding-top:10px;text-align:right;font-size:12px;}
.tbl-sum span {margin-left:10px;}
.tbl-sum.top {padding:0 0 8px 0;}
.tbl-sum.top span {margin:0;padding:0 13px 0 9px;background:url("../images/common/bg/bg_tbl_sum_top.gif") no-repeat right 3px;}
.tbl-sum.top .date {padding-right:0;background:none;}
.tbl-sum.left {text-align:left;}

/* list */
.list-col {overflow:hidden;margin-top:5px;}
.list-col li {float:left;width:46%;margin-right:2%;padding:5px 0;}
.list-col li.line {width:100%;margin-right:0;}

/* expand */
.btn-expand {display:none;position:absolute;z-index:11;left:0;top:200px;}
.btn-expand.on {left:300px;}
/*.btn-expand a {overflow:hidden;display:block;width:29px;height:79px;color:transparent;background:url("../images/common/btn/btn_expand.png") no-repeat 0 0;}*/
.btn-expand a {overflow:hidden;display:block;width:29px;height:112px;color:transparent;background:url("../images/common/btn/btn_expand.png") no-repeat 0 0;}

/* tbl */
.tbl .tab {display:table-cell;vertical-align:middle;border-bottom:1px solid #b9b9b9;background-color:#e4ddd4;}
.tbl .desc {display:table-cell;vertical-align:middle;border-bottom:1px solid #d9d9d9;font-size:16px;color:#3d3d3d;background-color:#f1ede7;}
.tbl .count {font-size:22px;font-weight:bold;color:#8b0029;}

/* custom-tab */
.custom-tab {*zoom:1;margin-bottom:10px;}
.custom-tab:after {clear:both;display:block;content:"";}
.custom-tab li {float:left;text-align:center;}
.custom-tab li a {display:block;font-weight:bold;}
.custom-tab li.on a {position:relative;z-index:2;}
.custom-tab li a.em {color:#fff !important;background-color:#8b0029 !important;}

/* custom-tab basic */
.custom-tab {margin-bottom:20px;border-bottom:1px solid #846a4f;}
.custom-tab.title {padding:10px 10px 0 10px;background-color:#d1c5b7;}
.custom-tab.basic li {margin-left:-1px;}
.custom-tab.basic li:first-child {margin-left:0;}
.custom-tab.basic li a {padding:10px 16px 8px 16px;border:1px solid #a99c8e;border-bottom:none;color:#6c6c6c;background:#f1ede7;}
.custom-tab.basic li.on {margin-bottom:-1px;}
.custom-tab.basic li.on a {padding:9px 16px 9px 16px;border:2px solid #846a4f;border-bottom:0;background:#fff;}

/* custom-tab button */
.custom-tab.button {border-bottom:0;}
.custom-tab.button li {margin-left:3px;}
.custom-tab.button li:first-child {margin-left:0;}
.custom-tab.button li a {height:32px;line-height:32px;padding:0 26px;border:1px solid #c6b8a8;color:#6c6c6c;background:#f1ede7;}
.custom-tab.button li.on a {border:1px solid #846a4f;color:#fff;background:#846a4f;}

/* custom-tab editor */
.custom-tab.editor {margin-bottom:0;border-bottom:0;}
.custom-tab.editor li {margin:0 1px 0 0;background-color:#f1ede7;}
.custom-tab.editor li a {display:block;height:28px;line-height:30px;padding:0 20px;border:0;color:#6b5639;font-weight:bold;}
.custom-tab.editor li.on {background-color:#c3b4a3;}
.custom-tab.editor li.on a {color:#fff;}
.custom-tab.editor li.on a:focus {outline:1px dotted #6b5639;}

/* custom-tab full-type 20191224 */
.custom-tab.full-type { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; width: 100%; border-bottom: 0; }
.custom-tab.full-type li { float: none; width: calc((100% / 4) - 1%); display: inline-flex; }
.custom-tab.full-type li a { width: 100%; background-color: #f5f2ee; border: 1px solid #afafaf; padding: 13px 5%; color: #86052b; font-size: 15px; line-height: 17px; }
.custom-tab.full-type li.on a { background-color: #700021; border: 1px solid #700021; color: #fff; }

/* customSelect */
.user .customSelect {height:25px;vertical-align:middle;}
.user .customSelectInner {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:161px !important;height:23px;line-height:23px;padding:0 8px 0 5px;border:1px solid #d1c5b7;font-size:11px;color:#5c4626;background:#f1ede7 url("../images/common/temp/custom_select_inner.gif") no-repeat 96% 50%;}
.srch .custom-srch {display:block !important;}
.custom-srch .customSelectInner {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100% !important;height:36px;line-height:36px;padding:0 20px 0 10px;background:#fff url("../images/common/temp/custom_srch_select_inner.gif") no-repeat 96% 50%;}
.customSelectFocus .customSelectInner {border:1px dotted !important;}

/* tbl-header */
.tbl-fixed .body {overflow-y:scroll;}
.tbl-fixed .body table {border-top:0;}

/* mail / popup */
.tableMGuide {display: none;}
.special-col-table-wrapper.table-overflow {overflow-x:hidden;}

/* new-video */
.new-video .video {position: relative;width: 100%;padding-top: 56.6%;text-align: center;}
.new-video .video>iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.new-video .video-caption {display: inline-block;width: 100%;margin: 0;padding: 13px 16px 13px 20px;color: #333;resize: none;font-size: 13px;line-height: 22px;box-sizing: border-box;vertical-align: top;}
.new-video .video-caption.olive {background-color: rgba(204, 224, 125, 0.33);}
.new-video .video-caption.gray {background-color: #f5f5f5;}
.new-video.type02 {display: flex;min-height: 170px;}
.new-video.type02 .video {width: 50%;padding-top: 28%;}
.new-video.type02 .video-caption {width: 50%;}
.new-video.type02 .video-caption .scrollbar {height: 100%;max-height: 151px;padding-right: 15px;}
.new-video.type02 .video-caption .scrollbar span {display: block;}
.new-video.type02 .video-caption .scrollbar .title {line-height: 25px;font-size: 17px;font-weight: 600;color: #333;}
.new-video.type02 .video-caption .scrollbar .title+.name {margin-bottom: 14px;}
.new-video.type02 .video-caption .scrollbar .name {line-height: 19px;font-size: 14px;color: #666;}

/* scroll */
.scrollbar {height: auto;min-height: 92px;max-height: 119px;width: 100%;overflow-y: auto;padding-right: 17px;}
.force-overflow {height: auto;margin: 10px 0;}
#scroll-type::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);background-color: #ededed;}
#scroll-type::-webkit-scrollbar {width: 14px;background-color: #ededed;}
#scroll-type::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.13);background-color: #8b0029;}
.new-video.type02 #scroll-type::-webkit-scrollbar-thumb {background-color: #8b0029;}

/* scroll ie */
.scrollbar {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #8b0029; scrollbar-base-color: #ededed; scrollbar-Face-Color: #8b0029; scrollbar-Track-Color: #efefef;scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #8b0029; scrollbar-Shadow-Color: #dfdfdf}