@charset "UTF-8";
body {
    padding-top: 80px;
    -webkit-font-smoothing: antialiased;
}

.content2 .tbl_scroll_x ul,
.content2 .tbl_scroll_x li,
.tbl_scroll_x ol {
    list-style: revert;
}
/* IE */
select::-ms-expand {
    display: none;
}

.select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body.bk {
    background-color: #262626;
}

/* animtaion */
.animation {
    position: relative;
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 1s;
}
.animation.up {
    position: relative;
    transform: translateY(100px);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 1s;
}
.animation.on {
    transform: translateY(0);
    opacity: 1;
}

/* animtaion end*/

/* scroll */
.scroll-type1::-webkit-scrollbar{
    width: 3px;
}

/* 스크롤바 막대 설정*/
.scroll-type1::-webkit-scrollbar-thumb{
    height: 17%;
    background-color: #707070;
}

.scroll-type2::-webkit-scrollbar{
    width: 3px;
}
.scroll-type2::-webkit-scrollbar-thumb{
    height: 17%;
    background: #7D7D7D;
    border-radius: 100px;
}

/* header */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
header.on .container {
    padding-right: 18px;
}
.mac header.on .container {
    padding-right: 0;
}
header.hover .container {
    background: #fff;
}
header.invisible {
    top: -85px;
}
header.on::after {
    background: #000;
}
header .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #D8D8D8;
}
header.kv_type .inner {
    border-bottom: 1px solid #fff;
}
header.hover .inner {
    border-bottom: none;
    box-shadow:  0 8px 16px rgba(0, 0, 0, 0.16);
}
header .inner .left {
    display: flex;
    align-items: center;
    padding-left: calc((100% - 1400px) /2);
}
header.on .inner,
header.com .inner {
    border-bottom-color: #3C3D3E;
}

header.sub.on .h_util,
header.sub.com .h_util {
    border-left: 1px solid #3C3D3E;
}

header:not(.kv_type).sub .container {
    border-bottom: none
}
header .logo {
    position: relative;
    z-index: 10;
    align-self: flex-start;
    display: flex;
    align-items: center;
    height: 80px;
}

header .logo > a {
    display: block;
    width: 100px;
    height: 27px;
    background: url(../images/common/logo_white.svg) no-repeat;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header.on.kv_type::after {
    background: rgba(15, 17, 19, 0.4);
}

header.sub {
    background: #fff;
}

header.sub .h_util {
    border-left: 1px solid #D8D8D8;
}
header.kv_type .h_util {
    border-left-color: #fff;
}
header.kv_white.kv_type .inner {
    border-bottom: 1px solid #D8D8D8;
}
header.sub.hover .h_util {
    border-left: 1px solid #D8D8D8;
}
header.sub .logo > a {
    background: url(../images/common/logo.svg) no-repeat;
}
header.sub::after {
    background: #4D4D4D;
}

header.sub .h_subs {
    background: #4D4D4D;
}
header.sub.on .h_subs,
header.sub.on::after {
    background: #0F1113;
}

header.kv_type {
    background: transparent;
}
header.sub.kv_type::after {
    background: rgba(0, 0, 0, 0.4);
}

header.sub.kv_type .h_subs {
    background: rgba(0, 0, 0, 0.4);
    min-width: 350px;
}

header.sub.kv_type.kv_white::after {
    background: #4d4d4d;
}

header.sub.kv_type.kv_white .h_subs {
    background: #4d4d4d;
}

header.sub.kv_type.on::after {
    background: rgba(0, 0, 0, 0.4);
    left: calc(50% + 691px);
    width: calc(50% + 718px);
}

header.sub.kv_type.on .h_subs {
    background: rgba(0, 0, 0, 0.4);
}
header.sub.com_type {
    background-color: transparent;
}



header.sub.com_type .comp_hover {
    position: relative;
}

header.sub.com_type .comp_hover::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 2px;
    left: 0;
}

header.sub.com_type.kv_white::before,
header.sub.com_type.kv_white .h_util {
    border-color: #dcdcdc;
}

/* header .gnb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 758px;
  margin-left: 54px;

  font-weight: 500;
  padding-right: 40px;
}
header .gnb ul {
  display: flex;
  align-items: center;
}

header .gnb ul li {

}
header .gnb ul li a {
  display: block;
  color: #fff;
  line-height: 24px;
}
header .gnb ul.gnb_left {}
header .gnb ul.gnb_left li {
  margin-right: 74px;
}
header .gnb ul.gnb_right {}
header .gnb ul.gnb_right li {
  margin-right: 54px;
}
header .gnb ul li:last-child {
  margin-right: 0;
}
header.kv_white .gnb ul li a {
  color: #000;
} */
header .gnb {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    z-index: 2;
    width: 670px; /* 23.05.17 */
    height: 80px;
    margin-left: 54px;
    overflow:hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

header.hover .gnb {
    height: 500px;
}
header.invisible .gnb {
    height: 80px;
    transition: none;
}
header .gnb:before {
    opacity: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    position: fixed;
    top: 79px;
    left: 0;
    transition: 0.4s;
}
header.hover .gnb:before {
    opacity: 1;
}
header.invisible .gnb:before {
    display: none;
}
header .gnb > .gnb_item {
    position: relative;
    white-space: nowrap;
}

header .gnb > .gnb_item::before {
    content: '';
    position: absolute;
    top: 80px;
    left: -100vw;
    width: 200vw;
    height: 420px;
    background: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: -1;
}

header .gnb > .gnb_item > .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 114px;
    padding-top: 30px;
}

header .gnb > .gnb_item > .item > .gnb_tit {
    position: relative;
    display: inline-block;
    padding-bottom: 27px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
}
header .gnb > .gnb_item > .item > .gnb_tit.on::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
header.sub .gnb > .gnb_item > .item > .gnb_tit.on::before,
header.sub.kv_white .gnb > .gnb_item > .item > .gnb_tit.on::before {
    background: #000;
}
header.kv_type .gnb > .gnb_item > .item > .gnb_tit.on::before,
header.kv_type.on .gnb > .gnb_item > .item > .gnb_tit.on::before {
    background: #fff;
}
header .gnb > .gnb_item > .item > .gnb_tit::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    border-bottom: 2px solid #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
header .gnb > .gnb_item > .item > .gnb_tit:not(.on):hover::after {
    left: 0;
    width: 100%;
}

header .gnb > .gnb_item > .item .gnb_dept {
    padding-top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    padding-top: 36px;

}
header .gnb > .gnb_item > .item .gnb_dept.on {
    display: block !important;
}

header .gnb > .gnb_item > .item .gnb_dept > li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header .gnb > .gnb_item > .item .gnb_dept > li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #000;
    line-height: 20px;
}
header .gnb > .gnb_item > .item .gnb_dept > li + li {
    margin-top: 15px;
}

header .h_util {
    position: relative;
    z-index: 10;
    display: inline-block;
    align-self: flex-start;
    width: 188px;
    height: 80px;
    padding-top: 20px;
    text-align: center;
    font-size: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

header .h_util > .item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

header .h_util > .item + .item {
    margin-left: 16px;
}

header .h_util > .item .sch {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/common/icon_header_search_bk.svg) no-repeat center center;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header .h_util > .item .center {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/common/icon_header_cscenter_bk.svg) no-repeat center center;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header .h_util > .item .mypage {
    display: inline-block;
    width: 30px;
    height: 37px;
    background: url(../images/common/icon_header_mypage_bk.svg) no-repeat center center;
    overflow: hidden;
    text-indent: -999px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header .h_util > .item .h_subs__dept {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 56px;
    width: 109px;
    height: 96px;
    background: #fff;
    z-index: 10;
    -webkit-box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.16);
    box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transform: translateX(-30%);
}

header .h_util > .item .h_subs__dept li a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 36px;
}

header .h_util > .item .h_subs__dept:hover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
header .h_util > .item .mypage:hover + .h_subs__dept {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
header .h_subs {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 80px;
    padding: 0 0 0 38px;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    align-items: center;
}

header .h_subs > .item {
    display: inline-block;
}

header .h_subs > .item + .item {
    position: relative;
    z-index: 5;
    margin-left: 36px;
    z-index: 10;
}
header .h_subs > .item > button {

}
header .h_subs > .item > .comp_hover {
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.mac header .h_subs > .item > .comp_hover {
    line-height: normal;
}

header .h_subs > .item > .comp_hover.on::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    bottom: -27px;
    left: 0;
}
header .h_subs > .item > .sub_open {
    position: relative;
    padding-right: 17px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

header .h_subs > .item > .sub_open::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 4px;
    background: url(../images/common/icon_trangle_white_small.png) no-repeat;
}

header .h_subs > .item > .sub_open:hover + .h_subs__dept {
    display: block;
}

header .h_subs > .item .h_subs__dept {
    position: fixed;
    top: 60px;
    display: none;
    min-width: 110px;
    padding: 10px 20px;
    background: #262626;
    -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
    transform: translateX(-25%);
}
/* 23.05.17 추가 : S */
header .h_subs > .item > .sub_open.global {
    padding:0 15px 0 17px; font-size:14px; background:url('../images/common/icon_header_global_wh.svg') left center no-repeat;
}
header .h_subs > .item > .sub_open.global::after {
    width:8px; background:url('../images/common/btn_arrow_wh.svg') left center no-repeat; background-size:100% auto;
}

header .h_subs > .item .h_subs__dept.global {
    min-width:80px;
}
header .h_subs > .item .h_subs__dept.global .on {
    position:relative;
}
header .h_subs > .item .h_subs__dept.global .on:before {
    content:""; position:absolute; right:0px; top:50%; transform:translateY(-80%); display:inline-block; width:10px; height:8px; background:url('../images/common/check_small.svg') no-repeat;
}
header .h_subs > .item .h_subs__dept.blank.global > li a:after { display:none; }
/* 23.05.17 추가 : E */

header .h_subs > .item .h_subs__dept > li a {
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    white-space: nowrap;
}

header .h_subs > .item .h_subs__dept.blank > li a:after {
    display: inline-block;
    content: '';
    margin-left: 6px;
    width: 12px;
    height: 12px;
    background: url(../images/common/icon_link.png) no-repeat right center;
    background-size:contain;
}

header .h_subs > .item .h_subs__dept:hover {
    display: block;
}

header.down {
    background: #fff;
}

header.down.kv_type {
    background: #fff;
}

header.kv_type:not(.down):not(.kv_white).sub .logo > a, header.on.sub .logo > a {
    background: url(../images/common/logo_white.svg) no-repeat;
}

header.kv_type:not(.down):not(.kv_white) .gnb > .gnb_item > .item > .gnb_tit, header.on .gnb > .gnb_item > .item > .gnb_tit {
    color: #f2f2f2;
}
header.kv_type:not(.down):not(.kv_white) .gnb > .gnb_item > .item > .gnb_tit {
    font-weight: 400;
}
header.kv_type:not(.down):not(.kv_white) .h_util > .item .sch, header.on .h_util > .item .sch {
    background: url(../images/common/icon_header_search_wh.svg) no-repeat center center;
}

header.kv_type:not(.down):not(.kv_white) .h_util > .item .center, header.on .h_util > .item .center {
    background: url(../images/common/icon_header_cscenter_wh.svg) no-repeat center center;
}

header.kv_type:not(.down):not(.kv_white) .h_util > .item .mypage, header.on .h_util > .item .mypage {
    background: url(../images/common/icon_header_mypage_wh.svg) no-repeat center center;
}

header.on .h_subs {
    background: #4d4d4d;
}

header.sub.kv_white {
    background: #fff;
}
header.sub.kv_white.hover {
    border-bottom: none;
    box-shadow:  0 8px 16px rgba(0, 0, 0, 0.16);
}
header.kv_white::before {
    border-bottom-color: #D8D8D8;
}
header.kv_white .h_util,
header.sub.kv_white.com .h_util {
    border-left: 1px solid #D8D8D8;
}

/* 기업소개 header*/

.header_cover {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 9;
    height: 0;
    background: #fff;
    overflow: hidden;
}

/* 회사소개 */
.mn_comppage {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    overflow: hidden;
    z-index: -1;
    background: #262626 url("../images/common/img_hd_bg.png") bottom -280px center no-repeat;
}
.mn_comppage .scroll_box {
    /* overflow-x: hidden;
  overflow-y: scroll;
  height: 100% */
    height: 100%;
    padding: 80px calc((100% - 1400px)/2) 0;
}
.mn_comppage__wrap {

    /* padding-top: 140px calc((100% - (1400))/2); */

}

.mn_comppage__list > li > a {
    display: inline-block;
    line-height: 84px;
    font-weight: 700;
    font-size: 40px;
    color: #bebebe;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_comppage__list > li > a:hover {
    color: #fff;
}
header.on .mn_comppage{
    overflow-y: scroll; background-position: bottom -280px left calc(50% - 9px)}

/* header */
/* 통합검색 */
.mn_totalsch {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 110;
}

.mn_totalsch__field {
    background: #fff;
}

.mn_totalsch__inner {
    position: relative;
    width: 1400px;
    height: 0;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    transition: height 0.5s;
}
.mn_totalsch.on {
}
.mn_totalsch.on .mn_totalsch__inner {
    height: 610px;
}
.mn_totalsch__inner .logo_img {
    position: absolute;
    top: 25px;
    left: 0;
}

.mn_totalsch__inner > .btn.close_25 {
    position: absolute;
    top: 28px;
    right: 0;
}

.mn_totalsch__in {
    position: relative;
    width: 760px;
    margin: 0 auto;
}

.mn_totalsch__save {
    padding: 15px 0 33px 0;
    text-align: right;
}
.mn_totalsch__save .mn_check_box.switch > label > input + span::before {
    position: absolute;
    margin-right: 0;
}
.mn_totalsch__save .mn_check_box.switch > label > input + span::after {
    top: 0;
    right: 16px;
}
.mn_totalsch__save .mn_check_box.switch > label > input[type="checkbox"]:checked  + span::after {
    right: 1px;
}
.mn_totalsch__word {
    font-size: 0;
    text-align: center;
}

.mn_totalsch__word__recent {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 27px;
    text-align: left;
    border-right: 1px solid #ededed;
}

.mn_totalsch__word__recommend {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-left: -1px;
    padding-left: 32px;
    text-align: left;
    border-left: 1px solid #ededed;
}

.mn_totalsch__word__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.mn_totalsch__word__top + * {
    margin-top: 19px;
}

.mn_totalsch__word__list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mn_totalsch__word__list > li + li {
    margin-top: 19px;
}

.mn_totalsch__word__list > li > a {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mn_totalsch__word__list > li > .btn.close {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 12px;
    height: 12px;
    margin-left: 10px;
}

.mn_auto {
    position: relative;
}

/* footer */
.mn_common_link_wrap {
    padding: 50px 0 58px 0;
    border-top: 1px solid #dcdcdc;
    background-color: #fff;
}

.mn_common_link_wrap .inner {
    width: 1400px;
    margin: 0 auto;
}

.mn_common_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.mn_common_link > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 280px;
    -ms-flex: 1 1 280px;
    flex: 1 1 280px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.mn_common_link > li + li {
    padding-left: 38px;
    border-left: 1px solid #dcdcdc;
}

.mn_common_link > li .tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.6px;
}

.mn_common_link_dept {
    margin-top: 10px;
}

.mn_common_link_dept > li a {
    display: inline-block;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 34px;
    letter-spacing: -0.6px;
}

.mn_common_link_dept.blk > li a {
    position: relative;
    padding-right: 15px;
    background: url(../images/common/link_icon.png) no-repeat right center;
    background-size: 11px;
}

.content2 footer {
    padding: 41px 0 43px 0;
    font-size: 0;
    background: #f8f8f8;
}

.content2 footer > .inner {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    padding: 0 0 0 280px;
    font-size: 0;
    letter-spacing: -0.6px;
}

.content2 footer .mn_ft_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 22px;
}

