/* margin padding */
.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt65 {
    margin-top: 65px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt75 {
    margin-top: 75px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt85 {
    margin-top: 85px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt150 {
    margin-top: 150px !important
}

.mt200 {
    margin-top: 200px !important
}

.mt300 {
    margin-top: 300px !important
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr65 {
    margin-right: 65px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr75 {
    margin-right: 75px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr85 {
    margin-right: 85px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr100 {
    margin-right: 100px !important
}

.mr150 {
    margin-right: 150px !important
}

.mr200 {
    margin-right: 200px !important
}

.mr300 {
    margin-right: 300px !important
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb75 {
    margin-bottom: 75px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb85 {
    margin-bottom: 85px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mb150 {
    margin-bottom: 150px !important
}

.mb200 {
    margin-bottom: 200px !important
}

.mb300 {
    margin-bottom: 300px !important
}

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

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml55 {
    margin-left: 55px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml65 {
    margin-left: 65px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml75 {
    margin-left: 75px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml85 {
    margin-left: 85px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml100 {
    margin-left: 100px !important
}

.ml150 {
    margin-left: 150px !important
}

.ml200 {
    margin-left: 200px !important
}

.ml300 {
    margin-left: 300px !important
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt65 {
    padding-top: 65px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt75 {
    padding-top: 75px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt85 {
    padding-top: 85px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt100 {
    padding-top: 100px !important
}

.pt150 {
    padding-top: 150px !important
}

.pt200 {
    padding-top: 200px !important
}

.pt300 {
    padding-top: 300px !important
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr55 {
    padding-right: 55px !important
}

.pr60 {
    padding-right: 60px !important
}

.pr65 {
    padding-right: 65px !important
}

.pr70 {
    padding-right: 70px !important
}

.pr75 {
    padding-right: 75px !important
}

.pr80 {
    padding-right: 80px !important
}

.pr85 {
    padding-right: 85px !important
}

.pr90 {
    padding-right: 90px !important
}

.pr100 {
    padding-right: 100px !important
}

.pr150 {
    padding-right: 150px !important
}

.pr200 {
    padding-right: 200px !important
}

.pr300 {
    padding-right: 300px !important
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb55 {
    padding-bottom: 55px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb65 {
    padding-bottom: 65px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb75 {
    padding-bottom: 75px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb85 {
    padding-bottom: 85px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pb150 {
    padding-bottom: 150px !important
}

.pb200 {
    padding-bottom: 200px !important
}

.pb300 {
    padding-bottom: 300px !important
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl65 {
    padding-left: 65px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl75 {
    padding-left: 75px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl85 {
    padding-left: 85px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl100 {
    padding-left: 100px !important
}

.pl150 {
    padding-left: 150px !important
}

.pl200 {
    padding-left: 200px !important
}

.pl300 {
    padding-left: 300px !important
}

.container {
    width: 100%;
    max-width: 1180px;
    position: relative;
    margin: 0 auto;
    display: block;
}

.login_box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000000;
}

.login_box .login_wrap {
    position: absolute;
    z-index: 10;
    width: 90%;
    max-width: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.login_box .top {
    background: #152238;
    width: 100%;
    padding: 30px 0px;
    text-align: center;
}

.login_box .top h3 {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}

.login_box .cont {
    background: #fff;
    padding: 30px;
}

.login_box .cont ul {
    margin-bottom: 30px;
}

.login_box .cont ul li {
    margin-bottom: 15px;
}

.login_box .cont ul li > span {
    display: block;
    margin-bottom: 8px;
    width: 100%;
    font-size: 18px;
}

.login_box .cont ul li > input {
    border: solid 1px #BDBDBD;
    background: #F9F8F7;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0px 15px;
}

.login_box .cont ul li .keep_login {
    margin-top: 10px;
}

.login_box .cont ul li .keep_login input label {
    font-size: 14px;
}

.login_box .cont ul li .btn_login {
    border: none;
    background: #CCA234;
    color: #fff;
    line-height: 55px;
    height: 55px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.login_box .cont ul li .btn_signin {
    border: none;
    background: #152238;
    color: #fff;
    line-height: 55px;
    height: 55px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: block;
}

.login_box .cont .btm {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.login_box .cont .btm a {
    font-size: 15px;
}

.login_box .cont .btm .close_login {
    background: #242325;
    font-size: 16px;
    border: none;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0px 50px;
    cursor: pointer;
}

.mypage_intro {
    max-width: 550px;
    margin: 120px auto;
    width: 98%;
    border: solid 1px #ddd;
}

.mypage_intro .img img {
    max-width: 100%;
}

.mypage_intro .top {
    padding: 50px 30px;
    display: flex;
    justify-content: space-between;
}

.mypage_intro .top .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mypage_intro .top .left strong {
    display: block;
    padding-top: 20px;
    font-size: 22px;
    line-height: 1.4;
}

.mypage_intro .top .left span {
    display: block;
    line-height: 1.3;
}

.mypage_intro .top .right {
    margin-left: auto;
}

.mypage_intro .top .right span {
    display: block;
    width: 68px;
    text-align: center;
    border: solid 3px #CCA234;
    color: #CCA234;
    border-radius: 100px;
    line-height: 62px;
    height: 68px;
    font-size: 30px;
    font-weight: bold;
}

.mypage_intro .top .right i {
    display: block;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    margin-top: 5px;
    color: #CCA234;
}

.mypage_intro ul {
    padding: 50px 30px;
}

.mypage_intro ul li {
    margin-bottom: 5px;
}

.mypage.btn_gold {
    line-height: 48px;
    border: none;
    background: #CCA234;
    cursor: pointer;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.mypage.btn_black {
    line-height: 48px;
    border: none;
    background: #242325;
    cursor: pointer;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.mypage.btn_gray {
    line-height: 48px;
    border: none;
    background: #F9F8F7;
    cursor: pointer;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #aaa;
}

.edit_myinfo {
    max-width: 500px;
    margin: 80px auto;
    width: 98%;
    border: solid 1px #ddd;
}

.edit_myinfo h3 {
    background: #152238;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 32px;
}

.edit_myinfo .edit_wrap {}

.edit_myinfo .edit_wrap .box {
    padding: 30px;
    border-bottom: solid 1px #ddd;
}

.edit_myinfo .edit_wrap .box h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.edit_myinfo .edit_wrap table {
    margin-bottom: 20px;
    width: 100%;
}

.edit_myinfo .edit_wrap table th {
    width: 100px;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
}

.edit_myinfo .edit_wrap table td {
    line-height: 40px;
}

.edit_myinfo .edit_wrap table td input {
    width: 100%;
    line-height: 34px;
    vertical-align: middle;
    border: solid 1px #ddd;
}

.edit_myinfo .edit_wrap table td input.sch_in {
    width: calc(100% - 97px);
}

.edit_myinfo .check {
    margin: 10px 0px;
}

.edit_myinfo .check {
    display: flex;
}

.edit_myinfo .edit_wrap table td input.sch_in + .btn {
    width: 87px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 5px;
    padding-right: 5px;
}

.edit_myinfo .agree_txt {
    max-height: 150px;
    overflow-y: auto;
    font-size: 12px;
    line-height: 1.4;
    overflow-x: hidden;
    word-break: keep-all;
    padding: 15px;
    border: solid 1px #ddd;
}

.edit_myinfo .agree_txt h2 {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.edit_myinfo .agree_txt h3,
.edit_myinfo .agree_txt h4,
.edit_myinfo .agree_txt h5 {
    font-size: 14px !important;
}

.edit_myinfo .edit_wrap table td .flex {
    display: flex;
    justify-content: space-between;
}

.edit_myinfo .edit_wrap table td select {
    line-height: 34px;
    display: inline-block;
    height: 36px;
    vertical-align: middle;
    border: solid 1px #ddd;
    width: 49.5%;
}

.edit_myinfo .edit_wrap table td input.w40 {
    width: 40%;
}

.edit_myinfo .edit_wrap table td input.w50 {
    width: 50%;
}

.edit_myinfo .edit_wrap table td input.w60 {
    width: 60%;
}

.edit_myinfo .edit_wrap table td .btn_right {
    line-height: 38px;
    height: 38px;
    vertical-align: middle;
    text-align: center;
    padding: 0px 20px;
    color: #fff;
    background: #ccc;
    font-size: 16px;
    border: none;
}

.edit_myinfo .edit_wrap .btns {
    text-align: right;
}

.edit_myinfo .edit_wrap .btns .mypage.btn_gray {
    font-size: 14px;
    line-height: 40px;
    margin-top: 10px;
    display: block;
}

.edit_myinfo .edit_wrap .btns .mypage.btn_gold {
    /*display:inline-block;
	width:170px;
	height:40px;*/
    font-size: 14px;
    line-height: 40px;
}

.main_visual {
    position: relative;
}

.one_talk {
    position: relative;
    margin-top: -30px;
    z-index: 1;
    height: 60px;
}

.tbl_wrap .list tr td.onetalk_td {
    text-align: left;
    padding: 5px 10px;
    line-height: 1.3;
    font-size: 14px;
}

.one_talk .container {}

.one_talk .container .talk_wrap {
    display: flex;
    border-bottom: solid 2px #ddd;
    background: #fff;
}

.one_talk .talk_slider {
    width: calc(100% - 250px);
    height: 60px;
}

.one_talk .slick-prev,
.one_talk .slick-next {
    display: none !important;
    ;
}

.one_talk .container .talk_wrap strong {
    width: 150px;
    line-height: 60px;
    background: url(../images/user/talk_bg.png) no-repeat right center;
    color: #CCA234;
    font-weight: normal;
    padding-left: 20px;
    display: block;
}

.one_talk .container .talk_wrap strong br {
    display: none;
}

.one_talk .container .talk_wrap span {
    display: block;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 10px;
}

.one_talk .container .talk_wrap span i {
    font-style: normal;
}

.one_talk .container .talk_wrap a {
    background: #ddd;
    line-height: 60px;
    text-align: center;
    display: block;
    width: 100px;
    display: block;
}

.main_visual .main_slider {
    display: block;
}

.arrows {
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 1;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.arrows button {
    border: none;
    background: none;
    width: 20px;
    cursor: pointer;
    display: block;
    height: 20px;
    font-weight: bold;
    font-family: 'dotum';
    color: #fff;
}

.main_visual img {
    width: 100%;
    max-width: 100%;
}

.slick-dots {
    bottom: 40px;
}

.slick-dots li button:before {
    content: '';
    background: #fff;
    border-radius: 50px;
    width: 12px;
    height: 12px;
}

.main_visual .m_main_slider {
    display: none;
}

.focus_video {
    padding: 20px 0px 15px;
    ;
}

.focus_video .container {}

section h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.main section {
    padding: 20px 0px 30px;
}

section h3.bl {
    color: #242325;
}

section h3.gd {
    color: #CCA234;
}

.focus_video .container .focus_box {
    /*background: url(../images/user/main_focus03.jpg) no-repeat center center;
    background-size: cover;*/
    display: block;
    width:100%;
    padding-bottom: 61.52091254%;
    right: 0;
    bottom: 0;
    position:relative;
    height: 0px;
}
.focus_video .container .focus_box img {
    position:absolute;
    top:0;
    left:0;
    height: 100%;
    display: block;
    z-index:-1;
    width:100%;
}
.focus_video .container .focus_box span {
    color: #fff;
    font-size: 28px;
    display:block;
    font-weight: bold;
    position: absolute;
    top: 40%;
    left: 70px;
}

.focus_video .container .focus_box p {
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    margin-top: 15px;
    padding-top: 10px;
    position: absolute;
    top: 44%;
    left: 70px;
}

.focus_video .container .focus_box p br {
    display: none;
}

/* .focus_video .container .focus_box a {
    display: inline-block;
    margin-top: 170px;
    font-size: 16px;
    color: #fff;
}

.focus_video .container .focus_box a i {
    font-family: dotum;
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
    font-style: normal;
} */
.special_video {}

.special_video .container {}

.special_video .container .pc,
.focus_video .container .pc{
    display: block;
}

.special_video .container .pc ul,
.focus_video .container .pc ul {
    display: flex;
    justify-content: space-between;
}

.special_video .container .pc ul li,
.focus_video .container .pc ul li {
    width: 24%;
}
.focus_video .container a::after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    display:block;
    background:rgba(0,0,0,0.8);
z-index: -1;}
.special_video .container a,
.focus_video .container a {
    text-align: center;
    display: flex;
    font-weight: 100;
    color: #fff;
    z-index: 2;
    font-size: 18px;
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    height: 100%;*/
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
}
.special_video .container .pc ul li, 
.focus_video .container .pc ul li {
    position:relative;
    width: 23.8%;
    height:0px;
    padding-bottom: 17.8%;
}
.special_video .container .pc ul li img,
.focus_video .container .pc ul li img {
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}
/*.special_video .container ul li:first-child a {
    background: url(../images/user/special07.png) no-repeat center center;
    background-size: cover;
}

.special_video .container ul li:nth-child(2) a {
    background: url(../images/user/special06.jpg) no-repeat center center;
    background-size: cover;
}

.special_video .container ul li:nth-child(3) a {
    background: url(../images/user/special05.png) no-repeat center center;
    background-size: cover;
}

.special_video .container ul li:nth-child(4) a {
    background: url(../images/user/special01.png) no-repeat center center;
    background-size: cover;
}*/

.special_video .container .mobile {
    display: none;
}

.focus_video .container .mobile {
    display: none;
}

.special_video .container .mobile .special_slider {}

.special_video .container .mobile .special_slider .slick-slide > div > div,
.focus_video .container .mobile .focus_slider .slick-slide > div > div {
    display:block;
    width:100%;
    position:relative;
    height:0px;
    padding-bottom: 75%;
}
.special_video .container .mobile .special_slider .slick-slide > div > div img,
.focus_video .container .mobile .focus_slider .slick-slide > div > div img{
    display:block;
    width:100%;
    position:absolute;
    height: 100% !important;
    left: 0;
    right:0;
    bottom:0;
    top:0;
    z-index: -1;
}
.special_video .container .mobile .special_slider a,
.focus_video .container .mobile .focucs_slider a {
    /*padding: 120px 0px;*/
    height: 100%;
    position: absolute;
    width: 100%;
}

/*.special_video .container .special_slider .slick-slide a.ss1 {
    background: url(../images/user/special07.png) no-repeat center center;
    background-size: cover;
}

.special_video .container .special_slider .slick-slide a.ss2 {
    background: url(../images/user/special06.jpg) no-repeat center center;
    background-size: cover;
}

.special_video .container .special_slider .slick-slide a.ss3 {
    background: url(../images/user/special05.png) no-repeat center center;
    background-size: cover;
}

.special_video .container .special_slider .slick-slide a.ss4 {
    background: url(../images/user/special01.png) no-repeat center center;
    background-size: cover;
}*/

.main section.btm_menu {
    background: #152238;
    padding: 70px 0px 40px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.btm_menu .container {
    display: flex;
}

.btm_menu .container .left {
    width: 300px;
}

.btm_menu .container .left .img {
    padding-right: 50px;
}

.btm_menu .container .left .img img {
    max-width: 100%;
}

.btm_menu .container .right {
    width: calc(100% - 300px);
}

.btm_menu .container .right .menus {}

.btm_menu .container .right .menus > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.btm_menu .container .right .menus > ul > li {
    width: 16%;
}

.btm_menu .container .right .menus > ul > li > a {
    color: #fff;
    display: block;
    margin-bottom: 40px;
}

.btm_menu .container .right .menus > ul > li:last-child > a {
    color: #CCA234;
}

.btm_menu .container .right .menus > ul > li > ul {}

.btm_menu .container .right .menus > ul > li > ul > li {
    margin-bottom: 15px;
}

.btm_menu .container .right .menus > ul > li > ul > li > a {
    color: #828282;
}

.main_links {}

.main_links .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_links .container .left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.main_links .container .board {
    margin-bottom: 80px;
}

.main_links .container .board h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.main_links .container .board h3 a.btn_more {
    width: 36px;
    text-indent: -9999px;
    font-size: 0px;
    height: 36px;
    background: url(../images/user/arrow_gray.png) no-repeat center center;
    display: block;
}

.main_links .container .board .board_list {}

.main_links .container .board .board_list ul {}

.main_links .container .board .board_list ul li {
    display: flex;
    justify-content: space-between;
    line-height: 45px;
    border-bottom: solid 1px #eeeeee;
height: 45px;}

.main_links .container .board .board_list ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    width: calc(100% - 100px);
    color: #000;
}

.main_links .container .board .board_list ul li a span {
    color: #747474;
    display: inline-block;
    margin-left: 10px;
    font-size: 0.9em;
}

.main_links .container .board .board_list ul li > span {
    display: block;
    width: 100px;
}

.main_links .container .left .community {}

.main_links .container .left .community h3 {
    margin-bottom: 30px;
}

.main_links .container .left .community ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_links .container .left .community ul li {
    width: 32%;
    margin-bottom: 10px;
}

.main_links .container .left .community ul li a {
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 10px 0px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #CCA234;
}

.main_links .container .right {
    width: 48%;
}

.main_links .container .right .quick {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}

.main_links .container .right .quick h3 {
    margin-bottom: 30px;
}

.main_links .container .right .quick ul {
    display: flex;
    height: 100%;
    justify-content:center;
    flex-wrap:wrap;
}

.main_links .container .right .quick ul li {
    height: calc(50% - 10px);
    text-align:center;
    overflow: hidden;
    border-radius: 5px;
    width: calc(33% - 10px);
    margin:0 5px;
}

.main_links .container .right .quick ul li.quick01 {
    background: url(../images/user/quick01.png) no-repeat center center;
    background-size: cover;
}

.main_links .container .right .quick ul li.quick02 {
    background: url(../images/user/quick02.png) no-repeat center center;
    background-size: cover;
}

.main_links .container .right .quick ul li.quick03 {
    background: url(../images/user/quick03.png) no-repeat center center;
    background-size: cover;
}

.main_links .container .right .quick ul li.quick04 {
    background: url(../images/user/quick04.png) no-repeat center center;
    background-size: cover;
}

.main_links .container .right .quick ul li.quick05 {
    background: url(../images/user/quick05.png) no-repeat center top;
    background-size: cover;
    width:calc(66% - 10px);
}

.main_links .container .right .quick ul li a {
    color: #fff;
    height: 100%;
    display: flex;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.main_links .container .right .quick ul li a img {
    width: 50px;
    height: 50px;
}

.main_links .container .right .quick ul li a br {
    display: none;
}

.great_banner {}

.great_banner .container {}

.great_banner .container a {
    padding: 10px 0;
    text-align: center;
    min-width: 140px;
    border: solid 1px #fff;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    z-index: 1;
}

.great_banner .container .line01 {
    display: flex;
    justify-content: space-between;
}

.great_banner .container .line01 .left {
    position: relative;
    height: 0px;
    padding-bottom: 24.66168468463516871%;
    background-size: cover;
    width: 49.15254237288136%;
}

.great_banner .container .line01 .left .view_more {
    position: absolute;
    bottom: 10%;
    left: 8%;
}
.great_banner .container .line01 img {
    max-width: 100%;
    width: 100% !important;
    height: 100% !important;
    display: block;
    position: absolute;
    z-index: 0;
}
.great_banner .container .line01 .right {
    position: relative;
    height: 0px;
    padding-bottom: 24.66168468463516871%;
    background-size: cover;
    width: 49.15254237288136%;
}

.great_banner .container .line01 .right .txt {}

.great_banner .container .line01 .right .txt span {}

.great_banner .container .line01 .right .txt p {}

.great_banner .container .line01 .right .view_more {
    position: absolute;
    bottom: 10%;
    left: 8%;
}

.great_banner .container .line02 {
    margin-top: 10px;
    background: url(../images/user/gb_second_241111.jpg) no-repeat center center;
    height: 0px;
    padding-bottom: 17.86135716571%;
    position: relative;
    background-size: cover;
    width: 100%;
}

.great_banner .container .line02 .img {}

.great_banner .container .line02 .img img {}

.great_banner .container .line02 .view_more {
    right: 7.6846541354%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.great_banner .container .line01  img.pc {
	display:block;
}
.great_banner .container .line01  img.mo {
	display:none;
}
.great_banner .container .line03 {
    margin-top: 10px;
    background: url(../images/user/great_banner04.png) no-repeat center center;
    height: 0px;
    padding-bottom: 17.86135716571%;
    position: relative;
    background-size: cover;
    width: 100%;
}

.great_banner .container .line03 .img {}

.great_banner .container .line03 .img img {}

.great_banner .container .line03 .view_more {
    right: 7.6846541354%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.sub_top {
    padding-top: 98px;
}

.sub_top.menuTop01 {
    background: url(../images/user/sub01.png) no-repeat center top;
}

.sub_top.menuTop02 {
    background: url(../images/user/sub02.jpg) no-repeat center top;
}

.sub_top.menuTop03 {
    background: url(../images/user/sub03.jpg) no-repeat center top;
}

.sub_top.menuTop04 {
    background: url(../images/user/sub04.jpg) no-repeat center top;
}

.sub_top.menuTop05 {
    background: url(../images/user/sub05.jpg) no-repeat center top;
}

.sub_top.menuTop06 {
    background: url(../images/user/sub06.jpg) no-repeat center top;
}

.sub_top h2 {
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    position: relative;
    padding: 100px 0px 170px;
    font-size: 34px;
    color: #fff;
    font-weight: normal;
}

.sub_top .location {
    background: #152238;
}

.sub_top .location .loca_ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* .sub_top .location .loca_ul li:first-child::before {
	content: '';
	width: 1px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 1px;
	margin-top: -7px;
	background: #fff;
} */
.sub_top .location .loca_ul li {
    /* background: url(../../images/user/white_bar.png) no-repeat right center; */
    position: relative;
    /* padding: 0px 30px; */
    /* min-width: 120px; */
    line-height: 45px;
    /* text-align: center; */
    margin-right: 50px;
    min-width: 10%;
}

.sub_top .location .loca_ul li a {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.sub_top .location .loca_ul li a:hover {
    color: #CCA234;
}

.board_top {
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.board_top .top_lt {}

.board_top .top_lt h3 {
    font-size: 32px;
}

.board_top .top_rt {
    display: flex;
}

.top_full {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

.top_full input[type='text'] {
    border: solid 1px #ddd;
    height: 60px;
    padding: 0px;
    line-height: 60px;
    width: calc(100% - 100px);
}

.top_full button {
    width: 100px;
    line-height: 60px;
    border: none;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    height: 60px;
    background: #ddd;
    color: #000;
    font-weight: bold;
}

.board_top .top_rt select {
    height: 45px;
    padding: 0px 30px 0px 10px;
    border: solid 1px #ddd;
    border-radius: 4px;
    margin-right: 10px;
}

select {
    background: url(../images/user/select.png) no-repeat right center;
    -webkit-appearance: none;
    /* for chrome */
    -moz-appearance: none;
    /*for firefox*/
    height: 32px;
    padding: 0px 30px 0px 5px;
    border: solid 1px #ddd;
    margin-right: 10px;
    appearance: none;
}

select::-ms-expand {
    display: none;
    /*for IE10,11*/
}

.board_top .top_rt .sch_bar {
    display: flex;
}

.board_top .top_rt .sch_bar .sch_input {
    border: solid 1px #ddd;
    border-top-left-radius: 4px;
    border-right: none;
    border-bottom-left-radius: 4px;
}

.board_top .top_rt .sch_bar .btn_search {
    border: solid 1px #ddd;
    background: url(../../images/user/btn_search.png) no-repeat center center;
    border-left: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-indent: -9999px;
    width: 45px;
    cursor: pointer;
}

.tbl_wrap {
    width: 100%;
}

.tbl_wrap .list {
    border-top: solid 1px #212121;
    width: 100%;
}

.tbl_wrap .list tr th {
    background: #FAF8F8;
    padding: 15px 5px;
    text-align: center;
    border-bottom: solid 1px #c4c4c4;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.tbl_wrap .list tr td {
    padding: 15px 7px;
    text-align: center;
    border-bottom: solid 1px #c4c4c4;
    color: #000;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1.4;
}

.tbl_wrap .list tr td.txt_left {
    text-align: left;
}

.tbl_wrap .list tr td span.new {
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin-right: 4px;
    background: #CCA234;
    color: #fff;
    font-weight: bold;
    display: inline-block;
}

.main_links .board_list ul li span.new {
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin-right: 4px;
    background: #CCA234;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
}

.tbl_wrap .list tr td.txt_right {
    text-align: right;
}

.tbl_wrap .view {
    border-top: solid 1px #212121;
    width: 100%;
}

.tbl_wrap .view tr th {
    background: #FAF8F8;
    padding: 15px 15px;
    text-align: center;
    border-bottom: solid 1px #c4c4c4;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
}

.tbl_wrap .view tr th.txt_left {
    text-align: left;
}

.tbl_wrap .view tr td {
    background: #FAF8F8;
    padding: 15px 15px;
    text-align: center;
    border-bottom: solid 1px #c4c4c4;
    line-height: 1.4;
    color: #000;
    font-size: 16px;
    vertical-align: middle;
    word-break: keep-all;
}

.tbl_wrap .view tr td img {
    max-width: 100%;
    height: auto !important;
}

.tbl_wrap .view tr td span.bar {
    padding-right: 10px;
    margin-right: 10px;
    border-right: solid 1px #000;
    line-height: 1;
    display: inline-block;
}

.tbl_wrap .view tr td span.bar:last-child {
    border: none;
}

.tbl_wrap .view tr td.cont {
    background: #fff;
    line-height: 1.5;
    text-align: left;
}

.tbl_wrap .view tr td.txt_left {
    text-align: left;
}

.tbl_wrap .view tr td.txt_right {
    text-align: right;
}

.tbl_wrap .write {
    border-top: solid 1px #212121;
    width: 100%;
}

.tbl_wrap .write tr th {
    background: #FAF8F8;
    padding: 7px 5px;
    text-align: center;
    width: 150px;
    border-bottom: solid 1px #c4c4c4;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
}

.tbl_wrap .write tr td {
    padding: 7px;
    line-height: 30px;
    line-height: 1.4;
    text-align: left;
    border-bottom: solid 1px #c4c4c4;
    color: #000;
    font-size: 16px;
}

.tbl_wrap .write tr td.txt_left {
    text-align: left;
}

.tbl_wrap .write tr td.txt_right {
    text-align: right;
}

.tbl_wrap .write tr td input[type="text"],
.tbl_wrap .write tr td input[type="password"],
.tbl_wrap .write tr td input[type="number"]{
    border: solid 1px #ddd;
    width: 100%;
    display: block;
    padding: 5px 10px;
}

.gallery_wrap {}

.gallery_wrap ul#stepSlider {
    display: flex;
    flex-wrap: wrap;
}

.gallery_wrap ul#stepSlider li {
    width: 20%;
    padding: 7px 7px 70px 7px;
}

.gallery_wrap ul#stepSlider li .img {}

.gallery_wrap ul#stepSlider li .img a {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #eee;
}

.gallery_wrap ul#stepSlider li .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    transition: all 0.3s;
}

.gallery_wrap ul#stepSlider li .img a:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.gallery_wrap ul#stepSlider li .gallery_tit {
    text-align: left;
}

.gallery_wrap ul#stepSlider li .gallery_tit a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    margin: 20px 0 30px;
}

.gallery_wrap ul#stepSlider li .gallery_date {
    color: #828282;
    font-size: 14px;
    text-align: left;
    display: block;
}

.comment {
    background: #F9F8F7;
}

.comment .comm_write {
    padding: 30px;
    border-bottom: solid 1px #ccc;
}

.comment .comm_write textarea {}

.comment .comm_write .comm_info {
    padding-top: 10px;
    text-align: right;
}

.comment .comm_write .comm_info input {
    padding: 7px 10px;
    border: solid 1px #ddd;
    height: 35px;
}

.comment .depth1 td,
.comment .depth2 td,
.comment .depth3 td,
.comment .depth4 td,
.comment .depth5 td,
.comment .depth6 td,
.comment .depth7 td,
.comment .depth8 td,
.comment .depth9 td,
.comment .depth10 td,
.comment .depth11 td,
.comment .depth12 td {
    padding-left: 30px;
    background: url(../../images/user/reply.png) no-repeat 12px center;
}

.comment .comm_write .comm_info button {
    height: 35px;
    line-height: 35px;
    vertical-align: bottom;
    background: #212121;
    border: none;
    color: #fff;
    padding: 0px 20px;
    border-radius: 3px;
}

#tableReply {
    width: 100%;
}

#tableReply td {}

#tableReply td .replyView {
    border-bottom: solid 1px #ccc;
    padding: 10px 15px;
}

#tableReply td .replyView .line01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#tableReply td .replyView button {
    border: none;
    background: none;
    cursor: pointer;
    border-left: solid 1px #212121;
    line-height: 14px;
    padding-left: 10px;
    font-size: 14px;
}

#tableReply td .replyView button:first-of-type {
    border-left: none;
}

#tableReply td .replyView .date {
    font-size: 14px;
    padding-right: 10px;
}

#tableReply td .replyView .comm_cont {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 1.5;
}

#tableReply td .replyView .ip {
    font-size: 12px;
    color: #999999;
}

#tableReply td .replyView strong {
    padding-right: 20px;
}

.comm_btns {
    margin-left: auto;
}

.introduce {
    padding-bottom: 50px;
}

h3.tit {
    margin: 70px 0px 30px;
    font-size: 32px;
    font-weight: bold;
    line-height: 45px;
}

.homepage {
    padding-bottom: 50px;
}

.introduce > ul {}

.introduce > ul > li {}

.introduce > ul > li h4,
.homepage > ul > li h4 {
    font-size: 24px;
    color: #CCA234;
    margin-bottom: 25px;
    padding-left: 10px;
    background: url(../images/bullet_gold.png) no-repeat left center;
    margin-left: 15px;
}

.introduce > ul > li > p,
.homepage > ul > li > p {
    font-size: 16px;
    color: #000;
    line-height: 1.6;
    word-break: keep-all;
    margin-bottom: 40px;
}

.introduce > ul > li .intro2box,
.homepage > ul > li .intro2box {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.introduce > ul > li .intro2box .left,
.homepage > ul > li .intro2box .left {
    width: calc(50% - 20px);
    padding-right: 20px;
    border-right: solid 1px #ddd;
}

.introduce > ul > li .intro2box .right,
.homepage > ul > li .intro2box .right {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 20px;
}

.introduce > ul > li .intro2box > div {}

.introduce > ul > li .intro2box > div b,
.homepage > ul > li .intro2box > div b {
    margin-bottom: 10px;
    display: block;
}

.introduce > ul > li .intro2box > div ul {}

.introduce > ul > li ul li,
.homepage > ul > li ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1.3;
}

.introduce > ul > li ul li::before,
.homepage > ul > li ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    height: 1px;
    width: 4px;
    background: #000;
}

.homepage {}

.homepage ul {
    display: flex;
    flex-direction: column;
}

.homepage ul li {
    margin-bottom: 30px;
}

.homepage ul li h4 {}

.homepage ul li .mockup {
    display: flex;
    flex-wrap: wrap;
}

.homepage ul li .mockup > div {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 50px;
}

.homepage ul li .mockup > div .img {}

.homepage ul li .mockup > div .img img {
    max-width: 100%;
}

.homepage ul li .mockup > div dl {
    margin-top: 20px;
}

.homepage ul li .mockup > div dl dt {
    line-height: 1.7;
    font-size: 16px;
    font-weight: bold;
}

.homepage ul li .mockup > div dl dd {
    word-break: keep-all;
    line-height: 1.6;
    font-size: 16px;
}

.homepage ul li .mockup .mock08 {
    width: 50%;
}

.meeting_tab {
    display: flex;
    justify-content: flex-end;
}

.meeting {
    display: flex;
}

.meeting li {
    margin-left: 7px;
}

.meeting li a {
    display: block;
    padding: 15px 13px;
    color: #fff;
    background: #CCA234;
    font-size: 18px;
}

.meeting li a.on {
    background: #152238;
}

.meeting_cont {
    padding: 30px 0px;
}

.meeting_cont > div {
    display: none;
}

.meeting_cont > div.on {
    display: block;
}

.meeting_cont > div > ul {}

.meeting_cont > div > ul > li {
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: solid 1px #ccc;
    display: flex;
    justify-content: space-between;
}

.meeting_cont > div > ul > li .txt {
    width: 40%;
    display: flex;
    flex-direction: column;
}

.meeting_cont > div > ul > li .txt .txt_tit {
    font-size: 24px;
    margin-bottom: 20px;
    color: #CCA234;
}

.meeting_cont > div > ul > li .txt .txt_btm {
    margin-top: auto;
}

.meeting_cont > div > ul > li .txt .txt_btm ul {}

.meeting_cont > div > ul > li .txt .txt_btm ul li {
    line-height: 1.5;
    background: url(../images/user/bullet_small_bl.png) no-repeat left 10px;
    color: #000;
    font-size: 16px;
    padding-left: 6px;
}

.meeting_cont > div > ul > li .txt .txt_btm .view_review {
    color: #CCA234;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
}

.meeting_cont > div > ul > li .img {
    display: flex;
    justify-content: space-between;
    width: 60%;
}

.meeting_cont > div > ul > li .img img {
    max-width: 100%;
    display: inline-block;
}

.publish {
    margin-bottom: 30px;
}

.publish .box {
    flex-wrap: wrap;
    margin-bottom: 60px;
    word-break: keep-all;
    display: flex;
    justify-content: space-between;
}

.publish .box .left {
    padding-right: 20px;
    line-height: 1.5;
    width: 80%;
}

.publish .box .right {
    width: 20%;
}

.publish .box .right img {
    display: inline-block;
    max-width: 100%;
}

.publish .box strong {
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
    width: 100%;
}

.product .prod_slider {
    margin: 0px auto 100px;
}

.product .prod_slider .slick-slide {
    padding: 50px 0px;
    text-align: center;
    background: #242325;
}

.product .prod_slider .slick-slide .img {
    text-align: center;
    display: block;
}

.product .prod_slider .slick-slide .img img {
    display: inline-block;
    max-width: 100%;
}

.product .prod_slider .slick-slide strong {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

.product .prod_slider .slick-slide p {
    font-size: 16px;
    color: #fff;
    display: block;
    margin-top: 30px;
}

.product .slick-prev {
    left: 25px;
    z-index: 1;
}

.product .slick-next {
    right: 25px;
    z-index: 1;
}

.prod_mobile {
    display: none;
}

.past_cont {
    padding-bottom: 50px;
}

.past_cont > div {
    display: none;
}

.past_cont > div.on {
    display: block;
}

.past_cont > div .past_top {
    margin-bottom: 30px;
}

.past_cont > div .past_top ul {
    display: flex;
}

.past_cont > div .past_top ul li a {
    color: #CCA234;
    font-size: 16px;
}

.past_cont #past01 .past_top ul li {
    margin-left: auto;
}

.past_cont #past02 .past_top ul li {
    margin-right: auto;
}

.past_cont > div > ul > li {
    margin-bottom: 50px;
}

.past_cont > div > ul > li strong {
    width: 100%;
    display: block;
    padding: 7px 0px 7px 20px;
    color: #fff;
    font-size: 24px;
    background: #242325;
}

.past_cont > div > ul > li .img {
    margin-bottom: 10px;
}

.past_cont > div > ul > li .img img {
    width: 100%;
    display: block;
}

.past_cont > div > ul > li p {
    margin-bottom: 30px;
    word-break: keep-all;
    line-height: 1.5;
}

.past_cont > div .past_btm ul {
    display: flex;
}

.past_cont > div .past_btm ul li a {
    color: #CCA234;
    font-size: 16px;
}

.past_cont #past01 .past_top ul li a::after,
.past_cont #past01 .past_btm ul li a::after {
    content: '>';
    display: inline-block;
    margin-left: 10px;
    font-family: dotum;
    font-weight: bold;
}

.past_cont #past02 .past_top ul li a::before,
.past_cont #past02 .past_btm ul li a::before {
    content: '<';
    display: inline-block;
    margin-right: 10px;
    font-family: dotum;
    font-weight: bold;
}

.past_cont #past01 .past_btm ul li {
    margin-left: auto;
}

.concert {
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.concert select {
    margin-left: auto;
    border: solid 1px #ddd;
    padding: 0px 20px 0px 10px;
    border-radius: 4px;
}

.concert > div {
    display: none;
    width: 100%;
}

.concert > div.on {
    display: block;
}

.concert > div h4 {
    font-size: 24px;
    margin-bottom: 20px;
}

.concert > div .con_wrap {
    display: flex;
    justify-content: space-between;
}

.concert > div .con_wrap .left {
    width: 49%;
}

.concert > div .con_wrap .video {
    background: #efefef;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
}

.concert > div .con_wrap .video iframe {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.concert > div .con_wrap .video video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.concert > div .con_wrap .img {
    margin-bottom: 10px;
}

.concert > div .con_wrap .img img {
    max-width: 100%;
    display: inline-block;
}

.concert > div .con_wrap .right {
    width: 49%;
}

.concert > div .con_wrap .right strong {
    background: #242325;
    font-size: 20px;
    color: #fff;
    padding: 10px 7px 10px 20px;
    margin-bottom: 20px;
    display: block;
}

.concert > div .con_wrap .right > ul {}

.concert > div .con_wrap .right > ul > li {
    margin-bottom: 30px;
}

.concert > div .con_wrap .right > ul > li b {
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}

.concert > div .con_wrap .right > ul > li > ul {}

.concert > div .con_wrap .right > ul > li > ul > li {
    line-height: 1.6;
    font-size: 15px;
}

.talk_board {
    /* padding:50px 0px; */

}

.con {
    min-height: 400px;
}

.auth {
    display: block;
    margin: 200px auto;
    text-align: center;
    border: solid 1px #ddd;
    max-width: 300px;
}

.auth li {
    margin-top: 25px;
}

.auth li button {
    width: 100%;
    cursor: pointer;
    background: #242325;
    color: #fff;
    font-size: 16px;
    padding: 10px 0px;
    border: none;
    text-align: center;
}

.member_hd {
    background: #152239;
    position: relative;
}

.certification {
    margin: 150px auto;
    width: 90%;
    border: solid 1px #ddd;
    max-width: 500px;
    display: block;
}

.certification strong {
    background: #152238;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 25px 0px;
    text-align: center;
}

.certification .cert_cont {
    padding: 30px;
}

.certification .cert_cont > span {
    display: block;
    margin-bottom: 10px;
}

.certification .cert_cont a {
    display: block;
    width: 100%;
    border: solid 1px #ddd;
    padding: 30px 0px;
    text-align: center;
}

.certification .cert_cont a:hover {
    background: #fcfcfc;
}

.certification .cert_cont a img {
    max-width: 40px;
}

.certification .cert_cont a span {
    display: block;
    margin-top: 20px;
}

.certification .cert_cont ul {
    padding: 30px 0px 50px;
}

.certification .cert_cont ul li {
    position: relative;
    margin-bottom: 7px;
    line-height: 1.5;
    word-break: keep-all;
    padding-left: 8px;
}

.certification .cert_cont ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    top: 11px;
    left: 0px;
    position: absolute;
    background: #000;
}

.cen {}

.cen dt {
    font-size: 24px;
    color: #CCA234;
    font-weight: bold;
    margin-bottom: 10px;
}

.cen dd {
    margin-bottom: 80px;
}

.cen dd ul {
    margin-top: 20px;
}

.cen dd ul li {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.3;
}

.code {}

.code h4 {
    color: #CCA234;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.code h4::before {
    content: '·';
}

.code .code_cont {
    margin-bottom: 40px;
    line-height: 1.6;
    word-break: keep-all;
}

.code .bold {
    font-weight: bold;
}

.code .code_cont > * {
    margin-bottom: 20px;
}

.code p.bold {
    margin-bottom: 10px;
}

.code ol {
    list-style: inside decimal;
}

.code ul li ul {
    padding-left: 15px;
}

.code ul li ul li {
    line-height: 1.6;
}

.video-js {
    width: 100%;
    height: 0px;
    padding-bottom: 56.25% !important;
}

.reset ul,
.reset ol {
    list-style: revert;
    padding: revert;
    margin: revert;
}
.reset ul li,
.reset ol li {
    list-style: revert;
    padding: revert;
    margin: revert;
}

.reset * {
    padding: revert;
    margin: revert !important;
    text-align: revert !important;
    }
.reset table {
    background:revert !important;
width: 100% !important;}
.reset table td,
.reset table th {
    /*background:revert !important;*/
    /*border:solid 1px #000 !important; */
padding: 5px !important;}
.reset 

.wrap_video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25% !important;
    height: 0;
}

.wrap_video iframe {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.privacy {
    line-height: 1.4;
    margin-bottom: 50px;
}

.privacy h2 {
    font-size: 16px;
    font-weight: bold;
    color: #242325;
}

.privacy dl {}

.privacy dl dt {
    color: #CCA234;
    margin-top: 10px;
    font-size: 16px;
}

.privacy dl dd {
    margin-top: 5px;
}

.privacy ol {}

.privacy ol li {}

.privacy b {
    font-weight: normal;
}

.privacy h4 {
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;
    color: #242325;
}

@media all and (max-width:1400px) {}

@media all and (max-width:1180px) {
    .container {
        padding: 0px 15px;
    }

    .sub_top h2 {
        padding: 30px 15px 50px;
        font-size: 30px;
        text-align: center;
    }

    .sub_top .location .loca_ul {
        margin: 0 auto;
        width: 98%;
        background: none;
        padding: 10px 0px;
        flex-wrap: wrap;
    }

    .sub_top .location .loca_ul li {
        min-width: auto;
        padding: 10px 0px;
        background: none;
        line-height: inherit;
        margin-right: 30px;
    }

    .sub_top {
        background-size: cover !important;
    }

    .sub_top .location .loca_ul li a {
        font-size: 14px;
    }

    .sub_top .location .loca_ul li:first-child::before {
        display: none;
    }

    .comment {
        background: none;
    }

    .comment .comm_write {
        padding: 15px;
    }

    .comment .comm_write .comm_info {
        display: flex;
    }

    .comment .comm_write .comm_info input {
        width: 40%;
        margin-right: 1%;
    }

    .comment .comm_write .comm_info button {
        width: 18%;
    }

    .btm_menu .container .right {
        width: 90%;
        margin: 30px auto 0;
    }

    .btm_menu .container {
        flex-direction: column;
    }

    .main_links .container .left .community ul li a {
        font-size: 16px;
    }

    .main_links .container .left {
        padding-right: 30px;
    }
}

@media all and (max-width:960px) {
    .gallery_wrap ul#stepSlider li {
        width: 25%;
    }

    .main_links .container .left .community ul li {
        width: 49%;
    }

    .homepage ul li .mockup .mock01,
    .homepage ul li .mockup .mock02,
    .homepage ul li .mockup .mock03,
    .homepage ul li .mockup .mock04 {
        width: 49%;
    }

    .homepage ul li .mockup .mock05,
    .homepage ul li .mockup .mock06,
    .homepage ul li .mockup .mock07 {
        width: 49%;
    }

    .homepage ul li .mockup .mock08 {
        width: 99% !important;
    }
}

@media all and (max-width:768px) {
    .main_visual .main_slider {
        display: none;
    }

    .main_visual .m_main_slider {
        display: block;
    }

    .board_top {
        flex-direction: column;
        margin-top: 40px;
        /* margin-bottom: 0px; */
    }

    .board_top .top_lt {
        margin-bottom: 30px;
    }

    .board_top .top_lt h3 {
        font-size: 25px;
        text-align: center;
        font-weight: normal;
    }

    .board_top .top_rt .sch_bar {
        width: calc(100% - 110px);
    }

    .board_top .top_rt select {
        width: 100px;
        display: block;
    }

    .board_top .top_rt .sch_bar .sch_input {
        width: calc(100% - 40px);
    }

    .tbl_wrap .list tr th.p,
    .tbl_wrap .list tr td.p {
        display: none;
    }

    .sub_top .location .loca_ul li {
        padding: 10px;
        width: 33.333333333333%;
        margin: 0;
        text-align: center;
    }

    .gallery_wrap ul#stepSlider li {
        width: 33.33333333333333%;
    }

    .sub_top .location .loca_ul li a {
        font-size: 12px;
    }

    h3.tit {
        font-size: 25px;
        margin-top: 40px;
        text-align: center;
        font-weight: normal;
    }

    .introduce > ul > li .intro2box {
        flex-direction: column;
    }

    .introduce > ul > li .intro2box .left {
        width: 100%;
        border: none;
        margin-bottom: 30px;
        padding: 0;
    }

    .introduce > ul > li .intro2box .right {
        width: 100%;
        padding: 0;
    }

    .introduce > ul > li .intro2box div {}

    .introduce > ul > li h4 {
        font-size: 20px;
    }

    .meeting_tab {
        justify-content: center;
        margin-bottom: 20px;
    }

    .meeting_cont > div > ul > li {
        flex-direction: column;
    }

    .meeting_cont > div > ul > li .txt {
        order: 2;
        width: 100%;
    }

    .meeting_cont > div > ul > li .img {
        width: 100%;
        margin-bottom: 30px;
        order: 1;
        flex-direction: column;
    }

    .meeting_cont > div > ul > li .txt .txt_tit {
        font-size: 20px;
    }

    .meeting_cont > div > ul > li .txt .txt_btm ul li {
        font-size: 14px;
    }

    .publish .box:first-child .right {
        display: none;
    }

    .publish .box strong {
        order: 2;
        line-height: 1.3;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .publish .box .left {
        width: 100%;
        order: 3;
        font-size: 14px;
    }

    .publish .box .right {
        width: 100%;
        margin-bottom: 15px;
        order: 1;
    }

    .prod_mobile {
        display: block;
    }

    .prod_slider {
        display: none;
    }

    .prod_mobile > div {
        background: #242325;
        margin-bottom: 20px;
    }

    .product .prod_mobile {
        margin: 0px auto 100px;
    }

    .product .prod_mobile > div {
        padding: 50px 0px;
        text-align: center;
        background: #242325;
    }

    .product .prod_mobile .img {
        text-align: center;
        display: block;
    }

    .product .prod_mobile .img img {
        display: inline-block;
        max-width: 80%;
    }

    .product .prod_mobile strong {
        font-size: 24px;
        color: #fff;
        margin-bottom: 30px;
        display: block;
        text-align: center;
    }

    .product .prod_mobile p {
        font-size: 16px;
        color: #fff;
        display: block;
        margin-top: 30px;
    }

    .past_cont #past01 .past_top ul li,
    .past_cont #past02 .past_top ul li {
        margin: auto;
    }

    .past_cont #past01 .past_btm ul li,
    .past_cont #past02 .past_btm ul li {
        margin: auto;
    }

    .concert > div .con_wrap {
        flex-direction: column;
    }

    .concert > div .con_wrap .left {
        width: 100%;
    }

    .concert > div .con_wrap .right {
        width: 100%;
    }

    .concert select {
        width: 100%;
        margin-bottom: 30px;
        display: block;
    }

    .concert > div .con_wrap .right > ul > li > ul > li {
        font-size: 14px;
    }

    .special_video .container .pc,
    .focus_video .container .pc {
        display: none;
    }

    .special_video .container .mobile,
    .focus_video .container .mobile {
        display: block;
    }

    .focus_video .container .focus_box span,
    .focus_video .container .focus_box span {
        font-size: 15px;
        font-weight: normal;
    }

    .focus_video .container .focus_box p {
        word-break: keep-all;
        font-size: 20px;
        line-height: 1.4;
    }

    .focus_video .container .focus_box p br {
        display: block;
    }

    .focus_video .container .focus_box a {
        margin-top: 50px;
    }

    .focus_video .container .focus_box {
    }

    .btm_menu {
        display: none;
    }

    .main_links .container .left {
        width: 100%;
        padding-right: 0;
    }

    .main_links .container .right {
        width: 100%;
    }

    .main_links .container .left .community ul li {
        width: 32%;
    }

    .main_links .container .left .community ul li a {
        font-size: 18px;
    }

    .main_links .container .right .quick ul li a {
        padding: 30px 0px;
        width: 40%;
        text-align: center;
        line-height: 1.4;
    }

    .main_links .container .right .quick ul li a br {
        display: block;
    }

    .main_links .container .left .community {
        margin-bottom: 50px;
    }

    .great_banner .container .line01 {
        flex-direction: column;
    }

    .great_banner .container .line01 .left {
        width: 100%;
        padding-bottom: 91%;
    }

    .great_banner .container .line01 .right .view_more,
    .great_banner .container .line02 .view_more,
    .great_banner .container .line03 .view_more,
    .great_banner .container .line04 .view_more {
        left: 50%;
        top: inherit;
        bottom: 10%;
        transform: translate(-50%, 0);
    }

    .great_banner .container .line02 {
        margin-bottom: 10px;
        width: 100%;
        padding-bottom: 82%;
        background: url(../images/user/gb_second_241111_mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .great_banner .container .line03 {
        width: 100%;
        padding-bottom: 52%;
        background: url(../images/user/great_banner04_m.png) no-repeat center center;
        background-size: cover;
    }

    .sub_top.menuTop01 {
        background: url(../images/user/mm_sub01.png) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop02 {
        background: url(../images/user/mm_sub02.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop03 {
        background: url(../images/user/mm_sub03.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop04 {
        background: url(../images/user/mm_sub04.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop05 {
        background: url(../images/user/mm_sub05.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop06 {
        background: url(../images/user/mm_sub06.jpg) no-repeat center top;
        background-size: contain !important;
    }
}

@media all and (max-width:640px) {
    .gallery_wrap ul#stepSlider li {
        width: 50%;
    }

    .tbl_wrap .view tr td span.bar {
        display: block;
        border: none;
        line-height: 1.7;
        padding: 0;
        margin: 0;
    }

    #tableReply td .replyView .ip {
        display: none;
    }

    .main_links .container .left .community ul li a {
        font-size: 16px;
    }

    .one_talk .container .talk_wrap strong {
        line-height: 1.2;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        text-align: center;
        padding-right: 30px;
        width: 100px;
    }

    .one_talk .container .talk_wrap strong br {
        display: block;
    }

    .one_talk .talk_slider {
        width: calc(100% - 160px);
    }

    .one_talk .container .talk_wrap a {
        width: 60px;
    }

    .certification .cert_cont {
        padding: 20px 15px;
    }

    .certification .cert_cont ul li {
        font-size: 12px;
    }

    .certification .cert_cont ul li::before {
        top: 8px;
        width: 2px;
        height: 2px;
    }

    .edit_myinfo .edit_wrap table th {
        width: 80px;
        font-size: 14px;
    }

    .homepage ul li h4 {
        margin: 0 auto 25px;
        display: table;
        font-size: 17px;
    }

    .homepage ul li .mockup .mock01,
    .homepage ul li .mockup .mock02,
    .homepage ul li .mockup .mock03,
    .homepage ul li .mockup .mock04,
    .homepage ul li .mockup .mock05,
    .homepage ul li .mockup .mock06,
    .homepage ul li .mockup .mock07,
    .homepage ul li .mockup .mock08 {
        width: 100%;
        margin-right: 0;
    }

    .homepage ul li .mockup > div .img {
        text-align: center;
    }
}

@media all and (max-width:480px) {
    .comment .comm_write .comm_info {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .comment .comm_write .comm_info input {
        width: 49%;
    }

    .comment .comm_write .comm_info button {
        width: 100%;
        margin-top: 10px;
    }

    .main_links .container .left .community ul li a {
        font-size: 14px;
    }

    .sub_top.menuTop01 {
        background: url(../images/user/m_sub01.png) no-repeat center top;
        background-size: contain !important;
        padding-top: 75px;
    }

    .sub_top.menuTop02 {
        background: url(../images/user/m_sub02.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop03 {
        background: url(../images/user/m_sub03.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop04 {
        background: url(../images/user/m_sub04.jpg) no-repeat center top;
        background-size: contain !important;
        padding-top: 75px;
    }

    .sub_top.menuTop05 {
        background: url(../images/user/m_sub05.jpg) no-repeat center top;
        background-size: contain !important;
    }

    .sub_top.menuTop06 {
        background: url(../images/user/m_sub06.jpg) no-repeat center top;
        background-size: contain !important;
    }
}

@media all and (max-width:320px) {}

.certification {
    margin: 150px auto;
    width: 90%;
    border: solid 1px #ddd;
    max-width: 500px;
    display: block;
}

.certification strong {
    background: #152238;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 25px 0px;
    text-align: center;
}

.certification .cert_cont {
    padding: 30px;
}

.certification .cert_cont > span {
    display: block;
    margin-bottom: 10px;
}

.certification .cert_cont a {
    display: block;
    width: 100%;
    border: solid 1px #ddd;
    padding: 30px 0px;
    text-align: center;
}

.certification .cert_cont a:hover {
    background: #fcfcfc;
}

.certification .cert_cont a img {
    max-width: 40px;
}

.certification .cert_cont a span {
    display: block;
    margin-top: 20px;
}

.certification .cert_cont ul {
    padding: 30px 0px 50px;
}

.certification .cert_cont ul li {
    position: relative;
    margin-bottom: 7px;
    line-height: 1.5;
    word-break: keep-all;
    padding-left: 8px;
}

.certification .cert_cont ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    top: 11px;
    left: 0px;
    position: absolute;
    background: #000;
}

.find {
    margin: 250px auto;
    max-width: 400px;
    width: 90%;
}

.find #search {
    display: flex;
}

.find #search li {
    width: 50%;
    padding: 20px 0px;
    text-align: center;
    cursor: pointer;
    background: #bbb;
    color: #fff;
    font-weight: bold;
}

.find #search li.on {
    background: #152238;
}

.find .find_cont {
    border: solid 1px #ddd;
    border-top: none;
    padding: 30px;
}

.find .find_cont .cont {}

.find .find_cont .cont ul {}

.find .find_cont .cont ul li {
    margin-bottom: 20px;
}

.find .find_cont .cont ul li span {
    display: block;
    margin-bottom: 10px;
}

.find .find_cont .cont ul li label {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
}

.find .find_cont .cont ul li input {
    background: #F9F8F7;
    border: solid 1px #ddd;
    line-height: 32px;
    width: 100%;
    padding: 0px 7px;
}

.find .find_cont .cont ul li button {
    background: #CCA234;
    border: none;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 16px;
}

.find .find_cont .cont p {
    word-break: keep-all;
    font-size: 14px;
    line-height: 1.5;
}

#loginReslut {
    font-size: 12px;
    display: block;
    color: red;
    margin: 5px 0px;
}

.band_top {
    text-align: right;
    margin: 10px 0px 30px;
}

.band_top a {
    color: #CCA234;
}

.band {
    margin-bottom: 80px;
}

.band .img {
    margin-bottom: 20px;
}

.band .img img {
    max-width: 100%;
}

.band > p {
    line-height: 1.5;
    word-break: keep-all;
    margin-bottom: 20px;
}

.band .wrap {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.band .wrap .left {
    width: 46%;
    padding-right: 20px;
}

.band .wrap .left img {
    max-width: 100%;
}

.band .wrap .right {
    width: 52%;
    line-height: 1.5;
    word-break: keep-all;
}

.tbl_wrap .view tr td,
.tbl_wrap .view tr td,
.tbl_wrap .list tr th,
.tbl_wrap .list tr td,
.tbl_wrap .write tr th,
.tbl_wrap .write tr td {
    font-size: 14px;
    vertical-align: middle;
}

.popup {
    text-align: center;
    z-index: 10;
    background: #000;
    position: absolute;
    display: block;
}

.popup_btm {
    background: #000;
    color: #fff;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.popup_btm label {
    cursor: pointer;
}

.popup_btm * {
    color: #fff;
}

.popup_btm a {
    display: inline-block;
    margin-left: auto;
}

.fn_board i {
    display: inline-block;
    width: 16px;
    height: 0px;
    padding-bottom: 14px;
    margin-right: 3px;
    background: url(../images/user/reply.png) no-repeat center center;
}

iframe {
    max-width: 100% !important;
    height: auto;
}

.vote_tit {
    margin-bottom: 10px;
}

.vote_tit strong {
    display: block;
    margin-bottom: 5px;
}

.vote_tit input {}

.vote_list {}

.vote_list strong {
    display: block;
    margin-bottom: 5px;
}

.vote_list .btn_vote {
    margin-bottom: 5px;
}

.vote_list .btn_vote .add {
    padding: 5px 10px;
    font-size: 12px;
}

.vote_list ul li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 5px;
}

.vote_list ul li input {
    width: calc(100% - 60px) !important;
    margin-right: 3px;
}

.vote_list ul li .del {
    padding: 5px 10px;
    font-size: 12px;
}

.vote {}

.vote strong {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    line-height: 1.5;
}

.vote strong i {
    font-style: normal;
    margin-right: 3px;
    display: inline-block;
    padding: 4px 7px;
    background: #212121;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
}

.vote .vote_opt {
    padding-left: 40px;
}

.vote .vote_opt li {
    line-height: 1.5;
    position: relative;
    margin-bottom: 8px;
    padding-left: 25px;
}

.vote .vote_opt li input {
    position: absolute;
    left: 0;
    top: 0;
}

.vote .vote_opt li label {
    display: block;
    line-height: 1.4;
}

.vote_setting {}

.vote_setting strong {
    font-size: 14px;
    margin-top: 5px;
    display: block;
    margin-bottom: 7px;
    line-height: 1.5;
}

.vote_setting .vote_period {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.vote_setting .vote_period select,
.vote_setting .vote_period input {
    margin-right: 3px;
    margin-bottom: 5px;
}

.vote_setting .date {
    width: 120px !important;
    display: inline-block !important;
    background: url(../../images/caldendar.png) no-repeat right center;
}

.vote_setting select {
    display: inline-block;
    padding: 5px 30px 5px 10px;
    border: solid 1px #ddd;
}

.vote_stat {}

.vote_stat > strong {
    display: block;
}

.vote_stat > strong i {
    font-style: normal;
    margin-right: 3px;
    display: inline-block;
    padding: 4px 7px;
    background: #212121;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
}

.vote_stat .total {
    display: block;
    font-size: 14px;
    padding: 10px 0px 7px;
}

.vote_stat .vote_opt {}

.vote_stat .vote_opt li {
    margin-bottom: 10px;
    display: block;
}

#voteStat {
    width: 100%;
    min-height: 300px;
}

.vote_stat .vote_opt li .count {
    display: inline-block;
    font-size: 14px;
    color: #212121;
    font-weight: bold;
    border: solid 1px #212121;
    padding: 3px 12px;
    border-radius: 50px;
}
.adm_control {
	display:flex;
	flex-wrap:wrap;
	margin:30px 0px 10px;
	align-items:center;
}
.adm_control b {
	color:#336699;
	font-weight:bold;
	margin-bottom:3px;
}
.adm_control select {
	height: 34px;
    padding: 0px 28px 0px 10px;
    border: solid 1px #ddd;
    border-radius: 4px;
	margin-bottom:3px;
    margin-right: 3px;
}
.adm_control span {
	display:inline-block;
	margin:0px 2px;
	margin-bottom:3px;
}
.adm_control button{
	margin:0 3px;
	padding:0px 20px;
	margin-bottom:3px;
	height:34px;
}
.gallery {
	
}

.gallery>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.gallery>ul>li {
	width: 19%;
	margin: 0px 0.5% 40px;
}
.gallery>ul>li .img {
	display: block;
	width: 100%;
	padding-bottom: 100%;
	height: 0px;
	position: relative;
	overflow: hidden;
}

.gallery>ul>li .img img {
	width: 100%;
	transition: all 0.3s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.gallery>ul>li .img:hover img {
	transform: translate(-50%,-50%) scale(1.1);
}

.gallery>ul>li .tit {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	margin: 20px 0px 40px;
}

.gallery>ul>li ul {
	
}

.gallery>ul>li ul li {
	margin-bottom: 7px;
	color: #828282;
	font-size: 14px;
}
.mu_info {
	border-bottom:solid 1px #ddd;
}
.mu_info h3 {
	background:#FAF8F8;
	line-height:1.5;
	border-bottom:solid 1px #ddd;
	border-top:solid 3px #212121;
	padding:20px;
	font-size:20px;
}
.mu_info .wrap {
	display:flex;
	flex-wrap:wrap;
	border-bottom:solid 1px #ddd;
}
.mu_info .wrap.picture .img {
	border-bottom:solid 1px #ddd;
}
.mu_info .wrap .img {
	width:40%;
	text-align: center;
	display: inline-flex;
	align-items: center;
}
.mu_info .wrap .img video {
	width:100%;
}
.mu_info .wrap.picture .img {
	width:100%;
}
.mu_info .wrap .img img {
	max-height: 200px;
	width: auto;
}.mu_info .wrap.picture .img img {
	max-height: inherit;
	max-width:100%;
	height: inherit;
}
.mu_info .wrap dl {
	width:60%;
	padding:10px;
	border-left:solid 1px #ddd;
	display:flex;
	justify-content: flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
}
.mu_video .wrap .img {
	width:50%;
}
.mu_video .wrap dl {
	width:50%;
}
.mu_info .wrap dl.w100 {
	width:100%;
	border-left:none;
	display:flex;
	align-items:stretch;
}
.mu_info dl dt {
	width:130px;
	line-height:1.5;
	font-size:14px;
	padding:10px;
	font-weight:bold;
}
.mu_info dl dd {
	width:calc(100% - 130px);
	line-height:1.5;
	font-size:14px;
	padding:10px;
	display: block;
	min-height: 42px;
}
.mu_info dl dd pre img {
	max-width:100%;
}
.mu_info dl.w100 dt {
	margin-bottom:0;
	padding-bottom: 0;
}
.mu_info dl.w100 dd {
	margin-bottom:0;
	padding-top: 5px;
}
.mu_info .img {
	padding:30px;
	min-height:200px;
} 
.mu_info .info_cont .txt {
	padding:15px;
	line-height:1.5;
	min-height:100px;
}
.mu_info .info_cont .play_list {
	display:flex;
	border-top:none;
	width:100%;
	flex-direction:column;
	border-top: solid 1px #ddd;
}
.mu_info .info_cont .play_list h3.album_title{
	padding:6px 0px;
	display:flex;
	border: none;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	margin: 0;
	border-top: 0;
	color: #000 !important;
	border-bottom: dashed 1px #ddd;
}
.mu_info .info_cont .play_list h3:last-child {
	border-bottom:none;
}
.mu_info .info_cont  .play_list h3 .song_info {
	display:flex;
	width:calc(100% - 80px);
	justify-content:space-between;
	align-items:center;
	padding-right:20px;
}
.mu_info .info_cont .play_list h3 .song01{
	font-style:normal;
	width:10%;
}
.mu_info .info_cont .play_list h3 .song02{
	width:20%;
}
.mu_info .info_cont .play_list h3 .song03{
	width:20%;
}
.mu_info .info_cont .play_list h3 .song04{
	width:20%;
}
.mu_info .info_cont .play_list h3 .song05{
	width:10%;
}
.mu_info .info_cont .play_list h3  i {
	font-style:normal;
	font-size:13px;
}
.mu_info .info_cont .play_list h3 span {
	font-size:13px;
}
.mu_info .info_cont .play_list h3 button{
	width: 50px;
	height:25px;
	border:none;
	text-indent:-9999px;
	background: url(../../images/museum/volume.png) no-repeat center center;
	background-size: 14px;
}
.mu_info .info_cont .play_list h3 .song_info .song_btns {
	width:20%;
}
.mu_info .info_cont .play_list h3.album_title + div {
	border:none;
	display:flex;
	flex-direction:column;
	height: auto !important;
}

.mu_info .info_cont .play_list h3.album_title + div.ui-accordion-content-active {
	border-bottom:dashed 1px #ddd;
}
pre {
	width: 100%;
    word-break: break-all;
    display: block;
    white-space: pre-wrap;
}
.container h3.view_tit {
	padding:50px 0px 30px;
	color:#212121;
	font-size:32px;
}
.order_pop {
	padding:20px;
}
.order_pop h1 {
	font-size:20px;
	margin-bottom:20px;
}

.order_pop textarea {
	width:100%;
	max-width:100%;
	border:solid 1px #ddd;
}
.btn_center {
	margin:30px 0px;
	text-align:center;
}
.order_his {
	padding:20px;
}

.order_his .board_top {
	margin-top:20px;
}
.order_his h1 {
	font-size:20px;
	margin-bottom:20px;
}
.order_his_list {
	display:flex;
	flex-direction:column;
}
.order_his_list .list_box {
	margin-bottom:10px;
	border:Solid 1px #ddd;
	border-radius:5px;
	padding:10px 10px 5px;
	display:flex;
	flex-wrap:wrap;
}
.list_box .his_t {
	font-weight:bold;
	display:block;
	width:100%;
	line-height:1.56;
	font-size:18px;
}
.order_his_list .list_box .flex {
	width:100%;
	margin:10px 0px;
	display:flex;
}
.order_his_list .list_box span {
	display:block;
	font-weight:normal;
	line-height:1.3;
	font-size:14px;
	width:100%;
}
.order_his_list .list_box p{
	font-size:14px;
	line-height:1.6;
	margin-top:7px;
	width:100%;
	border-bottom:dashed 1px #ddd;
	padding-bottom:7px;
	margin-bottom:5px;
}
.order_his_list .list_box em{
	font-style:normal;
	line-height:1.6;
	font-size:13px;
	color:#336699;
	font-weight:bold;
	width:50%;
}
.order_his_list .list_box i{
	font-style:normal;
	font-size:13px;
	width:50%;
	line-height:1.6;
	text-align:right;
	color:#999;
}
.pop_wrap {
	padding:20px;
}
.pop_wrap h1 {
	font-size:24px;
	margin:0px 
}
.brd_auth {
	padding:20px;
}
.brd_auth .tbl_wrap {
	margin:10px 0;
} 
.brd_auth .tbl_wrap .list tr th,
.brd_auth .tbl_wrap .list tr td {
	font-size:14px;
	padding:5px;
}
.brd_auth .btn {
	padding:0px 10px;
	line-height:24px;
	font-size:14px;
}
.brd_auth select {
	line-height:24px;
	border:solid 1px #ddd;
	padding-left:5px;
	border-radius:3px;
}
.order_his_list .list_box i.badge{
	padding:3px 6px;
	border-radius:3px;
	border:solid 1px #272727;
	color:#222;
	width:auto;
	font-weight:normal;
	line-height:1;
	font-size:13px;
	display:inline-block;
	text-align:center;
}
.brd_auth input[type='text'] {
	line-height:24px;
	padding:0px 5px;
	border-radius:3px;
	border:solid 1px #ddd;
}
.flex {
	display:flex;
}

@media all and (max-width:1400px) {}

@media all and (max-width:1180px) {
    .container {
        padding: 0px 15px;
    }

    .sub_top h2 {
        padding: 30px 15px 32px;
        font-size: 30px;
        text-align: center;
    }

    .sub_top .location .loca_ul {
        margin: 0 auto;
        width: 98%;
        background: none;
        padding: 10px 0px;
        flex-wrap: wrap;
    }

    .sub_top .location .loca_ul li {
        min-width: auto;
        padding: 10px 0px;
        background: none;
        line-height: inherit;
        margin-right: 30px;
    }

    .sub_top {
        background-size: cover !important;
    }

    .sub_top .location .loca_ul li a {
        font-size: 14px;
    }

    .sub_top .location .loca_ul li:first-child::before {
        display: none;
    }

    .comment {
        background: none;
    }

    .comment .comm_write {
        padding: 15px;
    }

    .comment .comm_write .comm_info {
        display: flex;
    }

    .comment .comm_write .comm_info input {
        width: 40%;
        margin-right: 1%;
    }

    .comment .comm_write .comm_info button {
        width: 18%;
    }

    .btm_menu .container .right {
        width: 90%;
        margin: 30px auto 0;
    }

    .btm_menu .container {
        flex-direction: column;
    }

    .main_links .container .left .community ul li a {
        font-size: 16px;
    }

    .main_links .container .left {
        padding-right: 30px;
    }

    .band .wrap {
        flex-wrap: wrap;
    }

    .band .wrap .left {
        width: 100%;
        margin-bottom: 20px;
    }

    .band .wrap .right {
        width: 100%;
    }
    
    .mu_info .info_cont .play_list h3 .song_info {
		flex-wrap:wrap;
	}
	.mu_info .info_cont .play_list h3 .song01{
		width:20%;
		margin-bottom:5px;
	}
	.mu_info .info_cont .play_list h3 .song02{
		width:60%;
		margin-bottom:5px;
	}
	.mu_info .info_cont .play_list h3 .song03{
		width:25%;
		margin-bottom:5px;
	}
	.mu_info .info_cont .play_list h3 .song04{
		width:25%;
		margin-bottom:5px;
	}
	.mu_info .info_cont .play_list h3 .song05{
		width:20%;
		margin-bottom:5px;
	}
	.mu_info .info_cont .play_list h3 .song_btns{
	}
	.mu_info .wrap .img {
		width:30%;
	}
	.mu_info .wrap dl {
		width:70%;
	}
	.mu_video .wrap .img {
		width:45%;
	}
	.mu_video .wrap dl {
		width:55%;
	}
}

@media all and (max-width:960px) {
    .gallery_wrap ul #stepSlider li {
        width: 25%;
    }

    .main_links .container .left .community ul li {
        width: 49%;
    }
}

@media all and (max-width:768px) {
    .main_visual .main_slider {
        display: none;
    }

    .main_visual .m_main_slider {
        display: block;
    }

    .board_top {
        flex-direction: column;
        margin-top: 40px;
        /* margin-bottom: 0px; */
    }
    .order_his .board_top {
        margin-top:20px;
    }

    .board_top .top_lt {
        margin-bottom: 30px;
    }

    .board_top .top_lt h3 {
        font-size: 25px;
        text-align: center;
        font-weight: normal;
    }

    .board_top .top_rt .sch_bar {
        width: calc(100% - 110px);
    }

    .board_top .top_rt select {
        width: 100px;
        display: block;
    }

    .board_top .top_rt .sch_bar .sch_input {
        width: calc(100% - 40px);
    }

    .tbl_wrap .list tr th .p,
    .tbl_wrap .list tr td .p {
        display: none;
    }

    .sub_top .location .loca_ul li {
        padding: 10px;
        width: 33.333333333333%;
        margin: 0;
        text-align: center;
    }

    .gallery_wrap ul #stepSlider li {
        width: 33.33333333333333%;
    }

    .sub_top .location .loca_ul li a {
        font-size: 12px;
    }

    h3 .tit {
        font-size: 25px;
        margin-top: 40px;
        text-align: center;
        font-weight: normal;
    }

    .introduce > ul > li .intro2box {
        flex-direction: column;
    }

    .introduce > ul > li .intro2box .left {
        width: 100%;
        border: none;
        margin-bottom: 30px;
        padding: 0;
    }

    .introduce > ul > li .intro2box .right {
        width: 100%;
        padding: 0;
    }

    .introduce > ul > li .intro2box div {}

    .introduce > ul > li h4 {
        font-size: 20px;
    }

    .meeting_tab {
        justify-content: center;
        margin-bottom: 20px;
    }

    .meeting_cont > div > ul > li {
        flex-direction: column;
    }

    .meeting_cont > div > ul > li .txt {
        order: 2;
        width: 100%;
    }

    .meeting_cont > div > ul > li .img {
        width: 100%;
        margin-bottom: 30px;
        order: 1;
        flex-direction: column;
    }

    .meeting_cont > div > ul > li .txt .txt_tit {
        font-size: 20px;
    }

    .meeting_cont > div > ul > li .txt .txt_btm ul li {
        font-size: 14px;
    }

    .publish .box:first-child .right {
        display: none;
    }

    .publish .box strong {
        order: 2;
        line-height: 1.3;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .publish .box .left {
        width: 100%;
        order: 3;
        font-size: 14px;
    }

    .publish .box .right {
        width: 100%;
        margin-bottom: 15px;
        order: 1;
    }

    .prod_mobile {
        display: block;
    }

    .prod_slider {
        display: none;
    }

    .prod_mobile > div {
        background: #242325;
        margin-bottom: 20px;
    }

    .product .prod_mobile {
        margin: 0px auto 100px;
    }

    .product .prod_mobile > div {
        padding: 50px 0px;
        text-align: center;
        background: #242325;
    }

    .product .prod_mobile .img {
        text-align: center;
        display: block;
    }

    .product .prod_mobile .img img {
        display: inline-block;
        max-width: 80%;
    }

    .product .prod_mobile strong {
        font-size: 24px;
        color: #fff;
        margin-bottom: 30px;
        display: block;
        text-align: center;
    }

    .product .prod_mobile p {
        font-size: 16px;
        color: #fff;
        display: block;
        margin-top: 30px;
    }

    .past_cont #past01 .past_top ul li,
    .past_cont #past02 .past_top ul li {
        margin: auto;
    }

    .past_cont #past01 .past_btm ul li,
    .past_cont #past02 .past_btm ul li {
        margin: auto;
    }

    .concert > div .con_wrap {
        flex-direction: column;
    }

    .concert > div .con_wrap .left {
        width: 100%;
    }

    .concert > div .con_wrap .right {
        width: 100%;
    }

    .concert select {
        width: 100%;
        margin-bottom: 30px;
        display: block;
    }

    .concert > div .con_wrap .right > ul > li > ul > li {
        font-size: 14px;
    }

    .special_video .container .pc ,
    .focus_video .container .pc {
        display: none;
    }

    .special_video .container .mobile,
    .focus_video .container .mobile {
        display: block;
    }

    .focus_video .container .focus_box span {
        font-size: 15px;
        font-weight: normal;
        left: 30px;
    }

    .focus_video .container .focus_box p {
        word-break: keep-all;
        font-size: 20px;
        line-height: 1.4;
        left: 30px;
        top: 41%;
    }

    .focus_video .container .focus_box p br {
        display: block;
    }

    .focus_video .container .focus_box a {
        margin-top: 50px;
    }

    .focus_video .container .focus_box {
    }

    .btm_menu {
        display: none;
    }

    .main_links .container .left {
        width: 100%;
        padding-right: 0;
    }

    .main_links .container .right {
        width: 100%;
    }

    .main_links .container .left .community ul li {
        width: 32%;
    }

    .main_links .container .left .community ul li a {
        font-size: 18px;
    }

    .main_links .container .right .quick ul li a {
        padding: 30px 0px;
        width: 100%;
        text-align: center;
        line-height: 1.4;
    }

    .main_links .container .right .quick ul li a br {
        display: block;
    }

    .main_links .container .left .community {
        margin-bottom: 50px;
    }

    .great_banner .container .line01 {
        flex-direction: column;
    }

    .great_banner .container .line01 .left {
        width: 100%;
        /*background: url(../images/user/great_banner06_m_220214.png) no-repeat center center;
        background-size: cover;*/
        padding-bottom: 92%;
        margin-top: 10px;
    }

    .great_banner .container .line01 .right {
        width: 100%;
        padding-bottom: 92%;
        background: url(../images/user/great_banner05_m_220214.png) no-repeat center center;
        background-size: cover;
        margin-top: 10px;
    }

    .great_banner .container .line01 .left .view_more,
    .great_banner .container .line01 .right .view_more,
    .great_banner .container .line02 .view_more,
    .great_banner .container .line03 .view_more,
    .great_banner .container .line04 .view_more {
        left: 50%;
        top: inherit;
        bottom: 10%;
        transform: translate(-50%, 0);
    }

    .great_banner .container .line02 {
        margin-bottom: 10px;
        width: 100%;
        padding-bottom: 82%;
        background: url(../images/user/gb_second_241111_mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .great_banner .container .line03 {
        width: 100%;
        padding-bottom: 52%;
        background: url(../images/user/great_banner04_m.png) no-repeat center center;
        background-size: cover;
    }

    .tbl_wrap .list tr td.onetalk_td {
        font-size: 12px;
    }

    .one_talk {
    margin-top: -65px;
    }

    .arrows {
        display: none;
    }

    .arrows2 {
        display: inline-flex;
    }

    .popup {
        top: 100px !important;
        left: 50% !important;
        transform: translateX(-50%);
        width: 90% !important;
        max-width: 400px !important;
        height: auto !important;
    }

    .popup img {
        width: 100% !important;
        height: auto !important;
    }

    .one_talk .container .talk_wrap span i {
        display: none;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
.great_banner .container .line01 img.pc {
	display:none;
}
.great_banner .container .line01  img.mo {
	display:block;
}
.mu_info .wrap .img {
		border-bottom:solid 1px #ddd;
		width:100%;
	}
	.mu_info .wrap dl {
		width:100%;
		border-left:none;
	}
	.gallery>ul {
		justify-content:space-between;
	}
	.gallery>ul>li {
		width:45%;
	}
	.mu_wrap .history li {
		flex-wrap:wrap;
	}
	.mu_wrap .history li span {
		width:50%;
		text-align:right;
	}
	.mu_wrap .history li span:first-child {
		text-align:left;
	}
	.mu_wrap .history li .right {
		width:100%;
		margin-top:15px;
	}


}

@media all and (max-width:640px) {
    .vote .vote_opt {
        padding-left: 0px;
        margin-top: 20px;
    }

    .gallery_wrap ul #stepSlider li {
        width: 50%;
    }

    .tbl_wrap .view tr td span .bar {
        display: block;
        border: none;
        line-height: 1.7;
        padding: 0;
        margin: 0;
    }

    #tableReply td .replyView .ip {
        display: none;
    }

    .main_links .container .left .community ul li a {
        font-size: 16px;
    }

    .one_talk .container .talk_wrap strong {
        line-height: 1.2;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        text-align: center;
        padding-right: 30px;
        width: 100px;
    }

    .one_talk .container .talk_wrap strong br {
        display: block;
    }

    .one_talk .talk_slider {
        width: calc(100% - 160px);
    }

    .one_talk .container .talk_wrap a {
        width: 60px;
    }

    .certification .cert_cont {
        padding: 20px 15px;
    }

    .certification .cert_cont ul li {
        font-size: 12px;
    }

    .certification .cert_cont ul li::before {
        top: 8px;
        width: 2px;
        height: 2px;
    }

    .find .find_cont {
        padding: 20px;
    }

    .find .find_cont p br {
        display: none;
    }

    .auth,
    .certification,
    .find {
        margin: 50px auto;
    }

    .edit_myinfo .edit_wrap .box {
        padding: 30px 15px;
    }

    .mypage_intro .top {
        padding: 30px 20px;
    }

    .mypage_intro ul {
        padding: 30px 20px;
    }

    .mypage_intro .top .left strong {
        font-size: 18px;
    }

    .tbl_wrap .view tr th,
    .tbl_wrap .view tr td {
        font-size: 14px;
    }
    
    .mu_info .info_cont .play_list h3 .song_info {
		display:flex;
	}
	.mu_info .info_cont .play_list h3 .song01{
		width:50%;
		order:1;
		margin-bottom:5px;
	}
	.mu_info .info_cont .play_list h3 .song02{
		width:100%;
		margin-bottom:5px;
		order:3;
	}
	.mu_info .info_cont .play_list h3 .song03{
		width: 100%;
		margin-bottom: 10px;
		order:4;
	}
	.mu_info .info_cont .play_list h3 .song04{
		width: 100%;
		margin-bottom: 5px;
		order:5;
	}
	.mu_info .info_cont .play_list h3 .song05{
		width:50%;
		order:2;
		margin-bottom:5px;
	}
	.mu_info dl {
		flex-wrap:wrap;
	}
	.mu_info dl dt {
		width:100%;
		padding-bottom:0;
	}
	.mu_info dl dd {
		width:100%;
		padding-top:5px;
	}
	
	.mu_info dl dt {
		border-right:none;
	}
	.mu_wrap .search {
		padding:10px 0px;
	}
	.mu_wrap .cont {
		padding:0;
	}
	/* .mu_wrap .cont .gallery>ul>li {
		width:98%;
	} */
	.mu_info .wrap dl {
		padding:10px 0px;
	}
}

@media all and (max-width:480px) {
    .comment .comm_write .comm_info {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .comment .comm_write .comm_info input {
        width: 49%;
    }

    .comment .comm_write .comm_info button {
        width: 100%;
        margin-top: 10px;
    }

    .main_links .container .left .community ul li a {
        font-size: 14px;
    }

    .tbl_wrap .view tr td,
    .tbl_wrap .view tr td,
    .tbl_wrap .list tr th,
    .tbl_wrap .list tr td,
    .tbl_wrap .write tr th,
    .tbl_wrap .write tr td {
        font-size: 13px;
    }

    .tbl_wrap .write tr th {
        width: 70px;
    }

    .code h4 {
        font-size: 20px;
        line-height: 1.4;
        word-break: keep-all;
    }
    .main_links .container .right .quick ul li {
        width: 100% !important;
        height:120px;
        margin-bottom:10px;
    }
}

@media all and (max-width:320px) {}