.content2 footer .mn_ft_tb {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 64px;
}

.content2 footer .mn_ft_copy {
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 11px;
    color: #7D7D7D;
}

.content2 footer .mn_ft_link > li {
    display: inline-block;
}

.content2 footer .mn_ft_link > li a {
    display: block;
    font-size: 13px;
    color: #7d7d7d;
}

.content2 footer .mn_ft_link > li + li {
    margin-left: 20px;
}

.content2 footer .mn_ft_detail {
    margin-top: 16px;
    font-size: 0;
}

.content2 footer .mn_ft_detail > span {
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    color: #7d7d7d;
}

.content2 footer .mn_ft_detail > span > a {
    color: #7d7d7d;
}

.content2 footer .mn_ft_detail > span + span {
    margin-left: 10px;
    padding-left: 11px;
}

.content2 footer .mn_ft_detail > span + span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #dcdcdc;
}

.content2 footer .mn_ft_content {
    display: inline-block;
    vertical-align: top;
    color: #7d7d7d;
}

.content2 footer .mn_ft_content.adr {
    width: 559px;
}

.content2 footer .mn_ft_content.cs {
    width: 280px;
}

.content2 footer .mn_ft_content .top {
    font-weight: 500;
    font-size: 13px;
}

.content2 footer .mn_ft_content .top small {
    position: relative;
    top: -1px;
    font-size: 10px;
}

.content2 footer .mn_ft_cs_detail {
    line-height: 20px;
}

.content2 footer .mn_ft_sns {
    margin-top: 19px;
}

.content2 footer .mn_ft_sns a + a {
    margin-left: 6px;
}

.mn_ft_kakao {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.mn_ft_kakao button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 13px;
    width: 77px;
    height: 24px;
    background: #FDDC40;
    color: #3A2929;
    font-size: 11px;
    font-weight: 500;
    border-radius: 50px;
}
.mn_ft_kakao button span {
    position: relative;
}
.mn_ft_kakao button i.icon_kakao {
    margin-right: 3px;
}

/* footer */
/* common class */
.mt_0 {
    margin-top: 0 !important;
}

.mt_5 {
    margin-top: 5px !important;
}

.mt_6 {
    margin-top: 6px !important;
}

.mt_8 {
    margin-top: 8px !important;
}

.mt_9 {
    margin-top: 9px !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_12 {
    margin-top: 12px !important;
}

.mt_13 {
    margin-top: 13px !important;
}

.mt_14 {
    margin-top: 14px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_16 {
    margin-top: 16px !important;
}

.mt_17 {
    margin-top: 17px !important;
}

.mt_18 {
    margin-top: 18px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_22 {
    margin-top: 22px !important;
}

.mt_24 {
    margin-top: 24px !important;
}

.mt_25 {
    margin-top: 25px !important;
}

.mt_26 {
    margin-top: 26px !important;
}

.mt_28 {
    margin-top: 28px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mt_35 {
    margin-top: 35px !important;
}

.mt_40 {
    margin-top: 40px !important;
}

.mt_43 {
    margin-top: 43px !important;
}

.mt_45 {
    margin-top: 45px !important;
}

.mt_50 {
    margin-top: 50px !important;
}

.mt_56 {
    margin-top: 56px !important;
}

.mt_60 {
    margin-top: 60px !important;
}

.mt_65 {
    margin-top: 65px !important;
}

.mt_70 {
    margin-top: 70px !important;
}

.mt_80 {
    margin-top: 80px !important;
}

.mt_100 {
    margin-top: 100px !important;
}

.mt_120 {
    margin-top: 120px !important;
}
.mt_140 {
    margin-top: 140px !important;
}
.mr_8 {
    margin-right: 8px !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.mr_12 {
    margin-right: 12px !important;
}

.mr_14 {
    margin-right: 14px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.mr_21 {
    margin-right: 21px !important;
}

.mr_28 {
    margin-right: 28px !important;
}

.mr_40 {
    margin-right: 40px !important;
}

.mr_44 {
    margin-right: 44px !important;
}

.ml_5 {
    margin-left: 5px !important;
}

.ml_8 {
    margin-left: 8px !important;
}

.ml_10 {
    margin-left: 10px !important;
}

.ml_12 {
    margin-left: 12px !important;
}

.ml_14 {
    margin-left: 14px !important;
}

.ml_16 {
    margin-left: 16px !important;
}

.ml_18 {
    margin-left: 18px !important;
}

.ml_20 {
    margin-left: 20px !important;
}

.ml_32 {
    margin-left: 32px !important;
}

.ml_40 {
    margin-left: 40px !important;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.mb_3 {
    margin-bottom: 3px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_16 {
    margin-bottom: 16px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}

.mb_50 {
    margin-bottom: 50px !important;
}

.mb_60 {
    margin-bottom: 60px !important;
}

.pa_0 {
    padding: 0 !important;
}

.pt_0 {
    padding-top: 0px !important;
}

.pt_13 {
    padding-top: 13px !important;
}

.pt_15 {
    padding-top: 15px !important;
}

.pt_40 {
    padding-top: 40px !important;
}
.pt_80 {
    padding-top: 80px !important;
}

.pt_102 {
    padding-top: 102px !important;
}

.pb_0 {
    padding-bottom: 0 !important;
}

.pl_0 {
    padding-left: 0px !important;
}

.pl_80 {
    padding-left: 80px !important;
}

.w74 {
    width: 74px !important;
}

.w140 {
    width: 140px !important;
}

.w141 {
    width: 141px !important;
}

.w150 {
    width: 150px !important;
}

.w160 {
    width: 160px !important;
}

.w165 {
    width: 165px !important;
}

.w168 {
    width: 168px !important;
}

.w180 {
    width: 180px !important;
}

.w209 {
    width: 209px !important;
}

.w220 {
    width: 220px !important;
}

.w520 {
    width: 520px !important;
}

.w680 {
    width: 680px !important;
}

.flex_none {
    -webkit-box-flex: 0 !important;
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
}

.flex_0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.ta_l {
    text-align: left !important;
}

.ta_c {
    text-align: center !important;
}

.ta_r {
    text-align: right !important;
}

.va_t {
    vertical-align: top !important;
}

.va_m {
    vertical-align: middle !important;
}

.va_b {
    vertical-align: bottom !important;
}

.dpib {
    display: inline-block !important;
}

.dpb {
    display: block !important;
}

.nowrap {
    white-space: nowrap !important;
}

.bd_b_none {
    border-bottom: none !important;
}

.bd_r_none {
    border-right: none !important;
}

.brd01 {
    border-top: 1px solid #000;
}

.brd02 {
    border-top: 2px solid #000 !important;
}

.underline {
    text-decoration: underline;
}

.overflow_y_hidden {
    overflow: hidden !important;
}

/* common class */
/* font */
.font_Noto {
    font-family: 'Noto Sans Kr' !important;
}

.font_Helv {
    font-family: 'Noto Sans Kr' !important;
}

.font_Maru {
    font-family: 'MaruBuri' !important;
}

.font_Lato {
    font-family: 'Lato' !important;
}

.bold {
    font-weight: 700 !important;
}

.medium {
    font-weight: 500 !important;
}

.regular {
    font-weight: 400 !important;
}

.light {
    font-weight: 300 !important;
}

.fs0 {
    font-size: 0 !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.lh17 {
    line-height: 17px !important;
}

.lh32 {
    line-height: 32px !important;
}

.lh34{
    line-height: 34px !important;
}

.lh1-5{
    line-height: 1.5 !important;
}
.color_01 {
    color: #FF4040 !important;
}

.color_02 {
    color: #16B13F !important;
}

.color_03 {
    color: #000 !important;
}

.color_04 {
    color: #7d7d7d !important;
}

.color_05 {
    color: #4d4d4d !important;
}

.color_06 {
    color: #fc4040 !important;
}

.mn_ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mn_ellipsis__line2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* font */
/* chip */
.mn_chip {
    display: inline-flex;
    /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; */
    border-radius: 25px;
    text-align: center;
}

.mn_chip__ty1 {
    padding: 0 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    background: #f8f8f8;
}

.mn_chip__ty2 {
    padding: 0 16px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    background: #4d4d4d;
}

.mn_chip__ty3 {
    min-width: 76px;
    padding: 0 16px;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 36px;
    border: 1px solid #c4c4c4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_chip__ty3.on, .mn_chip__ty3:hover {
    color: #fff;
    border: 1px solid #4d4d4d;
    background: #4d4d4d;
}

.mn_chip__ty4 {
    padding: 0 14px;
    font-size: 16px;
    line-height: 38px;
    background: #f8f8f8;
}

.mn_chip__ty5 {
    padding: 0 14px;
    font-size: 16px;
    line-height: 38px;
    background: #f8f8f8;
    color: #4d4d4d;
}

.mn_chip__ty6 {
    min-width: 76px;
    padding: 0 16px;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 36px;
    border: 1px solid #c4c4c4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_chip__ty6.on, .mn_chip__ty6:hover {
    color: #fff;
    border: 1px solid #4d4d4d;
    background: #4d4d4d;
}

.mn_chip__ty7 {
    width: 74px;
    height: 32px;
    color: #7D7D7D;
    background: #EEEEEE;
    border-radius: 0;
}

.mn_chip__ty8 {
    width: 74px;
    height: 32px;
    color: #FFFFFF;
    background: #4d4d4d;
    border-radius: 0;
}

.mn_chip__wrap {
    text-align: center;
    font-size: 0;
}
.mn_chip__wrap span {
    width: 100%;
}
.mn_chip__wrap .mn_chip + .mn_chip {
    margin-left: 10px;
}

/* text */
.mn_title_01 {
    font-size: 18px;
    line-height: 26px;
}

.mn_title_01.--essential:after {
    content: '*';
    display: inline-block;
    vertical-align: top;
    color: #ff4040;
    margin-left: 3px;
    font-size: 20px;
}

.mn_title_01 + .mn_input_box {
    /* margin-top: 20px; */
}

.mn_title_02 {
    font-size: 20px;
    line-height: 29px;
}

.mn_title_03 {
    font-size: 16px;
    line-height: 22px;
}

.mn_title_04 {
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
}

.mn_title_04.bl {
    display: inline-block;
    padding-left: 31px;
    background: url(../images/common/icon_rnd_chk_red.png) no-repeat left center;
}

.mn_title_05 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.mn_title_05 > small {
    padding-left: 7px;
    font-weight: 400;
    font-size: 18px;
    color: #7d7d7d;
}

.mn_title_06 {
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
}

.mn_title_07 {
    font-weight: 500;
    font-size: 28px;
    line-height: 37px;
}

.mn_title_08 {
    font-weight: 500;
    font-size: 36px;
    line-height: 52px;
}

.mn_title_09 {
    font-weight: 500;
    font-size: 32px;
    line-height: 46px;
}

.ico_essential:after {
    content: '*';
    display: inline-block;
    vertical-align: top;
    color: #ff4040;
    font-size: 20px;
}

.mn_txt01 > dt {
    font-size: 20px;
    line-height: 29px;
}

.mn_txt01 > dt + dd {
    margin-top: 10px;
}

.mn_txt01 > dd {
    font-size: 16px;
    line-height: 26px;
}

.mn_dest01 {
    font-size: 15px;
    line-height: 25px;
}

.mn_dest02 {
    font-size: 14px;
    line-height: 22px;
    color: #7d7d7d;
}

.mn_dest03 {
    font-size: 16px;
    line-height: 26px;
}

.mn_dest04 {
    font-size: 16px;
    line-height: 30px;
}

.mn_msg {
    font-size: 15px;
    line-height: 21px;
}

.mn_msg + .mn_title_01 {
    margin-top: 30px;
}

.mn_msg + .mn_input_box {
    /* margin-top: 30px; */
}

* + .mn_msg {
    margin-top: 12px;
}

.mn_bl_text01 {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    line-height: 18px;
    background: url(../images/common/icon_rnd_chk.png) no-repeat left center/17px auto;
}

.mn_list01 > li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 23px;
    color: #000;
}
.mn_list01 > li b {
    font-weight: 500;
}
.mn_list01 > li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    border-bottom: 5px solid #000;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_list02 > li + li {
    margin-top: 15px;
}

.mn_list03 > li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}

.mn_list03 > li::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    border-bottom: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_list03 > li + li {
    margin-top: 6px;
}

.mn_list04 > li > a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    font-size: 16px;
    line-height: 24px;
    color: #7d7d7d;
}

.mn_list04 > li > a.on, .mn_list04 > li > a:hover {
    font-weight: 500;
    color: #000;
}

.mn_list04 > li > a.on::before, .mn_list04 > li > a:hover::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    border-bottom: 4px solid #000;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_list04 > li + li {
    margin-top: 15px;
}

.mn_list05 > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.mn_list05 > li + li {
    margin-top: 8px;
}

.mn_list05 > li .tit {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100px;
    font-size: 14px;
    line-height: 20px;
    color: #7d7d7d;
}

.mn_list05 > li .cont {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
}

.mn_list06 > li {
    position: relative;
    padding-left: 15px;
    font-size: 20px;
    line-height: 40px;
    color: #000;
}

.mn_list06 > li::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 6px;
    border-bottom: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_list07 > li {
    position: relative;
    padding-left: 15px;
    font-size: 20px;
    line-height: 40px;
    color: #000;
}

.mn_list07 > li::before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    width: 5px;
    border-bottom: 5px solid #000;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_list08 > li {
    position: relative;
    padding-left: 15px;
    font-size: 18px;
    line-height: 32px;
    color: #7d7d7d;
}

.mn_list08 > li::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 6px;
    border-bottom: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_list08 > li.ty1 {
    color: #ff4040;
}

.mn_list08 > li.ty1::before {
    border-bottom: 1px solid #ff4040;
}

.mn_list09 > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 30px;
}

.mn_list09 > li > .tit {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-weight: 500;
}

.mn_list09 > li > .txt {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    padding-left: 10px;
}

.mn_list09 > li > .txt::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    border-left: 1px solid #ccc;
}

.mn_list09 > li + li {
    margin-top: 10px;
}

/* text */
/* layout */
.content2 {
    /* padding: 0 calc((100% - 1400px) /2); */
    width: 1400px;
    margin: 0 auto;
}

#container {
    padding-bottom: 120px;
}

.mn_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    /* flex-direction: column; */
    margin: 0 auto;
}

.mn_container.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.mn_container__title {
    margin-top: 53px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.mn_container__title + .mn_tab04 {
    margin-top: 20px;
}

.mn_content_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    margin: 50px auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mn_content_top > h2 {
    width: 360px;
    line-height: 54px;
}

.mn_content_top .mn_input_box {
    margin-left: auto;
}

.mn_flex_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1400px;
    margin: 0 auto;
}

.mn_flex_section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    /* overflow: hidden; */
}

.dptrg {
    display: none;
}

/* aside */
aside {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 260px;
    margin-right: 100px;
}

aside > h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

aside * + h3 {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #dcdcdc;
}

.mn_rnd_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-top: 6px;
}

.mn_rnd_box .mn_check_box.rnd {
    margin: 10px 10px 0 0;
}

.mn_series__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-top: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_series__wrap > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 10px 0 0;
    width: 125px;
    height: 90px;
}

.mn_series__wrap > li:nth-child(n + 5) {
    height: 0;
    margin-top: 0;
    opacity: 0;
}

.mn_series__btnarea {
    margin-top: 22px;
    text-align: center;
}

.mn_series__btnarea .btn.more span + span {
    display: none;
}

.mn_series__btnarea .btn.more.active span {
    display: none;
}

.mn_series__btnarea .btn.more.active span + span {
    display: inline-block;
}

.mn_series__btnarea .btn.more.active::before {
    content: none;
}

.content2 .active li:nth-child(5) {
    -webkit-animation: 0.5s dn 0s forwards;
    animation: 0.5s dn 0s forwards;
}

.content2 .active li:nth-child(6) {
    -webkit-animation: 0.5s dn 0.1s forwards;
    animation: 0.5s dn 0.1s forwards;
}

.content2 .active li:nth-child(7) {
    -webkit-animation: 0.5s dn 0.2s forwards;
    animation: 0.5s dn 0.2s forwards;
}

.content2 .active li:nth-child(8) {
    -webkit-animation: 0.5s dn 0.3s forwards;
    animation: 0.5s dn 0.3s forwards;
}

.content2 .active li:nth-child(9) {
    -webkit-animation: 0.5s dn 0.4s forwards;
    animation: 0.5s dn 0.4s forwards;
}

.content2 .active li:nth-child(10) {
    -webkit-animation: 0.5s dn 0.5s forwards;
    animation: 0.5s dn 0.5s forwards;
}

.content2 .active li:nth-child(11) {
    -webkit-animation: 0.5s dn 0.6s forwards;
    animation: 0.5s dn 0.6s forwards;
}

.content2 .active li:nth-child(12) {
    -webkit-animation: 0.5s dn 0.7s forwards;
    animation: 0.5s dn 0.7s forwards;
}

.content2 .active li:nth-child(13) {
    -webkit-animation: 0.5s dn 0.8s forwards;
    animation: 0.5s dn 0.8s forwards;
}

.content2 .active li:nth-child(14) {
    -webkit-animation: 0.5s dn 0.9s forwards;
    animation: 0.5s dn 0.9s forwards;
}

.content2 .active li:nth-child(15) {
    -webkit-animation: 0.5s dn 1s forwards;
    animation: 0.5s dn 1s forwards;
}

.content2 .active li:nth-child(16) {
    -webkit-animation: 0.5s dn 1.1s forwards;
    animation: 0.5s dn 1.1s forwards;
}

.content2 .active li:nth-child(17) {
    -webkit-animation: 0.5s dn 1.2s forwards;
    animation: 0.5s dn 1.2s forwards;
}

.content2 .active li:nth-child(18) {
    -webkit-animation: 0.5s dn 1.3s forwards;
    animation: 0.5s dn 1.3s forwards;
}

.content2 .active li:nth-child(19) {
    -webkit-animation: 0.5s dn 1.4s forwards;
    animation: 0.5s dn 1.4s forwards;
}

.content2 .active li:nth-child(20) {
    -webkit-animation: 0.5s dn 1.5s forwards;
    animation: 0.5s dn 1.5s forwards;
}

.content2 .active li:nth-child(21) {
    -webkit-animation: 0.5s dn 1.6s forwards;
    animation: 0.5s dn 1.6s forwards;
}

.content2 .active li:nth-child(22) {
    -webkit-animation: 0.5s dn 1.7s forwards;
    animation: 0.5s dn 1.7s forwards;
}

.content2 .active li:nth-child(23) {
    -webkit-animation: 0.5s dn 1.8s forwards;
    animation: 0.5s dn 1.8s forwards;
}

.content2 .active li:nth-child(24) {
    -webkit-animation: 0.5s dn 1.9s forwards;
    animation: 0.5s dn 1.9s forwards;
}

.content2 .active li:nth-child(25) {
    -webkit-animation: 0.5s dn 2s forwards;
    animation: 0.5s dn 2s forwards;
}

.content2 .active li:nth-child(26) {
    -webkit-animation: 0.5s dn 2.1s forwards;
    animation: 0.5s dn 2.1s forwards;
}

.content2 .active li:nth-child(27) {
    -webkit-animation: 0.5s dn 2.2s forwards;
    animation: 0.5s dn 2.2s forwards;
}

.content2 .active li:nth-child(28) {
    -webkit-animation: 0.5s dn 2.3s forwards;
    animation: 0.5s dn 2.3s forwards;
}

.content2 .active li:nth-child(29) {
    -webkit-animation: 0.5s dn 2.4s forwards;
    animation: 0.5s dn 2.4s forwards;
}

.content2 .active li:nth-child(30) {
    -webkit-animation: 0.5s dn 2.5s forwards;
    animation: 0.5s dn 2.5s forwards;
}

@-webkit-keyframes dn {
    1% {
        height: 100px;
        margin-top: 10px;
        opacity: 0;
    }
    100% {
        height: 100px;
        margin-top: 10px;
        opacity: 1;
    }
}

@keyframes dn {
    1% {
        height: 100px;
        margin-top: 10px;
        opacity: 0;
    }
    100% {
        height: 100px;
        margin-top: 10px;
        opacity: 1;
    }
}

.mn_series__checkbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.mn_series__checkbox > label input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mn_series__checkbox > label input[type="checkbox"]:checked + span {
    border: 3px solid #4d4d4d;
}

.mn_series__checkbox > label input[type="checkbox"]:disabled + span {
    cursor: auto;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
}

.mn_series__checkbox > label input[type="checkbox"]:disabled + span > img {
    -webkit-filter: url("../js/libs/filters.svg#grayscale");
    filter: url("../js/libs/filters.svg#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
}

.mn_series__checkbox > label span {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 90px;
    padding: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #c4c4c4;
    cursor: pointer;
}

.mn_series__checkbox > label span > img {
    max-width: 100%;
    max-height: 100%;
}

/* aside */
.btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.btn_area > .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.btn_area > .btn + .btn {
    margin-left: 16px;
}

.mn_bgbox {
    padding: 16px 20px;
    background: #f8f8f8;
}

.mn_bgbox + .mn_txt01 {
    margin-top: 34px;
}

.mn_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: 1400px;
}

.mn_flex.items > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_flex.items > * + * {
    margin-left: 16px;
}

.mn_flex.sb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mn_flex.center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mn_flex.bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* layout */
/* tab */
.mn_tab_cont {
    display: none;
}

.mn_tab_cont.on {
    display: block;
}

/* tab */
/* input */
.mn_input_box {
    position: relative;
}

.mn_input_box + .mn_input_box {
    margin-top: 18px;
}

.mn_input_box.w100p {
    width: 100%;
}

.mn_input_box.file {
    overflow: hidden;
}

.mn_input_box.file > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mn_input_box.file .inp_file_label {
    display: block;
    cursor: pointer;
    text-align: center;
    border: 1px solid #000;
    border-radius: 25px;
    overflow: hidden;
}

.mn_input_box.file .inp_file_label > span {
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
}

.mn_input_box .inp {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    height: 46px;
    padding: 0 14px;
    font-size: 16px;
    line-height: 44px;
    color: #000;
    border: 1px solid #c4c4c4;
    background: #fff;
}

.mn_input_box .inp[disabled], .mn_input_box .inp[disabled="disabled"] {
    background: #f8f8f8;
    color: #c4c4c4;
    border: 1px solid #e0e0e0;
}

.mn_input_box .inp[disabled]::-webkit-input-placeholder, .mn_input_box .inp[disabled="disabled"]::-webkit-input-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::-moz-placeholder, .mn_input_box .inp[disabled="disabled"]::-moz-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]:-ms-input-placeholder, .mn_input_box .inp[disabled="disabled"]:-ms-input-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::-ms-input-placeholder, .mn_input_box .inp[disabled="disabled"]::-ms-input-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::placeholder, .mn_input_box .inp[disabled="disabled"]::placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]::-webkit-input-placeholder, .mn_input_box .inp[disabled="disabled"]::-webkit-input-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled]:-ms-input-placeholder, .mn_input_box .inp[disabled="disabled"]:-ms-input-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[disabled].h54:-mos-input-placeholder, .mn_input_box .inp[disabled="disabled"].h54:-mos-input-placeholder {
    color: #c4c4c4 !important;
}

.mn_input_box .inp[readonly], .mn_input_box .inp[readonly="readonly"] {
    background: #fff;
    color: #ACACAC;
}

.mn_input_box .inp.w80 {
    width: 80px;
}

.mn_input_box .inp.w120 {
    width: 120px;
}

.mn_input_box .inp.w200 {
    width: 200px;
}

.mn_input_box .inp.w240 {
    width: 240px;
}

.mn_input_box .inp.w344 {
    width: 344px;
}

.mn_input_box .inp.w580 {
    width: 580px;
}

.mn_input_box.b_ty .inp {
    height: 60px;
    padding: 18px 0;
    line-height: 24px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
}

.mn_input_box.suffix .inp {
    padding-right: 50px !important;
}

.mn_input_box.error .inp {
    border-bottom: 1px solid #ff4040;
}

.mn_input_box .suffix {
    position: absolute;
    top: 50%;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translateY(-50%);
    height: 24px;
    margin-left: 10px;
    font-size: 16px;
    line-height: 24px;
}

.mn_input_box.error .suffix {
    color: #ff4040;
}

.mn_input_box + .mn_title_01 {
    margin-top: 35px;
}

.mn_input_box.search {
    display: inline-block;
    width: 680px;
    padding: 0 25px 0 60px;
    border-radius: 50px;
    background: #f8f8f8;
}

.mn_input_box.search .inp {
    height: 54px;
    padding: 0;
    line-height: 52px;
    font-size: 18px;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
}

.mn_input_box.search > .btn.search {
    position: absolute;
    top: 17px;
    left: 28px;
}

.mn_input_box.search.small {
    width: 320px;
    padding-left: 46px;
}

.mn_input_box.search.small .inp {
    height: 40px;
    font-size: 14px;
    line-height: 38px;
}

.mn_input_box.search.small > .btn.search {
    top: 12px;
    left: 20px;
}

.mn_input_box.search.open {
    margin-top: 6px;
    width: 760px;
    padding: 14px 0 14px 40px;
    background: #fff;
    border-bottom: 2px solid #000;
    border-radius: 0;
}

.mn_input_box.search.open .inp {
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    background: #fff;
}

.mn_input_box.search.open .btn.search {
    top: 18px;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(../images/common/icon_header_search_bk.svg) no-repeat left center/contain;
}

.mn_input_box.search.open .btn.rndclose.inpreset {
    top: 24px;
    right: 22px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.mn_input_box.search.white {
    width: 636px;
    border: 1px solid #dcdcdc;
    background: #fff;
}

.mn_input_box.search.white .inp {
    height: 48px;
    line-height: 46px;
    background: #fff;
    border: 1px solid #fff;
}

.mn_input_box.search.white .btn.search {
    top: 13px;
    left: 27px;
}

.mn_input_box.search.white .btn.inpreset {
    right: 27px;
}

.mn_input_box.byte .inp {
    padding-right: 100px;
}

.mn_input_box.byte .suffix {
    top: 50%;
    right: 24px;
    margin-left: 0;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: normal;
}

.mn_input_box .btn.inpreset {
    position: absolute;
    top: 50%;
    right: 36px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.mn_input_box.h54 .inp {
    height: 54px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 54px;
}

.mn_input_box.h56 .inp {
    height: 56px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 54px;
}

/* input */
/* checkbox */
.mn_check_box {
    display: inline-block;
    font-size: 0;
}

.mn_check_box > label {
    position: relative;
    display: block;
    min-height: 20px;
    cursor: pointer;
}

.mn_check_box > label > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mn_check_box > label > input + span {
    display: flex;
    align-items: center;
    padding-left: 30px;
    font-size: 16px;
}

.mn_check_box > label > input + span small {
    font-size: 14px;
    color: #7d7d7d;
}

.mn_check_box > label > input[type="checkbox"] + span {
    padding-left: 0;
}

.mn_check_box > label > input[type="checkbox"] + span::before {
    position: relative;
    display: inline-block;
    content: '';
    margin-right: 12px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

.mn_check_box > label > input[type="checkbox"] + span.bk::before {
    border-color: black;
}

.mn_check_box > label > input[type="checkbox"]:checked + span::before {
    border: 2px solid #4d4d4d;
    background: #fff url(../images/common/icon_ckecked.svg) no-repeat center 4px;
}

.mn_check_box > label > input[type="checkbox"]:disabled + span {
    color: #c4c4c4;
}

.mn_check_box > label > input[type="checkbox"]:disabled + span small {
    color: #c4c4c4;
}

.mn_check_box > label > input[type="checkbox"]:disabled + span::before {
    border: 1px solid #c4c4c4;
    background: #dcdcdc;
}

.mn_check_box > label > input[type="radio"] + span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
}

.mn_check_box > label > input[type="radio"] + span::before {
    display: inline-block;
    margin-right: 8px;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_check_box > label > input[type="radio"]:checked + span {
    color: #000;
}

.mn_check_box > label > input[type="radio"]:checked + span::before {
    border: 2px solid #000;
}

.mn_check_box > label > input[type="radio"]:checked + span::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mn_check_box > label > input[type="radio"]:disabled + span,
.mn_check_box > label > input[type="radio"]:checked:disabled + span {
    color: #c4c4c4;
}

.mn_check_box > label > input[type="radio"]:checked:disabled + span::before {
    border: 2px solid #c4c4c4;
}

.mn_check_box > label > input[type="radio"]:checked:disabled + span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    border-bottom: 6px solid #c4c4c4;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #c4c4c4;
}

.mn_check_box > label > input[type="radio"].ty1 + span::before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #c4c4c4;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_check_box > label > input[type="radio"].ty1:checked + span {
    color: #000;
}

.mn_check_box > label > input[type="radio"].ty1:checked + span::before {
    border: 2px solid #000;
}

.mn_check_box > label > input[type="radio"].ty1:checked + span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    border-bottom: 10px solid #000;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mn_check_box > label > input[type="radio"].ty1:checked:disabled + span {
    color: #c4c4c4;
}

.mn_check_box > label > input[type="radio"].ty1:checked:disabled + span::before {
    border: 2px solid #c4c4c4;
}

.mn_check_box > label > input[type="radio"].ty1:checked:disabled + span::after {
    border-bottom: 10px solid #c4c4c4;
}

.mn_check_box.single > label > span {
    padding-left: 20px;
}

.mn_check_box.rnd label > input[type="checkbox"] + span {
    position: relative;
    min-width: 80px;
    padding: 0 12px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    color: #7d7d7d;
    border: 1px solid #c4c4c4;
    border-radius: 25px;
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    justify-content: center;
}

.mn_check_box.rnd label > input[type="checkbox"] + span::before {
    content: none;
}

.mn_check_box.rnd label > input[type="checkbox"]:checked + span {
    color: #fff;
    border: 1px solid #4d4d4d;
    background: #4d4d4d;
}

.mn_check_box.rnd label > input[type="checkbox"]:checked + span::before {
    content: none;
}

.mn_check_box.rnd label > input[type="checkbox"]:disabled + span {
    color: #c4c4c4;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
    cursor: default;
}

.mn_check_box.rnd label > input[type="checkbox"]:disabled + span::before {
    content: none;
}

.mn_check_box.rnd.ty1 label > input[type="checkbox"] + span {
    width: 80px;
    padding: 0;
    white-space: nowrap;
}

.mn_check_box__wrap {
    font-size: 0;
    line-height: normal;
}

.mn_check_box__wrap .mn_check_box + .mn_check_box {
    margin-left: 35px;
}

.mn_check_box.switch > label > input + span {
    padding: 0 40px 0 0;
}

.mn_check_box.switch > label > input + span::before {
    left: auto;
    right: 0;
    width: 34px;
    height: 20px;
    border-radius: 27px;
    background: #eaeaea;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_check_box.switch > label > input + span::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_check_box.switch > label > input[type="checkbox"]:checked + span::before {
    border: none;
    background: #4b4b4b;
}

.mn_check_box.switch > label > input[type="checkbox"]:checked + span::after {
    right: 16px;
}

.mn_check_box.rndchk > label > input[type="checkbox"] + span {
    width: 37px;
    height: 37px;
    padding-left: 0;
    font-size: 0;
    line-height: normal;
    text-indent: -999px;
    overflow: hidden;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/icon_rnd_chk_02_white.png);
    background-color: transparent;
}

.mn_check_box.rndchk > label > input[type="checkbox"] + span::before {
    content: none;
}

.mn_check_box.rndchk > label > input[type="checkbox"] + span::after {
    content: none;
}

.mn_check_box.rndchk > label > input[type="checkbox"]:checked + span {
    border: 1px solid #fff;
    background-image: url(../images/common/icon_rnd_chk_02_black.png);
    background-color: #fff;
}

/* checkbox */
/* radio */
.mn_radio_box.ty1 {
    overflow: hidden;
}

.mn_radio_box.ty1 label {
    cursor: pointer;
    float: left;
}

.mn_radio_box.ty1 label input[type="radio"] {
    position: absolute;
    top: -9999px;
    visibility: hidden;
}

.mn_radio_box.ty1 label input[type="radio"] + span {
    display: inline-block;
    padding: 12px 50px;
    border: 1px solid  #4D4D4D;
    border-right: none;
    background: #fff;
    color: #4D4D4D;
    font-size: 18px;
}

.mn_radio_box.ty1 label input[type="radio"]:checked + span {
    background: #4D4D4D;
    color: #fff;
}

.mn_radio_box.ty1 label:last-child input + span {
    border-right: 1px solid #4D4D4D;
}

/* radio end */
/* file box */
.mn_file_box input[type="file"] {
    visibility: hidden;
    position: absolute;
    top: -9999px;
}

.mn_file_box.ty1 label {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 46px;
    border: 1px solid #C4C4C4;
    padding: 0 18px;
    cursor: pointer;
}

.mn_file_box.ty1 label span {
    color: #7D7D7D;
    line-height: 46px;
    font-size: 16px;
}

.mn_file_box.ty1 label::after {
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/common/icon_plus.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* file box end */

/* selectbox */
.mn_selectbox {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 34px 0 18px;
    font-size: 16px;
    color: #000;
    border: 1px solid #c4c4c4;
    background: #fff url(../images/common/icon_arrow_down.png) no-repeat right 14px center/12px 7px;
}

.mn_selectbox.on {
    color: #000;
}

.mn_selectbox.b_ty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    background: #fff url(../images/common/icon_arrow_down.png) no-repeat right center/12px;
}

.mn_selectbox[disabled], .mn_selectbox[disabled="disabled"] {
    opacity: 0.4;
    background-color: #e0e0e0;
}

.mn_selectbox__wrap {
    font-size: 0;
}

.mn_selectbox__wrap .mn_selectbox {
    display: inline-block;
    width: 240px;
}

.mn_selectbox__wrap .mn_selectbox + .mn_selectbox {
    margin-left: 10px;
}

.mn_selectbox__wrap .mn_selectbox__cont {
    display: inline-block;
    vertical-align: top;
    width: 240px;
}

.mn_selectbox__wrap .mn_selectbox__cont + .mn_selectbox__cont {
    margin-left: 10px;
}

.mn_selectbox__cont {
    display: inline-block;
    font-size: 0;
}

.mn_selectbox__cont.big .mn_selectbox {
    height: 54px;
    font-size: 18px;
    background: #fff url(../images/common/icon_ar_19x11_d.png) no-repeat right 24px center;
}

.mn_selectbox__cont.big .mn_selectbox:disabled {
    opacity: 1;
    color: #c4c4c4;
    border: 1px solid #e0e0e0;
    background: #f8f8f8 url(../images/common/icon_ar_19x11_d2.png) no-repeat right 24px center;
}

.mn_selectbox.mini {
    display: inline-block;
    width: auto;
    height: 19px;
    line-height: 19px;
    padding: 0 14px 0 0;
    font-size: 13px;
    border: none;
    background: #fff url(../images/common/icon_triangle.png) no-repeat right center;
    color: #000;
}

.mn_selectbox.mini.ty1 {
    height: 24px;
    font-size: 16px;
    padding: 0 15px 0 0;
    background: #fff url(../images/common/icon_triangle02.png) no-repeat right center;
}

.mn_selectbox.mini.ty2 {
    height: 20px;
    font-size: 14px;
    padding: 0 15px 0 0;
    background: #fff url(../images/common/icon_triangle02.png) no-repeat right center;
}

.mn_selectbox.h40 {
    height: 40px;
    background: #fff url(../images/pm/icon_01.png) no-repeat right 14px center;
}

/* selectbox */
/* button */
.underline_link {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    font-size: 11px;
    line-height: normal;
    color: #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
}

.underline_link.ra:after {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    width: 5px;
    height: 7px;
    margin-left: 2px;
    background: url(../images/common/icon_arrow_right.png) no-repeat center center/cover;
}

.underline_link.big {
    font-size: 15px;
    line-height: 21px;
    padding-bottom: 1px;
}

.underline_link.big.ra:after {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    width: 7px;
    height: 12px;
    margin-left: 5px;
    background: url(../images/common/icon_arrow_right.png) no-repeat center center/cover;
}

.underline_link.bk {
    color: #000;
}

.underline_link.bk.ra:after,
.next.bk.ra:after {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    width: 6px;
    height: 12px;
    margin-left: 8px;
    background: url(../images/common/icon_arrow_link_bk.png) no-repeat center center/cover;
}

.btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
}

.btn > span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn i {
    margin-left: 12px;
}

.btn:disabled {
    cursor: default;
    opacity: 0.4;
}

.btn.pd0 {
    padding: 0;
}

.btn.h34 {
    height: 34px;
}

.btn.h34 > span {
    font-size: 14px;
    line-height: 34px;
}

.btn.h36 {
    height: 36px;
}

.btn.h36 > span {
    font-size: 14px;
    line-height: 34px;
}

.btn.h40 {
    height: 40px;
}

.btn.h40 > span {
    font-size: 14px;
}

.btn.h42 {
    height: 42px;
}

.btn.h42 > span {
    font-size: 14px;
    line-height: 40px;
}

.btn.h44 {
    height: 44px;
}

.btn.h44 > span {
    font-size: 14px;
    line-height: 42px;
}

.btn.h46 {
    height: 46px;
}

.btn.h46 > span {
    font-size: 16px;
    line-height: 44px;
}

.btn.h50 {
    height: 50px;
    line-height: 50px;
}

.btn.h50 > span {
    font-size: 18px;
    line-height: 48px;
}

.btn.h52 {
    height: 52px;
}

.btn.h52 > span {
    font-weight: 500;
    font-size: 18px;
}

.btn.h54 {
    height: 52px;
}

.btn.h54 > span {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.btn.h64 {
    height: 64px;
}

.btn.h64 > span {
    font-weight: 500;
    font-size: 22px;
}

.btn.w100p {
    width: 100%;
}

.btn.ty1 {
    color: #fff;
    background: #4d4d4d;
    border: 1px solid #4d4d4d;
}

.btn.ty1:disabled {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
    opacity: 1;
}

.btn.ty2 {
    color: #4d4d4d;
    border: 1px solid #4d4d4d;
}

.btn.ty3 {
    color: #3D548E;
    border: 1px solid #3D548E;
}

.btn.ty4 {
    color: #FFC400;
    border: 1px solid #FFC400;
}

.btn.ty5 {
    border: 1px solid #c4c4c4;
}

.btn.ty6 {
    background: #B3B3B3;
    color: #fff;
}

.btn.ty7 {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn.ty8 {
    color: #000;
    border: 1px solid #C4C4C4;
}

.btn.br0 {
    border-radius: 0;
}

.btn.icon {
    display: inline-block;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    text-indent: -999px;
}
.btn.w100 {
    width: 100%;
}
.btn.close {
    width: 16px;
    height: 16px;
    background: url(../images/common/icon_close.png) no-repeat 0 0/cover;
}

.btn.close.small {
    width: 14px;
    height: 14px;
}

.btn.close_18 {
    width: 18px;
    height: 18px;
    background: url(../images/common/icon_close_25.png) no-repeat;
    background-size: contain;
}

.btn.close_25 {
    width: 25px;
    height: 25px;
    background: url(../images/common/icon_close_25.png) no-repeat;
}

.btn.close_25_bk {
    width: 25px;
    height: 25px;
    background: url(../images/common/icon_close_25_bk.png) no-repeat;
}

.btn.cancel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn.cancel::before {
    display: inline-block;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/common/icon_close_sm.png) no-repeat;
}

.btn.add {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn.add::before {
    display: inline-block;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    content: '';
    background: url(../images/common/icon_plus_g.png) no-repeat;
}

.btn.rndclose {
    width: 24px;
    height: 24px;
    background: url(../images/common/icon_rnd_close.png) no-repeat center center/cover;
}

.btn.slide {
    width: 15px;
    height: 9px;
    background: url(../images/common/icon_arrow_down.png) no-repeat center center/15px 9px;
}

.btn.slide_open::after {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 10px;
    vertical-align: middle;
    background: url(../images/common/icon_arrow_down.png) no-repeat 0 0/12px 7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn.slide_open.on::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn.la::before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    margin-right: 10px;
    background: url(../images/common/icon_arrow_left.png) no-repeat center center/cover;
}

.btn.la02::before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 20px;
    margin-right: 10px;
    background: url(../images/common/icon_ar_g.png) no-repeat center center/cover;
}

.btn.ra::after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    margin-left: 10px;
    background: url(../images/common/icon_arrow_right.png) no-repeat center center/cover;
}

.btn.ra.white::after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    margin-left: 10px;
    background: url(../images/common/icon_arrow_right_white.png) no-repeat center center/cover;
}

.btn.icon.search {
    width: 24px;
    height: 24px;
    background: url(../images/common/icon_search.png) no-repeat left top/cover;
}

.btn.icon.search.small {
    width: 17px;
    height: 17px;
}

.btn.list::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 10px;
    margin-right: 5px;
    background: url(../images/common/icon_list.svg) no-repeat;
}

.btn.doc1 {
    min-width: 100px;
}

.btn.doc1::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 17px;
    margin-right: 5px;
    background: url(../images/common/icon_doc1.png) no-repeat;
    background-size: contain;
}

.btn.doc2::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px;
    margin-left: 6px;
    background: url(../images/common/icon_doc2.png) no-repeat 0 0/cover;
}

.btn.doc3::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    background: url(../images/common/icon_doc3.png) no-repeat 0 0/cover;
}

.btn.doc4::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 18px;
    margin-left: 6px;
    background: url(../images/common/icon_doc4.png) no-repeat 0 0/cover;
}

.btn.doc5::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background: url(../images/common/icon_doc5.svg) no-repeat center/cover;
}

.btn.pen {
    min-width: 160px;
}

.btn.pen::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(../images/common/icon_pen.svg) no-repeat;
}

.btn.inquiry::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(../images/common/icon_inquiry.svg) no-repeat;
}

.btn.more::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: url(../images/common/icon_plus_small.png) no-repeat 0 0/cover;
}

.btn.more.w::before {
    width: 24px;
    height: 24px;
    background: url(../images/common/icon_plus_small_w.png) no-repeat 0 0/cover;
}
/* 찜하기 */
.btn.zzim {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_zzim_off.png) no-repeat center;
    background-size: 24px;
    /* -webkit-transition: 0.3s;
  transition: 0.3s; */
    border: 1px solid #C4C4C4;
    border-radius: 50%;
}

.btn.zzim:hover, .btn.zzim.on {
    background: url(../images/common/icon_zzim_on.png) no-repeat center;
    background-size: 24px;
}

.btn.zzim02 {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_zzim2_off.png) no-repeat center;
    background-size: 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #fff;
    border-radius: 50%;
}

.btn.zzim02:hover, .btn.zzim02.on {
    background: url(../images/common/icon_zzim_on.png) no-repeat center;
    background-size: 24px;
}

.btn.zzim.small {
    width: 36px;
    height: 36px;
    background: url(../images/common/icon_zzim2_off.png) center/20px no-repeat;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn.zzim.small:hover {
    background: #fff url(../images/common/icon_zzim_g.png) center/20px no-repeat;
    border: 1px solid #fff;
}

.btn.zzim.small.on, .btn.zzim.small.on:hover {
    background: url(../images/common/icon_zzim_on.png) center/20px no-repeat;
    border-color: #FFFFFF;
}

/* 인쇄하기 */
.btn.print {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_print.png) center no-repeat;
    background-size: 24px;
    transition: 0.3s;
}

.btn.print.small {
    width: 36px;
    height: 36px;
    background: url(../images/common/icon_print.png) no-repeat center;
    background-size: 20px;
}

.btn.print.small:hover {
    background: #fff url(../images/common/icon_print_g.png) no-repeat center;
    background-size: 20px;
}

.btn.share {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_share.png) no-repeat center;
    background-size: 24px;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
}

.btn.like {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_like_off.png) no-repeat;
}

.btn.like.on {
    background: url(../images/common/icon_like_on.png) no-repeat;
}

.btn.recommend {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_recommend_off.png) no-repeat;
}

.btn.recommend.on {
    background: url(../images/common/icon_recommend_on.png) no-repeat;
}

.btn.scale {
    width: 84px;
    height: 84px;
    background: #fff url(../images/common/icon_scale.png) no-repeat left 24px center;
    border-radius: 50%;
    border: 1px solid #c4c4c4;
}

.btn.link {
    width: 36px;
    height: 36px;
    background: url(../images/rb/icon_link.png) no-repeat;
}

.btn.link02::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background: url(../images/common/icon_link02.png) no-repeat 0 0/cover;
}

.btn.kakao {
    width: 36px;
    height: 36px;
    background: url(../images/rb/icon_kakao.png) no-repeat;
}

.btn.facebook {
    width: 36px;
    height: 36px;
    background: url(../images/rb/icon_facebook.png) no-repeat;
}

.btn.blog {
    width: 36px;
    height: 36px;
    background: url(../images/rb/icon_blog.png) no-repeat;
}

.btn.play {
    width: 36px;
    height: 36px;
    background: url(../images/common/icon_play.png) no-repeat;
}

.btn.downdark {
    width: 32px;
    height: 32px;
    background:url(../images/common/icon_download_dark.png) no-repeat;
}

.btn.download {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_download_x2.png) no-repeat center/24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
}

.btn.down::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(../images/common/icon_down.png) no-repeat 0 0/contain;
}

.btn.down2::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background: url(../images/common/icon_download_w.png) no-repeat 0 0/cover;
}

.btn.download.white {
    width: 46px;
    height: 46px;
    background: url(../images/common/icon_download_white.svg) no-repeat center;
    background-size: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #fff;
    border-radius: 50%;
}

.btn.searchicon::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(../images/common/icon_search_small.png) no-repeat 0 0/cover;
}

.btn.chk::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(../images/common/icon_groupchk_on.png) no-repeat 0 0/contain;
}

.btn.chk:disabled:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(../images/common/icon_groupchk_off.png) no-repeat 0 0/contain;
}

.btn.heart::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-left: 6px;
    background: url(../images/common/icon_zzim_g.svg) no-repeat 0/cover;
}
.btn.heart.on::after {
    background: url(../images/common/icon_heart_on.svg) no-repeat 0/cover;
}
.btn.ic_print::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-left: 6px;
    background: url(../images/common/icon_print.svg) no-repeat 0/cover;
}

.btn.ic_print.black::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: 8px;
    background: url(../images/common/icon_print_black.png) no-repeat;
}

.btn.re > span {
    padding-right: 16px;
    font-size: 16px;
    line-height: 21px;
    color: #4d4d4d;
    background: url(../images/mt/icon_re.png) no-repeat right 4px;
    border-bottom: 1px solid #4d4d4d;
}

.btn.re2 {
    padding: 0;
    background: none;
}

.btn.re2 > span {
    padding-right: 16px;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    background: url(../images/mt/icon_re_white.png) no-repeat right 4px;
}

.btn.mv > span {
    padding-right: 20px;
}

.btn.mv > span::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 12px;
    height: 7px;
    background: url(../images/common/icon_arrow_down_small02.png) no-repeat;
}

.btn.mv.on > span::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.btn.ctt {
    padding: 0 36px;
}

.btn.ctt.ctt01 > span::after {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 10px;
    height: 17px;
    margin-left: 9px;
    background: url(../images/ct/ico_01.png) no-repeat;
}

.btn.ctt.ctt02 > span::after {
    content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 17px;
    margin-left: 9px;
    background: url(../images/ct/ico_02.png) no-repeat;
}

.btn.ctt:disabled {
    border: 1px solid  #dcdcdc !important;
    background: #dcdcdc !important;
    opacity: 1 !important;
}

.btn.ctt:disabled > span {
    color: #fff;
}

.btn.ctt:disabled > span::after {
    background: url(../images/ct/ico_01.png) no-repeat !important;
}

.btn.sbscr {
    padding: 0 34px;
}

.btn.sbscr > span {
    padding-left: 30px;
    background: url(../images/common/icon_pen_big.png) no-repeat left center;
}

/* button */
.box_link {
    display: inline-block;
    padding: 17px 30px 17px 28px;
    border: 2px solid #000;
}

.box_link > span {
    position: relative;
    display: inline-block;
    padding-right: 24px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    background: url(../images/common/icon_arrow_right_black02.png) no-repeat right center;
}

.box_link.ty1 {
    padding: 14px 0 14px 35px;
}

.box_link.ty1 > span {
    padding-right: 25px;
    background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
}

.box_link02 {
    display: inline-block;
    padding: 9px 17px;
    border: 1px solid #c4c4c4;
}

.box_link02 > span {
    position: relative;
    display: inline-block;
    padding-right: 14px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #4d4d4d;
    background: url(../images/common/icon_arrow_right_black03.png) no-repeat right center;
}

.box_link02 i {
    margin-left: 6px;
}

.box_link03 {
    display: inline-block;
    padding: 13px 30px 13px 27px;
    border: 2px solid #000;
}

.box_link03 > span {
    position: relative;
    display: inline-block;
    padding-right: 25px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    background: url(../images/common/icon_arrow_right_black02.png) no-repeat right center;
}

.box_link04 {
    display: inline-block;
    padding: 14px 22px;
    border: 1px solid #c4c4c4;
}

.box_link04 > span {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    font-size: 16px;
    line-height: 22px;
    color: #4d4d4d;
    background: url(../images/mt/icon_01.png) no-repeat right center;
}

.box_link05 {
    display: inline-block;
    padding: 18px 0 18px 28px;
    border: 2px solid #000;
}

.box_link05 > span {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    background: url(../images/common/icon_arrow_right_black02.png) no-repeat right center;
}

.box_link06 {
    display: inline-block;
    padding: 13px 35px;
    text-align: center;
    border: 2px solid #000;
}

.box_link06 > span {
    display: inline-block;
    padding-right: 24px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
}

.box_link07 {
    display: inline-block;
    padding: 12px 29px;
    text-align: center;
    border: 2px solid #000;
}

.box_link07 > span {
    display: inline-block;
    padding-right: 24px;
    font-weight: 500;
    font-size: 22px;
    background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
    background-size: 6px 12px;
}

.box_link08 {
    display: inline-block;
    padding: 15px 26px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
}

.box_link08 > span {
    display: inline-block;
    padding-right: 24px;
    font-size: 20px;
    background: url(../images/common/icon_arrow_right_white.png) no-repeat right center;
    background-size: 8px;
}

.box_link09 {
    display: inline-block;
    padding: 13px 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
}

.box_link09 > span {
    display: inline-block;
    padding-right: 30px;
    font-weight: 500;
    font-size: 22px;
    background: url(../images/common/icon_link02.png) no-repeat right center;
    background-size: 18px;
    line-height: 26px;
}

/* textarea */
.mn_textarea {
    border: 1px solid #c4c4c4;
}

.mn_textarea textarea {
    display: block;
    width: 100%;
    padding: 14px 18px;
    font-size: 16px;
    line-height: 34px;
    color: #000;
    border: 1px solid #c4c4c4;
    resize: none;
    outline: none;
}

.mn_textarea.byte textarea {
    height: 268px;
    border: none;
}

.mn_textarea.byte .byte {
    display: block;
    padding: 20px 24px;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    color: #7d7d7d;
    letter-spacing: normal;
}

/* textarea */
.icons {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.icons.lock01 {
    width: 16px;
    height: 18px;
    background: url(../images/common/icon_lock_01.png) no-repeat center center;
}

.icons.lock01.red {
    background: url(../images/common/icon_lock_01_red.png) no-repeat center center;
}

.icons.lock01.green {
    background: url(../images/common/icon_lock_01_green.png) no-repeat center center;
}

.icons.lock02 {
    width: 16px;
    height: 18px;
    background: url(../images/common/icon_lock_02.png) no-repeat center center;
}

.icons.lock02.red {
    background: url(../images/common/icon_lock_02_red.png) no-repeat center center;
}

.icons.lock02.green {
    background: url(../images/common/icon_lock_02_green.png) no-repeat center center;
}

/* table */
.mn_tbl01 {
    border: 1px solid #c4c4c4;
}

.mn_tbl01 > table > thead > tr > th {
    height: 48px;
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    background: #f8f8f8;
    border-left: 1px solid #e5e5e5;
}

.mn_tbl01 > table > thead > tr > th:first-child {
    border-left: none;
}

.mn_tbl01 > table > tbody > tr > td {
    height: 48px;
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-bottom: none;
}

.mn_tbl01 > table > tbody > tr > td:first-child {
    border-left: none;
}

.mn_tbl01 > table > tbody > tr > td:last-child {
    border-right: none;
}

.mn_tbl02 {
    border-top: 2px solid #000;
}

* + .mn_tbl02 {
    margin-top: 70px;
}

.mn_tab04 + .mn_tbl02 {
    margin-top: 60px;
}

.mn_tbl02 table thead th {
    height: 65px;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #c4c4c4;
}

.mn_tbl02 table tbody .point td {
    background: #f8f8f8;
}

.mn_tbl02 table tbody .point td a {
    padding-left: 30px;
    background: url(../images/common/icon_speaker.png) no-repeat left center;
}

.mn_tbl02 table tbody tr {
    border-bottom: 1px solid #c4c4c4;
}

.mn_tbl02 table tbody td {
    height: 73px;
    padding: 10px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
}
.mn_tbl02 table tbody td a {
    position: relative;
}
.mn_tbl02 table tbody td .icon_lock {
    position: absolute;
    top: -4px;
    right: -27px;
}
.mn_tbl02.pm_custom td {
    padding: 0 26px;
    line-height: 24px;
}

.mn_tbl02.pm_custom td > a {
    display: block;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mn_tbl02.pm_custom td .icon_link {
    display: inline-block;
    margin-left: 8px;
    width: 12px; height: 12px;
    background: url(../images/pm/icon_link.png) center;
    background-size: contain;
}
.mn_tbl02.board_detail .detail_top {
    padding: 24px 26px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    text-align: left;
}

.mn_tbl02.board_detail .detail_cont {
    padding: 0;
    text-align: left;
}

.mn_tbl02.board_detail .detail_cont .detail_content {
    padding: 40px 26px 80px 26px;
    text-align: left;
    line-height: 32px;
}

.mn_tbl02.board_detail .detail_cont .detail_files {
    margin-bottom: 40px;
}

.mn_tbl02.board_detail .mn_list_none {
    padding: 90px 0 110px 0;
}

.mn_tbl03 {
    border-top: 2px solid #000;
    padding-top: 10px;
}

.mn_tbl03 > table > tbody > tr > th {
    padding: 30px 0 30px 80px;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid #c4c4c4;
}
.mn_tbl03 > table > tbody > tr > th.center {
    vertical-align: middle;
}
.mn_tbl03 > table > tbody > tr > th.essential:after {
    content: '*';
    display: inline-block;
    vertical-align: top;
    color: #ff4040;
    margin-left: 3px;
    font-size: 20px;
}

.mn_tbl03 > table > tbody > tr > td {
    padding: 30px 0;
    vertical-align: middle;
    font-size: 16px;
    border-bottom: 1px solid #c4c4c4;
}

.mn_tbl03 > table > tbody > tr > td .mn_input_box {
    max-width: 840px;
}

.mn_tbl03 > table > tbody > tr > td .mn_textarea {
    max-width: 840px;
}

.mn_tbl04 {
    border: 1px solid #c4c4c4;
}

.mn_tbl04 > table > thead > tr > th {
    height: 48px;
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 16px;
    text-align: left;
    background: #f8f8f8;
    border-left: 1px solid #e5e5e5;
}

.mn_tbl04 > table > thead > tr > th:first-child {
    border-left: none;
}

.mn_tbl04 > table > tbody > tr > td {
    height: 48px;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    color: #7d7d7d;
    border: 1px solid #e5e5e5;
    border-bottom: none;
}
.mn_tbl04 > table > tbody > tr > td a {
    color: #7d7d7d;
}
.mn_tbl04 > table > tbody > tr > td:first-child {
    border-left: none;
}

.mn_tbl04 > table > tbody > tr > td:last-child {
    border-right: none;
}

.mn_tbl05 {
    border: 1px solid #c4c4c4;
}

.mn_tbl05 > table > thead > tr > th {
    height: 48px;
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    background: #f8f8f8;
    border-left: 1px solid #e5e5e5;
}

.mn_tbl05 > table > thead > tr > th:first-child {
    border-left: none;
}

.mn_tbl05 > table > tbody > tr > td {
    height: 48px;
    padding: 10px 5px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #7d7d7d;
    border: 1px solid #e5e5e5;
}

.mn_tbl05 > table > tbody > tr > td:first-child {
    border-left: none;
    border-bottom: none;
}

.mn_tbl05 > table > tbody > tr > td:last-child {
    border-right: none;
}
.mn_tbl05 > table > tbody > tr:last-child > td {
    border-bottom: none;
}
.mn_tbl05 > table > tbody > tr > td:last-child {

}
.mn_tbl06 {
    border-top: 1px solid #000;
}

.mn_tbl06 table thead th {
    font-weight: 500;
    height: 58px;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #c4c4c4;
}

.mn_tbl06 table tbody td {
    height: 140px;
    padding: 10px;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #c4c4c4;
}

.mn_tbl07 {
    border-top: 1px solid #000;
    padding-top: 23px;
}
.mn_tbl07.br-none {
    border-top: none;
}
.mn_tbl07 > table > tbody > tr > th {
    padding: 28px 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    text-align: left;
}

.mn_tbl07 > table > tbody > tr > td {
    padding: 28px 0;
    font-size: 20px;
    line-height: 40px;
}

.mn_tbl07 > table > tbody > tr:last-child > th,
.mn_tbl07 > table > tbody > tr:last-child > td {
    padding-bottom: 0;
}

.mn_tbl08 table{
    border: 1px solid #c4c4c4;
}

.mn_tbl08 > table > thead > tr > th {
    height: 60px;
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    background: #EDEDED;
    border-left: 1px solid #dcdcdc;
}

.mn_tbl08 > table > thead > tr > th:first-child {
    border-left: none;
}

.mn_tbl08 > table > tbody > tr > td {
    height: 70px;
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-bottom: none;
}

.mn_tbl08 > table > tbody > tr > td:first-child {
    border-left: none;
}

.mn_tbl08 > table > tbody > tr > td:last-child {
    border-right: none;
}

.mn_tbl09 {
    border-top: 1px solid #000;
}

.mn_tbl09 > table > tbody > tr > th {
    padding: 40px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid #dcdcdc;
}

.mn_tbl09 > table > tbody > tr > th.--essential:after {
    content: '*';
    display: inline-block;
    vertical-align: top;
    color: #ff4040;
    margin-left: 3px;
    font-size: 20px;
}

.mn_tbl09 > table > tbody > tr > th.etc {
    padding-top: 53px;
}

.mn_tbl09 > table > tbody > tr td {
    height: 40px;
    padding: 40px 0;
    vertical-align: middle;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid #dcdcdc;
}

.mn_tbl10 {
    border-top: 1px solid #000;
}

.mn_tbl10 > table > tbody > tr > th {
    height: 60px;
    vertical-align: middle;
    padding: 10px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    background: #f8f8f8;
    border-bottom: 1px solid #dcdcdc;
}

.mn_tbl10 > table > tbody > tr > td {
    padding: 10px 20px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #dcdcdc;
}

.mn_tbl11 > table th {
    padding: 20px 0 20px 40px;
    background: #F8F8F8;
    text-align: left;
}

.mn_tbl11 > table > tbody > tr > td {
    padding: 10px 12px 10px 24px;
}

*.--essential:after {
    content: '*';
    display: inline-block;
    color: #ff4040;
    margin-left: 3px;
    font-size: 20px;
}

.tbl_confirm {
    margin-top: 60px;
    text-align: center;
    font-size: 0;
}

.tbl_confirm .btn {
    min-width: 155px;
}

.tbl_confirm .btn + .btn {
    margin-left: 16px;
}

.mn_board__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px 54px;
    border-bottom: 1px solid #c4c4c4;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mn_board__top .chip {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 16px;
}

.mn_board__top .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.mn_board__top .date {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding-left: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #7d7d7d;
}

.mn_board__content {
    border-bottom: 1px solid #c4c4c4;
}

.mn_board__content .detail_content {
    padding: 60px 54px 80px 54px;
    font-size: 16px;
    line-height: 32px;
}
.mn_board__content .detail_content a {text-decoration: underline;}
.mn_board__content .detail_content ul,
.mn_board__content .detail_content ul li{list-style: disc; list-style-position: inside;}
.mn_board__content .detail_content ol,
.mn_board__content .detail_content ol li{list-style: decimal; list-style-position: inside;}

.detail_files {
    margin-bottom: 34px;
    padding: 22px 54px;
    background: #fafafa;
}
.content2 .detail_files ul {
    margin-bottom: 16px;
}
.content2 .detail_files ul:last-child {
    margin-bottom: 0;
}
.detail_files .download {
    display: block;
    padding-left: 46px;
    font-size: 16px;
    line-height: 32px;
    background: url(../images/common/icon_download.svg) no-repeat left center;
}

.detail_files .download:hover span {
    text-decoration: underline;
}

/* 페이징 */
.mn_pagination {
    margin-top: 55px;
    text-align: center;
    font-size: 0;
}

.mn_pagination .btns {
    display: inline-block;
    vertical-align: top;
}

.mn_pagination .btns a {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
}

.mn_pagination .btns a.first {
    background-image: url(../images/common/icon_pagination_first.png);
    background-size: contain;
}

.mn_pagination .btns a.prev {
    background-image: url(../images/common/icon_pagination_prev.png);
    background-size: contain;
}

.mn_pagination .btns a.next {
    background-image: url(../images/common/icon_pagination_next.png);
    background-size: contain;
}

.mn_pagination .btns a.last {
    background-image: url(../images/common/icon_pagination_last.png);
    background-size: contain;
}

.mn_pagination .btns a + a {
    margin-left: 6px;
}

.mn_pagination .center {
    display: inline-block;
    vertical-align: top;
    margin: 0 14px;
}

.mn_pagination .center > a {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    margin: 0 2px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 16px;
    color: #7d7d7d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_pagination .center > a:hover {
    background: #eee;
}

.mn_pagination .center > a.on {
    background: #eee;
}

.mn_pagination.small {
    margin-top: -36px;
}

.mn_pagination.small .btns a {
    width: 26px;
    height: 26px;
}

.mn_pagination.small .btns a.prev {
    background-image: url(../images/mt/icon_rnd_l.png);
}

.mn_pagination.small .btns a.next {
    background-image: url(../images/mt/icon_rnd_r.png);
}

.mn_pagination.small .center {
    margin: 0 10px;
}

.mn_pagination.small .center a {
    width: 20px;
    font-size: 12px;
    line-height: 26px;
    color: #7d7d7d;
}

.mn_pagination.small .center a:hover {
    background: none;
}

.mn_pagination.small .center a.on {
    font-weight: 500;
    color: #4d4d4d;
    background: none;
}

icon_rnd_l
.mn_q {
    display: inline-block;
    padding-top: 86px;
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
    background: url(../images/common/icon_q.png) no-repeat center top;
}

.mn_none {
    position: relative;
    display: inline-block;
    padding-top: 86px;
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
}

.mn_none::before {
    content: '';
    position: absolute;
    width: 95px;
    height: 62px;
    top: 0;
    left: 50%;
    margin-left: -33px;
    background: url(../images/common/icon_no.png) no-repeat 0/cover;
}

.mn_list_none {
    padding: 130px 0 110px 0;
    text-align: center;
}

.mn_list_none > dl {
    position: relative;
    padding-top: 80px;
    text-align: center;
}

.mn_list_none > dl::before {
    content: '';
    position: absolute;
    width: 95px;
    height: 62px;
    top: 0;
    left: 50%;
    margin-left: -47px;
    background: url(../images/common/icon_no_search.png) no-repeat 0/cover;
}

.mn_list_none > dl dt {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}

.mn_list_none > dl dd {
    margin-top: 9px;
    font-size: 16px;
    line-height: 21px;
    color: #7d7d7d;
}

.mn_list_none .btn {
    margin-top: 35px;
    border-color: #c4c4c4;
}

.none_tips {
    margin-top: 44px;
}

.none_tips > .tit {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.none_tips__cont {
    width: 680px;
    margin: 0 auto;
    padding-top: 22px;
    font-size: 0;
}

.none_tips__item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 20px 0 0;
    padding-left: 108px;
    width: 320px;
    height: 70px;
    border-radius: 50px;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: left 41px center;
}

.none_tips__item:nth-child(-n + 2) {
    margin-top: 0;
}

.none_tips__item:nth-child(2n) {
    margin-right: 0;
}

.none_tips__item.ty1 {
    background-image: url(../images/si/bg_tip01.svg);
}

.none_tips__item.ty2 {
    background-image: url(../images/si/bg_tip02.svg);
}

.none_tips__item.ty3 {
    background-image: url(../images/si/bg_tip04.svg);
}

.none_tips__item.ty4 {
    background-image: url(../images/si/bg_tip03.svg);
}

.none_tips__item.ty5 {
    background-image: url(../images/mt/bg_tip05.svg);
}

.none_tips__item .txt {
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #4d4d4d;
}

/* 탭 */
.mn_tab01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.mn_tab01 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab01 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    text-align: center;
    font-size: 16px;
    color: #7d7d7d;
    background: #e3e3e3;
}

.mn_tab01 > .mn_tab_item button > span {
    position: relative;
}

.mn_tab01 > .mn_tab_item button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab01 > .mn_tab_item button.on {
    font-weight: 500;
    color: #000;
    background: #f8f8f8;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.mn_tab01 > .mn_tab_item button.on::after {
    top: 0;
    bottom: auto;
}

.mn_tab01__cont {
    padding: 24px 20px;
    background: #f8f8f8;
}

.mn_tab02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-top: 30px;
}

.mn_tab02 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab02 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 43px;
    padding-bottom: 17px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #7d7d7d;
}

.mn_tab02 > .mn_tab_item button > span {
    position: relative;
}

.mn_tab02 > .mn_tab_item button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}

.mn_tab02 > .mn_tab_item button.on {
    font-weight: 500;
    color: #000;
}

.mn_tab02 > .mn_tab_item button.on::after {
    border-bottom: 2px solid #000;
}

.mn_tab02__cont {
    padding: 50px 0 60px 0;
}

.mn_tab03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.mn_tab03 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab03 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    text-align: center;
    font-size: 16px;
    color: #7d7d7d;
    border: 1px solid #c4c4c4;
}

.mn_tab03 > .mn_tab_item button > span {
    position: relative;
}

.mn_tab03 > .mn_tab_item button.on {
    font-weight: 500;
    color: #fff;
    border: 1px solid #4d4d4d;
    background: #4d4d4d;
}

.mn_tab03 > .mn_tab_item + .mn_tab_item button {
    border-left: none;
}

.mn_tab03__cont {
    padding: 40px 0 0 0;
}

.mn_tab03.big > .mn_tab_item button {
    height: 64px;
    font-size: 22px;
}

.mn_tab03.h60 > .mn_tab_item button {
    height: 60px;
    font-size: 20px;
}

.mn_tab03.w .mn_tab_item button {
    border: none;
    background: #363636;
}

.mn_tab03.w .mn_tab_item button span {
    color: #878787;
}

.mn_tab03.w .mn_tab_item button.on {
    background: #fff;
}

.mn_tab03.w .mn_tab_item button.on span {
    color: #000;
}

.mn_tab04 {
    font-size: 0;
    text-align: center;
}

.mn_tab04 > .mn_tab_item {
    position: relative;
    display: inline-block;
}

.mn_tab04 > .mn_tab_item + .mn_tab_item {
    margin-left: 38px;
    padding-left: 39px;
}

.mn_tab04 > .mn_tab_item + .mn_tab_item::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    border-left: 1px solid #dcdcdc;
}

.mn_tab04 > .mn_tab_item > a {
    position: relative;
    display: block;
    padding-bottom: 6px;
    font-size: 18px;
    line-height: 24px;
    color: #7d7d7d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab04 > .mn_tab_item > a::before {
    content: attr(data-text);
    content: attr(data-text)/"";
    display: block;
    height: 0;
    font-weight: 500;
    overflow: hidden;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.mn_tab04 > .mn_tab_item > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 1px solid #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab04 > .mn_tab_item > a:hover {
    font-weight: 500;
    color: #000;
}

.mn_tab04 > .mn_tab_item > a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab04 > .mn_tab_item > a.on {
    font-weight: 500;
    color: #000;
}

.mn_tab04 > .mn_tab_item > a.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #000;
}

.mn_tab05 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.mn_tab05::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    z-index: -1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_tab05 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab05 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 63px;
    text-align: center;
    font-size: 18px;
    color: #7d7d7d;
}

.mn_tab05 > .mn_tab_item button > span {
    position: relative;
}

.mn_tab05 > .mn_tab_item button > span.new::after {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    width: 4px;
    border-bottom: 4px solid #b3b3b3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}

.mn_tab05 > .mn_tab_item button.on > span {
    position: relative;
}

.mn_tab05 > .mn_tab_item button.on > span.new::after {
    border-bottom: 4px solid #000;
}

.mn_tab05 > .mn_tab_item button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab05 > .mn_tab_item button.on {
    font-weight: 500;
    color: #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.mn_tab05 > .mn_tab_item button.on::after {
    top: 0;
    bottom: auto;
}

.mn_tab05__cont {
    padding: 10px 0 0 0;
}

.mn_tab06 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: inline-block;
    font-size: 0;
}

.mn_tab06 > .mn_tab_item {
    position: relative;
    display: inline-block;
}

.mn_tab06 > .mn_tab_item + .mn_tab_item {
    margin-left: 24px;
}

.mn_tab06 > .mn_tab_item > a {
    position: relative;
    display: block;
    padding-bottom: 1px;
    font-size: 18px;
    line-height: 26px;
    color: #7d7d7d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab06 > .mn_tab_item > a::before {
    content: attr(data-text);
    content: attr(data-text)/"";
    display: block;
    height: 0;
    font-weight: 500;
    overflow: hidden;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.mn_tab06 > .mn_tab_item > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 1px solid #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab06 > .mn_tab_item > a:hover {
    font-weight: 500;
    color: #000;
}

.mn_tab06 > .mn_tab_item > a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab06 > .mn_tab_item > a.on {
    font-weight: 500;
    color: #000;
}

.mn_tab06 > .mn_tab_item > a.on::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab06.etc > .mn_tab_item + .mn_tab_item {
    margin-left: 45px;
}

.mn_tab07__wrap {
    height: 60px;
    text-align: center;
    font-size: 0;
    background: #f8f8f8;
    border-top: 1px solid #dcdcdc;
}

.mn_tab07__wrap .inner {
    display: inline-block;
    padding-top: 18px;
    white-space: nowrap;
}

.mn_tab07__wrap .inner .mn_tab_item {
    display: inline-block;
}

.mn_tab07__wrap .inner .mn_tab_item + .mn_tab_item {
    margin-left: 52px;
}

.mn_tab07__wrap .inner .mn_tab_item a {
    position: relative;
    display: block;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
    color: #7d7d7d;
}

.mn_tab07__wrap .inner .mn_tab_item a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 2px solid #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab07__wrap .inner .mn_tab_item a:hover, .mn_tab07__wrap .inner .mn_tab_item a.on {
    font-weight: 500;
    color: #000;
}

.mn_tab07__wrap .inner .mn_tab_item a:hover::after, .mn_tab07__wrap .inner .mn_tab_item a.on::after {
    left: 0;
    width: 100%;
}

.mn_tab08 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 0;
    text-align: center;
}

.mn_tab08 > .mn_tab_item {
    position: relative;
    display: inline-block;
}

.mn_tab08 > .mn_tab_item + .mn_tab_item {
    margin-left: 40px;
}

.mn_tab08 > .mn_tab_item > a {
    position: relative;
    display: block;
    padding-bottom: 1px;
    font-size: 20px;
    line-height: 28px;
    color: #7d7d7d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab08 > .mn_tab_item > a::before {
    content: attr(data-text);
    content: attr(data-text)/"";
    display: block;
    height: 0;
    font-weight: 500;
    overflow: hidden;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.mn_tab08 > .mn_tab_item > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 2px solid #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab08 > .mn_tab_item > a:hover {
    font-weight: 500;
    color: #000;
}

.mn_tab08 > .mn_tab_item > a:hover::after {
    left: 0;
    width: 100%;
    border-bottom: 2px solid #000;
}

.mn_tab08 > .mn_tab_item > a.on {
    font-weight: 500;
    color: #000;
}

.mn_tab08 > .mn_tab_item > a.on::after {
    left: 0;
    width: 100%;
    border-bottom: 2px solid #000;
}

.mn_tab09 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1400px;
    margin: 0 auto;
}

.mn_tab09 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab09 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 72px;
    text-align: center;
    font-size: 24px;
    color: #7d7d7d;
}

.mn_tab09 > .mn_tab_item button > span {
    position: relative;
    color: #fff;
    opacity: 0.7;
}

.mn_tab09 > .mn_tab_item button.on {
    background: #fff;
}

.mn_tab09 > .mn_tab_item button.on span {
    font-weight: 500;
    color: #000;
    opacity: 1;
}

.mn_tab09__cont {
    width: 1400px;
    margin: 0 auto;
}

.mn_tab09__cover.ty1 {
    background: #b2ada7;
}

.mn_tab09__cover.ty2 {
    background: #c97e82;
}

.mn_tab10 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.mn_tab10::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    z-index: -1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_tab10 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab10 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 43px;
    text-align: center;
    font-size: 14px;
    color: #7d7d7d;
}

.mn_tab10 > .mn_tab_item button > span {
    position: relative;
}

.mn_tab10 > .mn_tab_item button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab10 > .mn_tab_item button.on {
    font-weight: 500;
    color: #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.mn_tab10 > .mn_tab_item button.on::after {
    top: 0;
    bottom: auto;
}

.mn_tab11 {
    position: relative;
    text-align: center;
    font-size: 0;
}

.mn_tab11 .mn_tab_item {
    display: inline-block;
}

.mn_tab11 .mn_tab_item button {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 72px;
    text-align: center;
    font-size: 24px;
    color: #7d7d7d;
}

.mn_tab11 .mn_tab_item button > span {
    position: relative;
    color: #fff;
}

.mn_tab11 .mn_tab_item button.on {
    background: #fff;
}

.mn_tab11 .mn_tab_item button.on span {
    font-weight: 500;
    color: #000;
}

.mn_tab11 .mn_tab_item.swiper-slide {
    display: inline-block;
    width: 280px;
}

.mn_tab11__cont {
    width: 1400px;
    margin: 0 auto;
}

.mn_tab11__cover.ty1 {
    background: #c97e82;
}

.mn_tab11__cover.ty2 {
    background: #92a0ba;
}

.mn_tab11__cover.ty3 {
    background: #a7b59e;
}

.mn_tab11.tab_scrollx {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.mn_tab11__cover  {
    position: relative;
}
.mn_tab11__cover .arrow {
    position:absolute; top:0; z-index:3;
    width: 140px;
    height: 72px;
}
.mn_tab11__cover .arrow-prev{
    left: calc((100% - 1400px)/2 - 50px);
}
.mn_tab11__cover .arrow-next{
    right: calc((100% - 1400px)/2 - 50px);;
}
.mn_tab11__cover .arrow span {
    display: block;
    width: 100%; height: 100%;
}
.mn_tab11__cover .arrow .bg-prev{
    left: 0;
    background: linear-gradient(90deg, rgba(167,181,158,1) 0%, rgba(167,181,158,0) 100%);
}
.mn_tab11__cover .arrow .bg-next{
    right:0;
    background: linear-gradient(90deg, rgba(167,181,158,0) 0%, rgba(167,181,158,1) 100%);
}
.mn_tab11__cover .arrow .ctr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
}
.mn_tab11__cover .arrow .ctr.prev {
    left: 0;
    background: #fff url(../images/ct/arrow_prev.svg) no-repeat center;
}
.mn_tab11__cover .arrow .ctr.next {
    right: 0;
    background: #fff url(../images/ct/arrow_next.svg) no-repeat center;
}
/* .mn_tab11.scroll::before {
  content: '';
  position: absolute;
  left: -18px;
  top: 0;
  width: 158px;
  height: 72px;
  background: url(../images/ct/bg_cover_01.png) no-repeat;
  z-index: 2;
  pointer-events: none;
}

.mn_tab11.scroll::after {
  content: '';
  position: absolute;
  right: -18px;
  top: 0;
  width: 158px;
  height: 72px;
  background: url(../images/ct/bg_cover_02.png) no-repeat;
  z-index: 2;
  pointer-events: none;
} */

.mn_tab12 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.mn_tab12::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    z-index: -1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_tab12 > .mn_tab_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.mn_tab12 > .mn_tab_item button {
    position: relative;
    display: block;
    width: 100%;
    height: 55px;
    text-align: center;
    font-size: 20px;
    color: #7d7d7d;
    background: #f8f8f8;
}

.mn_tab12 > .mn_tab_item button > span {
    position: relative;
}

.mn_tab12 > .mn_tab_item button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}

.mn_tab12 > .mn_tab_item button.on {
    font-weight: 500;
    color: #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #fff;
}

.mn_tab12 > .mn_tab_item button.on::after {
    top: 0;
    bottom: auto;
}

.mn_tab12__cont {
    padding: 40px 80px 60px 80px;
    border: 1px solid #000;
    border-top: none;
}

.mn_tab13 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 0;
    text-align: center;
}

.mn_tab13 > .mn_tab_item {
    position: relative;
    display: inline-block;
}

.mn_tab13 > .mn_tab_item + .mn_tab_item {
    margin-left: 30px;
}

.mn_tab13 > .mn_tab_item > a {
    position: relative;
    display: block;
    padding-bottom: 1px;
    font-size: 20px;
    line-height: 28px;
    color: #7d7d7d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab13 > .mn_tab_item > a::before {
    content: attr(data-text);
    content: attr(data-text)/"";
    display: block;
    height: 0;
    font-weight: 500;
    overflow: hidden;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.mn_tab13 > .mn_tab_item > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    border-bottom: 2px solid #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_tab13 > .mn_tab_item > a:hover {
    font-weight: 500;
    color: #000;
}

.mn_tab13 > .mn_tab_item > a:hover::after {
    left: 0;
    width: 100%;
    border-bottom: 2px solid #000;
}

.mn_tab13 > .mn_tab_item > a.on {
    font-weight: 500;
    color: #000;
}

.mn_tab13 > .mn_tab_item > a.on::after {
    left: 0;
    width: 100%;
    border-bottom: 2px solid #000;
}

.mn_tab14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 1px;
    z-index: 10;
}

.mn_tab14 .mn_tab_item button {
    width: 200px;
    height: 58px;
    font-size: 18px;
    text-align: center;
    border-right: 1px solid red;
    border: 1px solid #dcdcdc;
    border-bottom: 1px solid #000;
    background: #fff;
    color: #7D7D7D;
}

.mn_tab14 .mn_tab_item button.on {
    border: 1px solid #000;
    border-bottom: none;
    color: #000;
}

.mn_tab14__cont {
    padding-top: 36px;
    border-top: 1px solid #000;
}

.mn_tab15 {
    border-bottom: 1px solid #404040;
}

.mn_tab15 .mn_tab_item {
    display: inline-block;
    margin-right: 40px;
}

.mn_tab15 .mn_tab_item button {
    position: relative;
    padding-bottom: 18px;
}

.mn_tab15 .mn_tab_item button span {
    color: #8B8B8B;
    font-size: 20px;
}

.mn_tab15 .mn_tab_item button.on span {
    color: #fff;
    font-weight: 700;
}

.mn_tab15 .mn_tab_item button.on::after {
    display: inline-block;
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mn_tab15 .mn_tab_item:last-child {
    margin-right: 0;
}

/* slide */
.mn_slide__item {
    border-bottom: 1px solid #c4c4c4;
}

.mn_slide__btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 90px 20px 130px;
    background: url(../images/common/icon_q_mark.png) no-repeat left 43px top 20px;
    background-size: 32px;
}
.mn_slide__btn.on {
    font-weight: 500;
}
.mn_slide__btn > span {
    position: relative;
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 32px;
}

.mn_slide__btn::after {
    content: '';
    position: absolute;
    top: 32px;
    right: 38px;
    width: 16px;
    height: 9px;
    background: url(../images/common/icon_ar_18x10_d.png) no-repeat 0 0/cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mn_slide__btn.on::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.mn_slide__cont {
    display: none;
    overflow: hidden;
}

.mn_slide__content {
    padding: 40px 40px 40px 130px;
    font-size: 16px;
    line-height: 32px;
    background: #fafafa;
}

/* layer Pop */
.mn_dimmed {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.mn_dimmed.on {
    display: block;
}

.mn_dimmed.etc {
    background: none;
}

.mn_dimmed .mn_layer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.mn_layer {
    position: relative;
    width: 520px;
    max-height: calc(100% - 60px);
    border: 1px solid #dcdcdc;
    overflow: hidden;
    background: #fff;
}

.mn_layer.wide {
    width: 802px;
    padding: 40px;
}

.mn_layer.wide .mn_layer__cont {
    padding: 0;
}

.mn_layer.wide > .btn.close {
    position: absolute;
    top: 34px;
    right: 34px;
}

.mn_layer.wide02 {
    width: 920px;
    padding-top: 45px;
}

.mn_layer.wide02 .mn_layer__head {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
}

.mn_layer.wide03 {
    min-width: 928px;
    overflow-x: hidden;
}

.mn_layer.wide03 .print_setting {
    width: 928px;
    height: 803px;
}

.mn_layer.wide03 .mn_layer__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 19px 26px 20px 26px;
    text-align: left;
}

.mn_layer.wide03 .mn_layer__head .tit {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
}

.mn_layer.wide03 .mn_layer__head .subtxt {
    display: inline-block;
    padding: 0 14px 0 17px;
    font-size: 16px;
    line-height: 24px;
}

.mn_layer.wide03 .mn_layer__head .g_click {
    position: relative;
    display: inline-block;
    padding: 3px 12px 6px 12px;
    margin-left: 14px;
    border: 1px solid #4d4d4d;
}

.mn_layer.wide03 .mn_layer__head .g_click::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -10px;
    height: 12px;
    border-right: 10px solid #4d4d4d;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_layer.wide03 .mn_layer__head .g_click::after {
    content: '';
    position: absolute;
    top: 12px;
    left: -9px;
    height: 10px;
    border-right: 10px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mn_layer.wide03 .mn_layer__head .g_click > .cv {
    position: relative;
    display: inline-block;
}

.mn_layer.wide03 .mn_layer__head .g_click > .cv::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/mt/icon_02.png) no-repeat left center;
}

.mn_layer.wide03 .mn_layer__head .g_click > .cv .txt {
    display: inline-block;
    margin-left: 3px;
    font-size: 13px;
    line-height: 19px;
    color: #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
}

.mn_layer.wide04 {
    min-width: 1400px;
    overflow-x: hidden;
}

.mn_layer.wide04 .playlist_wrap {
    width: 1400px;
}

.mn_layer.wide04 .mn_layer__head {
    padding: 18px 0 17px 50px;
    text-align: left;
    font-weight: 500;
    font-size: 26px;
    line-height: 34px;
    border-bottom: 1px solid #dcdcdc;
}

.mn_layer.wide04 .mn_layer__cont {
    padding: 24px 35px 50px 50px;
}

.mn_layer.wide04 > .btn.close {
    top: 26px;
    right: 30px;
}

.mn_layer.wide05 {
    width: auto;
}

.mn_layer.wide05 .mn_layer__cont {
    padding: 64px 40px 23px 40px;
}
/* small layer */
.mn_layer.msg {
    width: 360px;
    padding: 20px;
}

.mn_layer.msg .msg_box {
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

.mn_layer.msg .msg_box.point {
    padding-top: 37px;
    background: url(../images/icons/icon_point.png) no-repeat center top;
}

.mn_layer.msg .btn_area {
    padding-top: 20px;
}

.mn_layer__head {
    padding: 18px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.mn_layer__cont {
    padding: 10px 40px 40px 40px;
}

.mn_layer > .btn.close {
    position: absolute;
    top: 22px;
    right: 24px;
}

.mn_layer .guide_tit {
    padding-top: 40px;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    background: url(../images/mt/icon_03.png) no-repeat center top;
}

/* layer Pop */
.print_guide {
    padding-top: 37px;
}

.print_guide > li + li {
    margin-top: 44px;
}

.print_guide > li > .tit {
    padding-bottom: 2px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.print_guide_detail > li > .txt {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}

.print_guide_detail > li > .gi_box {
    margin-top: 14px;
    padding: 35px 0;
    text-align: center;
    background: #f8f8f8;
}

.print_guide_detail > li > .gi_box > img {
    max-width: 100%;
}

.print_ctr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 24px 16px 24px;
    background: #4d4d4d;
}

.print_ctr .area01 {
    display: inline-block;
}

.print_ctr .area01 .switch_radiogroup {
    vertical-align: middle;
}

.print_ctr .tit_txt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
}

.print_ctr .tit_txt2 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.print_ctr .vertical {
    display: inline-block;
    height: 20px;
    margin: 0 20px 0 28px;
    border-left: 1px solid #707070;
}

.print_ctr .bb_item {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.print_ctr .bb_item .box_btn {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-indent: -999px;
}

.print_ctr .bb_item .box_btn + .box_btn {
    margin-left: 7px;
}

.print_ctr .bb_item .box_btn.ty1 {
    width: 30px;
    height: 24px;
    background: url(../images/mt/img_printonpg_gray.png) no-repeat center/cover;
}
.print_ctr .bb_item .box_btn.ty1.on {
    background-image: url(../images/mt/img_printonpg_white.png);
}
.print_ctr .bb_item .box_btn.ty2 {
    width: 30px;
    height: 24px;
    background: url(../images/mt/img_printtwpg_gray.png) no-repeat center/cover;
}
.print_ctr .bb_item .box_btn.ty2.on {
    background-image: url(../images/mt/img_printtwpg_white.png);
}
.print_ctr .qbtn {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
    width: 28px;
    height: 20px;
    background: url(../images/mt/icon_q.png) no-repeat;
}

.print_ctr .lcont {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.print_ctr .rcont {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.print_ctr .rcont .prt_btn {
    display: inline-block;
    width: 110px;
    height: 34px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
}

.print_ctr .rcont .prt_btn span {
    display: inline-block;
    padding-right: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4d4d4d;
    background: url(../images/mt/icon_p1.png) no-repeat right center;
}

.mn_print__cont {
    display: flex;
    justify-content: space-between;
    padding: 20px 25px;
    font-size: 0;
}

.mn_print__cont .plc_cont {
    display: inline-block;
    vertical-align: top;
    /* width: 298px; */
    margin-right: 20px;
}

.mn_print__cont .prc_cont {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.mn_print__cont .prc_cont_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 43px;
}

.mn_print__cont .prc_cont_head > span {
    display: inline-block;
    padding-left: 20px;
    font-size: 13px;
    line-height: 20px;
    background: url(../images/mt/icon_02.png) no-repeat left center;
}
.print_setting .print_left  {
    width: 298px;
}
.print_setting .print_left .slot_item__wrap {
    padding: 28px 26px 15px;
}
.slot_item__wrap {
    padding: 28px 26px 15px;
    height: 580px;
    background: #f0f0f0;
}
.slot_item__wrap .slot_item_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.slot_item__wrap .slot_item_list li {
    position: relative;
    width: 112px;
    height: 153px;
    margin: 18px 18px 0 0;

}
.print_left .slot_item__wrap .slot_item_list li:nth-child(-n+2) {
    margin-top: 0;
}
.print_left .slot_item__wrap .slot_item_list li:nth-child(2n) {
    margin-right: 0;
}
.print_right .slot_item__wrap .slot_item_list li:nth-child(-n+4) {
    margin-top: 0;
}
.print_right .slot_item__wrap .slot_item_list li:nth-child(4n) {
    margin-right: 0;
}
.slot_item__wrap .slot_item_list li.img_none {
    background: #c4c4c4;
}
.slot_item__wrap .slot_item_list li.on:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 100%;
    background: #4d4d4d;
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 10;
}
.slot_item__wrap .slot_item {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #ddd;
}
.slot_item__wrap .slot_item .con {
    width: 100%; height: 100%;
}
.slot_item__wrap .slot_item .con img:first-child {
    width: 100%; height: 100%;
}
.slot_item__wrap .slot_item > img {
    max-width: 100%;
    min-height: 100%;
    z-index: 2;
}

.slot_item__wrap .slot_item.rd {
    font-size: 15px;
    background: #c4c4c4;
}

.slot_item__wrap .slot_item::before {
    content: attr(data-num);
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    font-size: 38px;
    color: #fff;
    opacity: 0.7;
    transform: translate(-50%, -50%);
}

.mnpt_cont {
    font-size: 0;
}

.mnpt_cont__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    padding-top: 38px;
    max-height: calc(100% - 60px);
    overflow: auto;
}

.mnpt_cont__wrap .mnpt_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    background: url(../images/common/icon_close_white.png) no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

.mnpt_cont__ctr {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    padding-right: 20px;
    font-size: 0;
    overflow: hidden;
}

.mnpt_cont__ctr button {
    width: 100%;
    margin-top: 10px;
}

.mnpt_cont .bw_change {
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, 0.16);
}

.vplay_cont {
    font-size: 0;
}

.vplay_cont__area {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 915px;
    height: 515px;
    margin-right: 30px;
    margin-top: 35px;
    overflow: hidden;
}

.vplay_cont__area video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
}

.vplay_cont__list {
    max-height: 515px;
    overflow: auto;
}

.vplay_cont__list_wrap {
    display: inline-block;
    vertical-align: top;
    width: 370px;
}

.vplay_cont__list_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
}

.vplay_cont__list_top .cnt {
    display: inline-block;
    font-size: 14px;
}

.vplay_cont__list_top .cnt strong {
    font-weight: 500;
}

.vplay_cont__list .item + .item {
    margin-top: 14px;
}

.vplay_cont__list .item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.vplay_cont__list .item a.on .thumb::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vplay_cont__list .item .thumb {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    overflow: hidden;
    margin-right: 16px;
}

.vplay_cont__list .item .txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
}

.vplay_cont__name {
    margin-top: 16px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

/* icon */
.ico_link {
    padding-right: 18px;
    background: url(../images/common/link_icon.png) no-repeat right center/12px;
}

.icon {
    display: inline-block;
    background-size: contain;
    position: relative;
    top: 1px;
}

.icon.icon_arrow_right {
    display: inline-block;
    width: 9px;
    height: 14px;
    background: url(../images/common/icon_ar_9x14.png) no-repeat right center;
}

.icon.icon_arrow_right_w {
    width: 9px;
    height: 14px;
    background: url(../images/common/icon_arrow_right_w_bold.png) no-repeat right center;
}

.icon.icon_arrow_right_g {
    width: 9px;
    height: 14px;
    background: url(../images/common/icon_arrow_right_black03.png) no-repeat right center;
}

.icon.icon_arrow_toggle_big {
    width: 32px;
    height: 32px;
    background: url(../images/common/icon_ar_32_d.png) no-repeat right center;
    background-size: contain;
    top: -3px;
}

.icon.icon_arrow_toggle_big.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon.icon_arrow_toggle {
    width: 12px;
    height: 19px;
    background: url(../images/common/icon_ar_19x11_d.png) no-repeat right center;
    background-size: contain;
    top: -3px;
}

.icon.icon_arrow_toggle.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon.icon_question {
    width: 20px;
    height: 20px;
    background: url(../images/common/icon_question.png) no-repeat center;
    background-size: contain;
}

.icon.icon_q_mark {
    width: 32px;
    height: 32px;
    background: url(../images/common/icon_q_mark.png) no-repeat center;
    background-size: contain;
}

.icon.icon_ex_mark {
    width: 20px;
    height: 20px;
    background: url(../images/common/icon_ex_mark.png) no-repeat center;
    background-size: contain;
}

.icon.icon_ex_mark_g {
    width: 18px;
    height: 18px;
    background: url(../images/common/icon_ex_mark_g.png) no-repeat center;
    background-size: contain;
}

.icon.icon_link_w {
    width: 18px;
    height: 18px;
    background: url(../images/common/icon_link02.png) no-repeat center;
    background-size: contain;
}

.icon.icon_ebook {
    width: 23px;
    height: 28px;
    background: url(../images/uni/icon_ebook_46.png) no-repeat center;
    background-size: contain;
}

.icon.icon_play {
    width: 28px;
    height: 28px;
    background: url(../images/uni/icon_play.svg) no-repeat center;
    background-size: contain;
}

.icon.icon_lock {
    width: 24px;
    height: 24px;
    background: url(../images/mat/icon_lock.png) no-repeat center;
    background-size: contain;
}

.icon.icon_kakao {
    width: 16px;
    height: 16px;
    background: url(../images/icons/icon_kakao.svg) no-repeat center/cover;
}

.left_menu {
    width: 240px;
    margin-right: 0;
}

.left_menu .tit {
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
}

.left_menu .tit strong {
    font-size: 32px;
    font-weight: 500;
    line-height: 46px;
}

.left_menu .left_menu_list {
    margin-top: 35px;
}

.left_menu .left_menu_list > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 40px;
    color: #7D7D7D;
}
.left_menu .left_menu_list > li > a:hover {
    color: #000;
    font-weight: 500;
}
.left_menu .left_menu_list > li > a i {
    margin-left: 16px;
}

.left_menu .left_menu_list > li:last-child {
    margin-bottom: 0;
}

.left_menu .left_menu_list > li.on a {
    font-weight: 500;
    color: #000;
}

.left_menu .left_menu_list > li .drop_list {
    display: none;
    padding: 20px 0 0 10px;
}

.left_menu .left_menu_list > li .drop_list li {
    margin-bottom: 15px;
}

.left_menu .left_menu_list > li .drop_list li a {
    font-size: 18px;
}

.left_menu .left_menu_list > li .drop_list li.on a {
    font-weight: 500;
}

.left_menu .left_menu_list > li .drop_list li:last-child {
    margin-bottom: 0;
}

/* select box custom */
.mn_select_custom_*.w120 {
    width: 120px;
}

.mn_select_custom_*.w130 {
    width: 130px;
}

.mn_select_custom_*.w160 {
    width: 160px;
}

.mn_select_custom_*.w100p {
    width: 100%;
}
.mn_select_custom label span.on {
    color: #000;
}
.mn_select_custom_a label span {
    white-space: nowrap;
}

.mn_select_custom.brnone {
    border: none;
    border-bottom: 1px solid #C4C4C4;
}
.mn_select_custom.error {
    border-color: #ff4040;
}
.content2 .mn_select_custom ul {
    max-height: 220px;
    overflow-y: auto;
}
.mn_select_custom_a {
    position: relative;
    display: inline-block;
    height: 46px;
    background: #fff;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}
.mn_select_custom_a.br-none {
    border: none;
}
.mn_select_custom_a.br-none ul {
    border-top:  1px solid #C4C4C4;
}
.mn_select_custom_a label {
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 40px 0 12px;
}

.mn_select_custom_a label span::after {
    display: inline-block;
    content: '';
    width: 12px;
    height: 8px;
    background: url("../images/icons/icon_select_arrow.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mn_select_custom_a label span.ty2::after {
    display: inline-block;
    content: '';
    width: 12px;
    height: 8px;
    background: url("../images/common/icon_arrow_down_small02.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content2 .mn_select_custom_a ul {
    display: none;
    position: absolute;
    top: 45px;
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #DCDCDC;
    border-top: none;
    padding: 10px 0;
    background: #fff;
    z-index: 10;
}

.content2 .mn_select_custom_a ul li {
    line-height: 32px;
    padding: 0 14px;
}
.content2 .mn_select_custom_a ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.content2 .mn_select_custom_a ul li:hover {
    background: #F8F8F8;
}

.mn_select_custom_a.open span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.mn_select_custom_a.open ul {
    display: block;
}
/* small */
.mn_select_custom_a.sm {
    height: 20px;
    padding-right: 25px;
}
.mn_select_custom_a.sm label {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.mn_select_custom_a.sm label span::after {
    width: 8px; height: 6px;
    background-size: contain;
}
.mn_select_custom_a.sm ul {
    top: 20px;
}
.mn_select_custom_a.sm ul li {
    font-size: 13px;
    text-align: left;
}
.mn_select_custom_c {
    position: relative;
    display: inline-block;
    height: 46px;
    padding-right: 40px;
    cursor: pointer;
}

.mn_select_custom_c label {
    height: 46px;
    line-height: 46px;
    padding: 10px 12px;
    color: #fff;
    font-size: 24px;
}

.mn_select_custom_c label span::after {
    display: inline-block;
    content: '';
    width: 12px;
    height: 8px;
    background: url("../images/icons/icon_select_w.png") no-repeat;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content2 .mn_select_custom_c ul {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    border: 1px solid #404040;
    border-top: none;
    padding: 20px 0 25px;
    background: #404040;
    z-index: 10;
    -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.16);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.16);
}

.content2 .mn_select_custom_c ul li {
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 22px;
    padding: 0 24px;
    color: #fff;
}

.content2 .mn_select_custom_c ul li:hover {
    font-weight: 500;
}

.content2 .mn_select_custom_c ul li:last-child {
    margin-bottom: 0;
}

.mn_select_custom_c.open span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.mn_select_custom_c.open ul {
    display: block;
}

.mn_select_custom_d {
    position: relative;
    display: inline-block;
    height: 60px;
    cursor: pointer;
    color: #000;
    border: 1px solid #c4c4c4;
}
.mn_select_custom_d.h54 {
    height: 54px;
}
.mn_select_custom_d label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 18px;
    color: #000;
    font-size: 18px;
}

.mn_select_custom_d label span {
    display: inline-block;
    line-height: 46px;
}

.mn_select_custom_d label span::after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 22px;
    height: 11px;
    background: url(../images/common/icon_ar_19x11_d.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content2 .mn_select_custom_d ul {
    display: none;
    position: absolute;
    top: 61px;
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #c4c4c4;
    border-top: none;
    padding: 10px 0;
    background: #fff;
    z-index: 10;
}

.content2 .mn_select_custom_d ul li {
    line-height: 32px;
    padding: 0 14px;
    font-size: 16px;
    text-align: left;
}

.content2 .mn_select_custom_d ul li:hover {
    background: #F8F8F8;
}

.mn_select_custom_d.open span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.mn_select_custom_d.open ul {
    display: block;
}
/* small */
.mn_select_custom_d.small {
    height: 46px;
    background: #fff;
}
.mn_select_custom_d.small label span {
    line-height: 44px;
    font-size: 16px;
}

.mn_select_custom_d.small label span::after {
    width: 16px;
    height: 8px;
}
.mn_select_custom_d.small ul {
    top: 45px;
}
/* xsmall */
.mn_select_custom_d.xsmall {
    height: 41px;
}

.mn_select_custom_d.xsmall label span {
    line-height: normal;
    font-size: 16px;
}

.mn_select_custom_d.xsmall label span::after {
    width: 16px;
    height: 8px;
}

.mn_select_custom_d.xsmall ul {
    top: 41px;
}
.mn_select_custom_d.bk label span::after {
    background: url(../images/common/icon_select_bk.png) no-repeat;
}
.mn_select_custom_d.brnone label {
    /* padding-bottom: 17px; */
    color: #7D7D7D;
}
.mn_select_custom.brnone span::after {
    top: 50%;
    transform: translateY(-50%);
}
.mn_select_custom.h46 {
    height: 46px;
}
.mn_select_custom.h46 ul {
    top: 46px;
}

/* select disable */
.mn_select_custom.disable,
.mn_select_custom_d.disable {
    background:#F8F8F8;
}
.mn_select_custom_d.disable label span::after {
    transform: translateY(-50%) !important;
}

.mn_select_custom.disable ul {
    display: none !important;
}
.filebox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.mn_pw_utils {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    border-top: 1px solid #DCDCDC;
}
.mn_pw_utils a {
    flex:1;
}
.mn_pw_utils a span {
    color: #4D4D4D;
    line-height: 46px;
}

/* loading bar */
.loading_cont {
    display: none;
}
.loading_cont.on {
    display: block;
}
.mn_is_loading {
    margin: 130px auto 0;
    width: 120px;
    height: 100px;
}

/* 주소결과 리스트 */

.mn_rst_list .items + .items {
    border-top: 1px solid #dcdcdc;
}

.mn_rst_list .items > * {
    display: block;
    padding: 18px 0;
}

.mn_rst_list .items > * .top {
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.mn_rst_list .items > * .top .sort {
    position: relative;
    color: #7d7d7d;
    margin-left: 8px;
    padding-left: 9px;
}

.mn_rst_list .items > * .top .sort::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 14px;
    border-left: 1px solid #c4c4c4;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mn_rst_list .items > * .detail {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
}

.mn_rst_list .no_item {
    text-align: center;
}

.mn_rst_list .no_item dt {
    padding-bottom: 16px;
    font-size: 20px;
    line-height: 22px;
}

.mn_rst_list .no_item dd {
    font-size: 15px;
    line-height: 22px;
    color: #7d7d7d;
}

.btn.show_teacher span{
    margin-top: -2px;
}
.btn.show_teacher::after{
    top: 0;
}

#load {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.8;
    background: white;
    z-index: 9999;
    text-align: center;
}
#load:after{display:inline-block; height:100%; content:""; vertical-align:middle;}

/*===================
마이페이지
=====================*/
.promo_table .mn_check_box > label > input[type="checkbox"] + span::before{
    margin-right: 0;
}
.promo_table > table > tbody > tr > td{
    line-height: 1.5;
}
.promo_table > table > tbody > tr > td .mn_check_item{
    vertical-align: text-top;
}


/* media query - header  */
@media screen and (max-width: 1440px) {
    header .inner .left {
        width: 70%;
    }
    header .gnb {
        width: 70%;
        min-width: 500px;
    }
    header .gnb > .gnb_item > .item {
        width: 85px;
    }

    html {
        zoom: 0.9;
    }
}

@media screen and (max-width: 1200px) {
    header .inner .left {
        width: auto;
    }
}