/* common */
html , body {overflow-x:hidden;}
a , button {outline:0 !important;}
.at-body {background:#fff !important;}
.is-pc .at-body {min-height:auto;}
.at-content {padding:0;}
.page-wrap img {max-width:none !important;}
img[usemap] {border: none; height: auto; max-width: 100% !important; width: auto;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active , .btn.btn-color {background:#9d773b !important; border-color:#9d773b !important;}
.at-title {display:none !important;}
.label-cap {display:none;}
@media (max-width:1919px) {
.pc-img1 {width:100%;}
img[usemap] {border: none; height: auto; max-width: 100% !important; width: auto;}
}
@media (max-width:1215px) {
.pc-img {width:100%;}
}
@media (max-width:991px) {
img[usemap] {border: none; height: 100% !important; width:100%; max-width:100% !important;}
#sidebar-box .sidebar-menu .ca-head > a {padding:6px 15px !important;}
}
@media (max-width: 767px) {
body {padding:0;}
}
/* wing */
.wing-wrap {display:none;}
/* modal */
.modal {overflow:hidden;}
.modal-qna .modal-lg {width:100%; margin:0 auto;}
.modal-qna .modal-content {border-radius:0; border:0;}
.modal-qna .modal-body {padding:0;}
.modal-qna .modal-header {position:absolute; z-index:9999; top:0; right:0; border:0; padding:30px 30px 0 0;}
.modal-qna .close {opacity:1;}
.modal-join .modal-lg {margin-top:10%; transform:translateX(-50%); width:500px;}
.modal-join .modal-dim {width:100%; height:100%; position:absolute; left:0; top:0; background:#fcf4e9; opacity:1;}
.modal-join .modal-content {width:500px; box-shadow:none; background:transparent;}
.modal-join .modal-content {border-radius:0; border:0;}
.modal-join .modal-body {background:#fff; padding:40px 30px 0 30px;}
.modal-join .modal-join-title {color:#333333; font-weight:bold; font-size:20px;}
.modal-join .modal-join-form {margin:10px 0;}
.modal-join .modal-input {display:inline-block; width:77%; float:left; border:1px solid #d8d8d8; height:38px; color:#999999; padding-left:15px; font-size:15px;}
.modal-join .modal-btn {display:inline-block; width:20%; float:right; height:40px; background:#b38d51; border-color:#b38d51; border-width:1px; color:#fff; font-weight:bold; font-size:15px;}
.modal-join .modal-join-role {margin-top:15px; padding-bottom:15px; color:#333333; font-size:13px; border-bottom:1px solid #414141;}
.modal-join-role2.modal-join-role {border:0; padding-bottom:5px;}
.modal-join .modal-footer {text-align:center; background:#fff; border:0;}
.modal-join .modal-footer .btn {color:#fff; background:#9d773b; border-color:#fff; border-width:1px; font-weight:bold;}
.modal-join .close {opacity:1;}
.modal-join .modal-header {border:0; min-height:80px; background:transparent;}
.modal-invite .modal-lg {width:100%; margin:0; overflow:hidden;}
.modal-invite .modal-dim {width:100%; height:130%; position:absolute; left:0; top:0; background:#fcf4e9; opacity:1;}
.modal-invite .modal-content {background:transparent; box-shadow:none; border:0; text-align:center;}
.modal-invite .modal-header {position:absolute; z-index:9999; top:0; right:0; border:0; padding:30px 30px 0 0;}
.modal-invite .modal-body {padding-left:0 !important; padding-right:0 !important;}
.modal-invite .modal-invite-title .title {color:#9d773b; font-weight:bold; font-size:23px; padding:10px 0; margin-top:70px; text-align:center;}
.modal-invite .modal-invite-title {position:relative;}
.modal-qna .modal-invite-title .title {color:#9d773b; font-weight:bold; font-size:23px; padding:3px 0; text-align:center;}
.modal-invite .modal-invite-title .body , .modal-qna .modal-invite-title .body {color:#333333; font-size:14px; text-align:center;}
.modal-invite .modal-invite-title .body {color:#333333; font-size:14px;}
.modal-invite .modal-invite-title font {font-weight:bold; color:#333333; font-size:15px;}
.modal-invite .modal-invite-body {width:1000px; margin:0 auto; margin-top:5%; clear:both; overflow:hidden; position:relative;}
.modal-invite .modal-invite-body .body {width:50%; float:left;}
.modal-invite .modal-invite-body .body:first-child {padding-left:5%;}
.modal-invite .modal-invite-body .body:last-child {padding-left:10%;}
.modal-invite .modal-invite-body .body:first-child {text-align:left;}
.modal-invite .modal-invite-body .body:last-child {text-align:left;}
.modal-invite .modal-invite-body .modal-input-group .title {font-weight:bold; font-size:19px; color:#333333;}
.modal-invite .modal-invite-body .modal-input-group:nth-child(2) , .modal-invite .modal-invite-body .modal-input-group:nth-child(3) {margin-top:10%;}
.modal-invite .modal-invite-body .modal-input-group:nth-child(4) , .modal-invite .modal-invite-body .modal-input-group:nth-child(5) {margin-top:5%;}
.modal-invite .modal-invite-body .modal-input-group:last-child {margin-top:10%;}
.modal-invite .modal-invite-body .modal-input-group .input {padding:10px 0 10px 20px;}
.modal-invite .modal-invite-body .modal-input-group .input input {color:#000; background:transparent; border:0; border-bottom:1px solid #333333; outline:0 !important; display:inline-block; width:50%;}
.modal-invite .modal-invite-body .modal-input-group .text {font-size:11px; color:#333333; line-height:15px; padding:5px 0 0 20px;}
.modal-invite .radio {display:inline-block; width:auto !important; margin:0;}
.modal-invite .modal-invite-button {width:1000px; margin:0 auto; margin-top:2%; clear:both;}
.modal-invite label {font-size:15px; color:#333333; display:inline-block; padding-left:10px;}
.modal-invite button.submit {color:#fff; background:#9d773b; border-color:#9d773b; border-width:1px; font-weight:bold; padding:8px 55px; font-size:14px;}
.modal-invite .close {opacity:1;}
@media (max-width:1080px) {
.modal-invite .modal-invite-body {width:100%;}
.modal-invite .modal-invite-button {width:100%;}
.modal-invite .modal-invite-body .body {width:100%; clear:both; text-align:center;}.modal-invite .modal-invite-body .body:first-child {padding-left:0%;}
.modal-invite .modal-invite-body .body:last-child {padding-left:0;}
.modal-invite .modal-invite-body .modal-input-group:last-child {margin-top:0;}
.modal-invite .modal-invite-body .modal-input-group:nth-child(2) {margin-top:0;}
.modal-invite .modal-invite-body .modal-input-group {padding-bottom:5%; text-align:center;}
}
@media (max-width:991px) {
.modal-join .modal-lg {width:100%; padding:0 30px;}
.modal-join .modal-content {width:100%;}
.modal-invite .modal-invite-body .modal-input-group:nth-child(2) , .modal-invite .modal-invite-body .modal-input-group:nth-child(3) {margin-top:5%;}
.modal-join .modal-content {box-shadow:none; border-radius:0; border:0;}
}
@media (max-width:767px) {
.modal-join {padding-bottom:80px;}
}
@media (max-width:480px) {
.modal-body {padding-left:0; padding-right:0;}
.modal-join .modal-lg {padding:0 10px;}
.modal-join .modal-body {padding-left:10px; padding-right:10px;}
.modal-join .modal-input {font-size:12px;}
.modal-join .modal-dialog {margin:0;}
.modal-join .modal-join-role {font-size:12px;}
.modal-invite .modal-invite-title .body {font-size:11px;}
.modal-invite .modal-invite-title font {font-size:13px;}
.modal-invite .modal-invite-body .body {text-align:left;}
.modal-invite .modal-invite-body .modal-input-group {text-align:left; padding:0 20px;}
.modal-invite .modal-invite-body .modal-input-group .title {font-size:16px;}
.modal-invite .modal-invite-body .modal-input-group .input {padding-left:0; padding-right:0; padding-top:5px;}
.modal-invite .modal-invite-body .modal-input-group .text {padding-left:0; padding-right:0; font-size:10px;}
.modal-invite .modal-invite-body .modal-input-group .title {padding-top:5%;}
.modal-invite label {font-size:10px;}
}
/* miso-title */
.carousel-indicators li {background:#fff;}
.carousel-indicators .active {background:#9b7145; border-color:#9b7145; width:10px; height:10px; margin:1px;}
.miso-title-sticker {position:absolute; right:0; bottom:59px; right:59px; z-index:9;}
.pc-miso-title {position:relative;}
.m-miso-title {position:relative;}
/* basic-post-gallery */
.rank-icon {display:none;}
.basic-post-gallery .post-text {text-align:left; font-size:13px !important; height:25px; padding-top:5px; width:100%; overflow:hidden;}
.basic-post-gallery .post-content {text-align:left !important;}
.basic-post-gallery .post-subject {width:100%; overflow:hidden; height:20px; font-size:16px; font-weight:bold;}
.basic-post-gallery .so-subject {color:#888; font-size:13px; height:20px; width:100%; overflow:hidden;}
/* board */
.list-item h2 {text-align:left !important; font-size:16px !important; height:25px; padding-top:5px; width:100%; font-weight:bold; overflow:hidden; margin:0 !important;}
.list-item a:hover {color:#000;}
.list-item .list-details {display:none;}
.list-item .so-subject {color:#888; font-size:12px; height:20px; width:100%; overflow:hidden;}
.list-date-div {color:#888; margin-top:7px; font-size:13px; height:20px; width:100%; overflow:hidden;}
@media (max-width:480px) {
.basic-post-gallery .so-subject , .basic-post-gallery .post-text {font-size:11px !important;}
}
/* at-lnb */
.at-lnb {display:none;}
/* at-header */
.at-header {display:none;}
.m-header {background:#fff; padding:5px; padding-left:0; padding-right:0; position:fixed; z-index:9;}
.header-logo {padding-left:5px;}
.header-menu {background:#fff; margin-top:5px;}
.header-menu a {display:block; width:33.33%; float:left; text-align:center; border:1px solid #f6f6f6; background:#fff; color:#666666; font-weight:bold; padding:10px 0; font-size:16px; font-family: 'AppleSDGothicNeo';}
.header-menu a:first-child {border-right:0; border-left:0;}
.header-menu a:last-child {border-left:0;}
.m-header .header-logo {padding-left:0;}
@media (max-width:1650px){
.miso-title-sticker{bottom:30px; width:27%}
.miso-title-sticker .asd{display:inline-block; width:30%}
.miso-title-sticker .asd img{width:100%}
}
@media (max-width:991px) {
.at-header {display:block;}
.m-header .header-icon .join-img {position:absolute; right:10px; top:25px; width:58px; height:26px;}
.m-header .header-icon .bar-img {position:absolute; left:10px; top:25px; width:37px; height:25px;}
}
@media (max-width:767px) {
.m-header .header-icon .bar-img {width:27px; height:20px; left:0; top:0; position:inherit;}
.m-header .header-icon {width:57px;}
.m-header .header-icon .join-img {width:57px; height:25px; top:20px;}
.m-header .header-logo img {width:50px; height:50px;}
}
@media (max-width:480px) {
.header-menu a {font-size:12px; padding:5px 0;}
.m-header .header-icon .bar-img {width:27px; height:15px;}
.m-header .header-icon .join-img {width:57px; height:20px;}
}
/* at-menu */
.pc-menu {padding:0 20px; height:80px !important; background:#fefeff;}
.pc-menu .menu-a {font-size:15px;}
.pc-menu .at-container {max-width:100%;}
.pc-menu .nav-top .menu-li.nav-home {width:10.8% !important;}
.pc-menu .nav-rw {width:22%;}
.at-menu .nav-height {height:80px !important;}
.pc-menu .nav-top .menu-li.on .menu-a {border-bottom:2px solid #9d773b;}
.pc-menu .nav-right {background:#fefeff;}
.pc-menu .nav-top .menu-li .menu-a , .pc-menu .nav-top .menu-li:hover .menu-a, .pc-menu .nav-top .menu-li.on .menu-a {background:#fefeff;}
/* .pc-menu .nav-top .menu-li1 {width:7%;}
.pc-menu .nav-top .menu-li2 {width:6%;}
.pc-menu .nav-top .menu-li3 {width:6%;}
.pc-menu .nav-top .menu-li4 {width:8%;}
.pc-menu .nav-top .menu-li5 {width:5%;}
.pc-menu .nav-top .menu-li6 {width:5%;}
.pc-menu .nav-top .menu-li7 {width:6%;}
.pc-menu .nav-top .menu-li8 {width:6%;}
.pc-menu .nav-top .menu-li9 {width:6%;} */
.pc-menu .nav-right > ul {height:80px; line-height:80px; padding-right:30px;}
.pc-menu .nav-right > ul > li > a:hover {background:none;}
.m-menu {display:none !important;}
.sns-top {text-align:right; display:none; /*padding-top:10px;*/}
@media (max-width:1700px) {
/* .pc-menu .nav-top .menu-li5 {padding-right:0.3%;} */
/* .pc-menu .nav-top .menu-li.nav-home {width:10% !important;} */
.pc-menu .nav-rw {width:14%;}
}
@media (max-width:1573px) {
/* .pc-menu .nav-top .menu-li.nav-home {width:10% !important;} */
.pc-menu .nav-rw {width:14%;}
}
@media (max-width:1421px) {
.pc-menu .menu-a {font-size:13px;}
/* .pc-menu .nav-top .menu-li.nav-home {width:9% !important;} */
.pc-menu .nav-rw {width:13%;}
}
@media (max-width:1273px) {
/*.pc-menu {height:119px !important;}*/
/* .pc-menu .nav-top .menu-li5 {padding-right:0; padding-left:0.2%;}
.pc-menu .nav-top .menu-li.nav-home {display:none;} */
.pc-menu .nav-rw {display:none !important;}
.pc-menu .nav-top .menu-li {width:auto !important;}
.sns-top {text-align:right; display:block;}
}
@media (max-width:1160px) {
.pc-menu .menu-a {font-size:13px;}
}
@media (max-width:1100px) {
.pc-menu .menu-a {font-size:12px;}
}
/* main */
.top-container {width:100%; clear:both; overflow:hidden;}
.top-video-wrap {width:50%; float:left; padding-right:15px;}
.top-wid-wrap {width:50%; float:left; padding-left:15px;}
.bottom-container {width:100%; clear:both;}
@media (max-width:991px) {
.at-wrapper {padding-top:94px;}
.top-video-wrap {width:100%; clear:both; padding-right:0;}
.top-video-wrap .iframe {height:500px !important;}
.top-wid-wrap {display:none;}
.bottom-container {display:none;}
}
@media (max-width:820px) {
.top-video-wrap .iframe {height:400px !important;}
}
@media (max-width:720px) {
.top-video-wrap .iframe {height:300px !important;}
}
@media (max-width:480px) {
.top-video-wrap .iframe {height:200px !important;}
}
/* at-footer */
.at-footer {background:#F6F6F6;}
.at-footer .at-links {display:none;}
.at-footer .at-about {text-align:center;}
.at-footer .at-about > li {padding:0; display:block; width:100%; clear:both; color:#908f8f;}
.at-footer .at-infos .copyright {margin:0; text-align:center; width:100%; color:#908f8f;}
@media(max-width:480px) {
.at-footer .at-infos .copyright {margin-top:5px !important;}
.at-footer .at-about > li {font-size:12px;}
.responsive .at-footer .at-infos .media { padding:10px 5px;}
}
/* page */
.page-container {border-bottom:1px solid #e5e5e5; overflow:hidden; height:64px; line-height:64px; margin-bottom:5px;}
.page-container .at-container {max-width:1200px; margin:0 auto; padding:0 15px;}
.page-btn-span {display:inline-block; width:20%; float:left; text-align:center; cursor:pointer; font-size:15px;}
.page-btn-span font {display:inline-block; height:63px;}
.page-btn-span.active {color:#9d773b; font-weight:bold;}
.active_font {border-bottom:2px solid #9d773b;}
.page-btn-span1 {display:inline-block; width:50%; float:left; text-align:center; cursor:pointer; font-size:14px;}
.page-btn-span1:first-child {text-align:right; padding-right:5%;}
.page-btn-span1:last-child {text-align:left; padding-left:5%;}
.page-btn-span1.active {color:#9d773b; font-weight:bold;}
.page-btn-span1 font.active_font {border-bottom:2px solid #9d773b;}
@media (max-width:767px) {
.page-container1 {position:fixed; width:100%; z-index:9; background:#fff; border-top:1px solid #e5e5e5;}
.M01_01 {margin-top:64px;}
}
@media (max-width:660px) {
.page-btn-span {font-size:12px;}
}
@media (max-width:480px) {
.page-container {height:43px; line-height:43px;}
.page-btn-span font {height:41px;}
}
@media (max-width:430px) {
.page-btn-span {font-size:11px;}
.page-container .at-container {padding:0;}
}
/* register */
.register-container {overflow:hidden; margin-bottom:5%;}
.register-title {font-size:20px; font-weight:bold; color:#9d773b; overflow:hidden; padding:15px 0; text-align:center;}
.register-select {text-align:center; font-size:13px;}
.register-select span {display:inline-block; cursor:pointer; border:1px solid #9d773b; width:100px; padding:5px 0; color:#9d773b;}
.register-body {max-width:600px; margin:15px auto; border-bottom:1px dotted #9d773b; padding:2.5% 0;}
.register-body .body-title {color:#7f591d; font-weight:bold; font-size:13px; margin:15px 0;}
.register-body .body-text {color:#9d773b; font-size:11px;}
.body-agree {color:#9d773b; margin-top:15px; text-align:center; margin-bottom:5%;}
.body-agree input[type=checkbox] {margin:0;}
/* register-form */
.register-form-container {overflow:hidden; margin:0 auto; margin-bottom:5%; max-width:800px;}
.register-form-container .register-form-title {font-size:20px; font-weight:bold; color:#9d773b; overflow:hidden; padding:15px 0; text-align:center;}
.register-form-info {overflow:hidden; margin-bottom:5%;}
.register-form-info-label {font-size:15px; color:#9d773b; font-weight:bold; padding-top:5px;}
.register-form-info-text {font-size:12px; color:#333333;}
.register-form-info-input input , .register-form-info1 {background:transparent; border-color:#9d773b; border-top:0; border-left:0; border-right:0; box-shadow:none; color:#9d773b;}
.form-control:focus {border-color:#7f591d; box-shadow:none;}
.register-form-info-input .radio-inline {color:#9d773b;}
/* faq */
.faq-category .div-tab {display:none;}
.q {font-size:20px; font-weight:bold; color:#b38d51; padding-right:10px;}
.a {font-size:20px; font-weight:bold; color:#000; padding-right:25px; display:inline-block; float:left;}
.a_text {display:inline-block; float:left;}
.div-panel.panel-group {border:1px solid #000; border-left:0; border-right:0;}
.div-panel.panel-group .panel-heading a {font-weight:bold;}
.div-panel.panel-group .panel-heading {padding:0 20px; border-bottom:1px solid #e5e5e5 !important;}
.div-panel.panel-group .panel-heading a:hover {color:#000 !important;}
.panel-group .panel-heading+.panel-collapse>.panel-body {background:#f5f5f5; border-bottom:1px solid #e5e5e5 !important; padding-left:20px; padding-right:20px;}
.div-panel.panel-group .panel-heading a.active {border:0 !important;}
.faq-category .dropdown {display:none !important;}
/* side-bar */
#sidebar-box {background:#fff !important; border-right:0 !important;}
#sidebar-box .sidebar-head {background:#a19477;}
#sidebar-box .sidebar-menu .ca-head > a {color:#333333 !important;}
#sidebar-box .sidebar-menu .ca-head , #sidebar-box .sidebar-menu {border-color:#a19477 !important;}
#sidebar-btn ul > li > a, #sidebar-btn .sidebar-btn-box {background:#a7987b;}
/* 추가 */
.pc-menu .nav-top.nav-both .menu-ul{
/*max-width:1000px;*/
margin:0 auto;
}
/*191021 추가*/
area, map{outline: none !important; text-decoration: none !important; border-radius: 0 !important;}
.pc-menu .nav-right > ul > li.fix_icon{width:80px;}
.pc-menu .sns-top .fix_icon{width:80px; display:inline-block; text-align:left;}
.m09_01_wrap{position:fixed; width:100%; height:100%; top:0; left:0;}
.m09_01_wrap img{width:100%;}
.m09_01_position{}
.close_btn{position:absolute; right:30px; top:30px; z-index:3;}
.m09_02_wrap{position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fff; }
.m09_02_wrap img{width:100%;}
.m09_02_wrap .m09_02_position{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.m09_02_wrap .modal-lg {width:100%; margin:0; overflow:hidden;}
.m09_02_wrap .modal-dim {width:100%; height:130%; position:absolute; left:0; top:0; background:#fcf4e9; opacity:1;}
.m09_02_wrap .modal-content {background:transparent; box-shadow:none; border:0; text-align:center;}
.m09_02_wrap .modal-header {position:absolute; z-index:9999; top:0; right:0; border:0; padding:30px 30px 0 0;}
.m09_02_wrap .modal-body {padding-left:0 !important; padding-right:0 !important;}
.m09_02_wrap .modal-invite-title .title {color:#9d773b; font-weight:bold; font-size:23px; padding:10px 0; margin-top:5px; margin-bottom:20px; text-align:center;}
.m09_02_wrap .modal-invite-title {position:relative;}
.modal-qna .modal-invite-title .title {color:#9d773b; font-weight:bold; font-size:23px; padding:3px 0; text-align:center;}
.m09_02_wrap .modal-invite-title .body , .modal-qna .modal-invite-title .body {color:#333333; font-size:14px; text-align:center;}
.m09_02_wrap .modal-invite-title .body {color:#333333; font-size:14px;}
.m09_02_wrap .modal-invite-title font {font-weight:bold; color:#333333; font-size:15px;}
.m09_02_wrap .modal-invite-body {width:1000px; margin:0 auto; margin-top:5%; clear:both; overflow:hidden; position:relative;}
.m09_02_wrap .modal-invite-body .body {width:50%; float:left;}
.m09_02_wrap .modal-invite-body .body:first-child {padding-left:5%;}
.m09_02_wrap .modal-invite-body .body:last-child {padding-left:10%;}
.m09_02_wrap .modal-invite-body .body:first-child {text-align:left;}
.m09_02_wrap .modal-invite-body .body:last-child {text-align:left;}
.m09_02_wrap .modal-invite-body .modal-input-group .title {font-weight:bold; font-size:16px; color:#af9563;}
.m09_02_wrap .modal-invite-body .modal-input-group:nth-child(2) , .m09_02_wrap .modal-invite-body .modal-input-group:nth-child(3) {margin-top:10%;}
.m09_02_wrap .modal-invite-body .modal-input-group:nth-child(4) , .m09_02_wrap .modal-invite-body .modal-input-group:nth-child(5) {margin-top:5%;}
.m09_02_wrap .modal-invite-body .modal-input-group:last-child {margin-top:10%;}
.m09_02_wrap .modal-invite-body .modal-input-group .input {padding:10px 0 10px;}
.m09_02_wrap .modal-invite-body .modal-input-group .input input {color:#000; background:transparent; padding:8px 20px; border:1px solid #d6d6d6; outline:0 !important; display:inline-block; width:70%;}
.m09_02_wrap .modal-invite-body .fix_body .modal-input-group .input input { width:80%; padding:7px 20px;}
.m09_02_wrap .modal-invite-body .modal-input-group .text {font-size:11px; color:#878988; line-height:15px; padding:5px 0 0 20px;}
.m09_02_wrap .radio {display:inline-block; width:auto !important; margin:0;}
.m09_02_wrap .modal-invite-button {width:1000px; margin:0 auto; margin-top:2%; clear:both;}
.m09_02_wrap label {font-size:15px; color:#333333; display:inline-block; padding-left:10px;}
.m09_02_wrap button.submit {color:#fff; background:#9d773b; border-color:#9d773b; border-width:1px; font-weight:bold; font-size:14px; width:200px; line-height:50px; text-align:center; border:0}
.m09_02_wrap .close {opacity:1;}
.m09_03_wrap{position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fdf5ea; }
.m09_03_wrap img{width:100%;}
.m09_03_wrap .m09_03_position{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:500px;}
.m09_03_wrap .modal-lg {margin-top:10%; transform:translateX(-50%); width:500px;}
.m09_03_wrap .modal-dim {width:100%; height:100%; position:absolute; left:0; top:0; background:#fcf4e9; opacity:1;}
.m09_03_wrap .modal-content {width:500px; box-shadow:none; background:transparent;}
.m09_03_wrap .modal-content {border-radius:0; border:0;}
.m09_03_wrap .modal-body {background:#fff; padding:40px 30px;}
.m09_03_wrap .modal-join-title {color:#333333; font-weight:bold; font-size:20px;}
.m09_03_wrap .modal-join-form {margin:10px 0;}
.m09_03_wrap .modal-input {display:inline-block; width:77%; float:left; border:1px solid #d8d8d8; height:38px; color:#999999; padding-left:15px; font-size:15px;}
.m09_03_wrap .modal-btn {display:inline-block; width:20%; float:right; height:40px; background:#b38d51; border-color:#b38d51; border-width:1px; color:#fff; font-weight:bold; font-size:15px;}
.m09_03_wrap .modal-join-role {margin-top:15px; padding-bottom:15px; color:#333333; font-size:13px; border-bottom:1px solid #414141;}
.modal-join-role2.modal-join-role {border:0; padding-bottom:5px;}
.m09_03_wrap .modal-footer {text-align:center; background:#fff; border:0;}
.m09_03_wrap .modal-footer .btn {color:#fff; background:#9d773b; border-color:#fff; border-width:1px; font-weight:bold;}
.m09_03_wrap .close {opacity:1;}
.m09_03_wrap .modal-header {border:0; min-height:80px; background:transparent;}
.m09_04_wrap{position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fdf5ea; }
.m09_04_wrap img{width:100%;}
.m09_04_wrap .m09_04_position{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.m09_04_wrap .modal-lg {width:100%; margin:0; overflow:hidden;}
.m09_04_wrap .modal-dim {width:100%; height:130%; position:absolute; left:0; top:0; background:#fcf4e9; opacity:1;}
.m09_04_wrap .modal-content {background:transparent; box-shadow:none; border:0; text-align:center;}
.m09_04_wrap .modal-header {position:absolute; z-index:9999; top:0; right:0; border:0; padding:30px 30px 0 0;}
.m09_04_wrap .modal-body {padding-left:0 !important; padding-right:0 !important;}
.m09_04_wrap .modal-invite-title .title {color:#9d773b; font-weight:bold; font-size:23px; padding:5px 0; margin-top:0px; text-align:center;}
.m09_04_wrap .modal-invite-title {position:relative;}
.modal-qna .modal-invite-title .title {color:#9d773b; font-weight:bold; font-size:23px; padding:3px 0; text-align:center;}
.m09_04_wrap .modal-invite-title .body , .modal-qna .modal-invite-title .body {color:#333333; font-size:14px; text-align:center;}
.m09_04_wrap .modal-invite-title .body {color:#333333; font-size:14px;}
.m09_04_wrap .modal-invite-title font {font-weight:bold; color:#333333; font-size:15px;}
.m09_04_wrap .modal-invite-body {width:1000px; margin:0 auto; margin-top:5%; clear:both; overflow:hidden; position:relative;}
.m09_04_wrap .modal-invite-body .body {width:50%; float:left;}
.m09_04_wrap .modal-invite-body .body:first-child {padding-left:5%;}
.m09_04_wrap .modal-invite-body .body:last-child {padding-left:10%;}
.m09_04_wrap .modal-invite-body .body:first-child {text-align:left;}
.m09_04_wrap .modal-invite-body .body:last-child {text-align:left;}
.m09_04_wrap .modal-invite-body .modal-input-group .title {font-weight:bold; font-size:19px; color:#9d773b;}
.m09_04_wrap .modal-invite-body .modal-input-group:nth-child(2) , .m09_02_wrap .modal-invite-body .modal-input-group:nth-child(3) {margin-top:10%;}
.m09_04_wrap .modal-invite-body .modal-input-group:nth-child(4) , .m09_02_wrap .modal-invite-body .modal-input-group:nth-child(5) {margin-top:5%;}
.m09_04_wrap .modal-invite-body .modal-input-group:last-child {margin-top:10%;}
.m09_04_wrap .modal-invite-body .modal-input-group .input {padding:10px 0 10px 20px;}
.m09_04_wrap .modal-invite-body .modal-input-group .input input {color:#000; background:transparent; border:0; padding:5px 0; border:1px solid #ded5ce; outline:0 !important; display:inline-block; width:50%;}
.m09_04_wrap .modal-invite-body .modal-input-group .text {font-size:11px; color:#878988; line-height:15px; padding:5px 0 0 20px;}
.m09_04_wrap .radio {display:inline-block; width:auto !important; margin:0;}
.m09_04_wrap .modal-invite-button {width:1000px; margin:0 auto; margin-top:2%; clear:both;}
.m09_04_wrap label {font-size:15px; color:#333333; display:inline-block; padding-left:10px;}
.m09_04_wrap button.submit {color:#fff; background:#9d773b; border-color:#9d773b; border-width:1px; font-weight:bold; padding:8px 55px; font-size:14px;}
.m09_04_wrap .close {opacity:1;}
@media (max-width:991px){
.m09_02_wrap{overflow-y:scroll; }
.m09_02_wrap .modal-invite-body .body{width:100%; float:none;}
.m09_02_wrap .modal-invite-body{width:100%; padding:0 5%;}
.m09_02_wrap .modal-invite-body .body:first-child{padding-left:0; text-align:center;}
.m09_02_wrap .modal-invite-body .modal-input-group .input{padding:10px 0;}
.m09_02_wrap .modal-invite-button{width:100%; padding-bottom:50px;}
.m09_02_wrap .modal-invite-body .body:last-child{padding-left:0; text-align:center; margin-bottom:80px;}
.fix_body .modal-input-group:first-child{margin-top:10%;}
.m09_03_wrap .m09_03_position{width:calc(100% - 60px)}
}
@media (max-width:991px){
.m09_01_wrap{overflow-y:scroll;}
}
.pc-miso-title .fix_slider_btn{position:absolute; width:165px; top:64.3%; left:50%; transform:translate(-50%, -50%); background-color:#fff; z-index:3;}
.pc-miso-title .fix_slider_btn > a{opacity:1; width:45px; border:1px solid #e5e5e5;}
.pc-miso-title .fix_slider_btn .count{display:block; margin:0 auto; text-align:center; width:75px; height:45px; vertical-align:middle; line-height:45px; font-size:14px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#current{display:none !important;}
@media (max-width:991px){
.m09_02_wrap .m09_02_position, .m09_04_wrap .m09_04_position{width:100%;}
.m09_02_wrap .m09_02_position {top:0; left:0; transform:none}
.fix_slider_btn{position:absolute; width:165px; top:35.3%; left:auto; transform:translateY(-50%); right:0; background-color:#fff; z-index:3;}
.fix_slider_btn > a{opacity:1; width:45px; border:1px solid #e5e5e5;}
.fix_slider_btn .count{display:block; margin:0 auto; text-align:center; width:75px; height:45px; vertical-align:middle;
line-height:45px; font-size:14px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.top-video-wrap{padding-left:0 !important; margin-bottom:15px;}
.best_class_logo{padding-top:30px;}
/*191022*/
.fix_m_top{margin-top:10%;}
.fix_m_bot .title{margin-bottom:10px;}
.fix_m_bot .input, .fix_input .input{width:160px;text-align:left;}
.fix_input .input input[type="text"]{width:100% !important;}
.fix_input .input input[type="radio"], .fix_m_bot .input input[type="radio"]{margin-top:-3px}
.m09_02_wrap label{font-size:13px;}
.m09_02_wrap .modal-invite-body .modal-input-group .title{font-size:18px;}
.fix_input{margin-top:5% !important}
}
@media (max-width:480px){
.best_class_logo{padding-top:30px;}
}
.fix_slider_btn{display:none !important;}
/* 추가 */
.f_indi{
text-align:center;
}
.f_indi a{
color:#908f8f;
}
/* 200316 남성프로필보기 추가개발 jrs */
.m09_05_wrap{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-color:#fff}
.m09_05_wrap .m09_05_position{padding-bottom:50px; background-color:#fff}
.m09_05_wrap .m09_05_tit{margin:130px 0 30px; text-align:center}
.m09_05_wrap .m09_05_txt{margin-bottom:70px; font-size:14px; text-align:center}
.m09_05_wrap .m09_05_txt span{font-weight:bold; text-decoration:underline}
.m09_05_wrap .m09_05_con ul{width:1290px; max-width:100%; margin:0 auto; padding:0}
.m09_05_wrap .m09_05_con ul:after{display:block; content:""; clear:both}
.m09_05_wrap .m09_05_con ul li{float:left; width:19.44%; list-style:none}
.m09_05_wrap .m09_05_con ul li + li{margin-left:0.7%}
.m09_05_wrap .m09_05_con ul li img[usemap]{max-width:none !important}
@media (max-width:1250px){
.m09_05_wrap .m09_05_con ul{padding:0 10px}
.m09_05_wrap .m09_05_con ul li img[usemap]{max-width:100% !important}
}
@media (max-width:991px){
.m09_05_wrap .m09_05_con ul{padding:0 25px}
.m09_05_wrap .m09_05_con ul li{width:100%; margin-bottom:30px}
.m09_05_wrap .m09_05_con ul li + li{margin-left:0;}
.m09_05_wrap .m09_05_con ul li:nth-child(3),.m09_05_wrap .m09_05_con ul li:nth-child(5){margin-left:0}
.m09_05_wrap .m09_05_position{padding-bottom:20px; background-color:#fff}
}
@media (max-width:480px){
.m09_05_wrap .m09_05_position{padding-bottom:25px}
.m09_05_wrap .m09_05_tit{height:60px; margin:50px 0 25px}
.m09_05_wrap .m09_05_tit img{height:100%}
.m09_05_wrap .m09_05_txt{margin-bottom:20px; font-size:13px}
.m09_05_wrap .m09_05_con ul:after{display:none}
.m09_05_wrap .m09_05_con ul li{float:none; width:100%}
.m09_05_wrap .m09_05_con ul li + li{margin-left:0%}
}
/* 200828 유지보수 jrs */
.m09_02_wrap{overflow-y:scroll}
.m09_02_wrap .m09_02_position{top:0; transform: translateX(-50%); padding:30px 0}
.m09_02_wrap .body_line{margin:20px 0}
.m09_02_wrap .body_line .body_title{color:#967542}
.m09_02_wrap .body_line img{width:auto}
.m09_02_wrap .modal-invite-title{text-align:center}
.m09_02_wrap .modal-invite-title .body.clearfix{display:inline-block}
.m09_02_wrap .modal-invite-title .body .body_left{float:left; margin-right:50px; text-align:left}
.m09_02_wrap .modal-invite-title .body .body_right{float:left; text-align:left}
@media (max-width:991px){
.m09_02_wrap .m09_02_position{transform:none}
.m09_02_wrap .modal-invite-title .body .body_left{float:none; margin-right:0}
.m09_02_wrap .modal-invite-title .body .body_right{float:none; margin-top:30px}
}
@media (max-width:768px){
.m09_02_wrap .modal-invite-title .body.clearfix{padding:0 15px}
.m09_02_wrap .modal-invite-title .body .body_left{}
.m09_02_wrap .modal-invite-title .body .body_right{}
}
/* 200901 유지보수 kyj */
.m09_05_wrap .title_position{text-align:center}
.m09_05_wrap .modal-invite-title{display:inline-block}
.m09_05_wrap .modal-invite-title .body_line{color:#000; font-weight:600; font-size:13px;}
.m09_05_wrap .modal-invite-title .body_line:last-child{margin-bottom:40px}
.m09_05_wrap .modal-invite-title .body .body_left{float:left;text-align:center; margin-bottom:45px;}
.m09_05_wrap .modal-invite-title .body .body_right{text-align:center;}
/* 201019 유지보수 kjh */
.m09_05_wrap .modal-invite-title .body .body_left p { font-size:15px;}
.m09_05_wrap .modal-invite-title .body .body_right p { font-size:12px; margin-bottom:0; color:#333; font-weight:500;}
.m09_05_wrap .title_position { margin-bottom:50px;}
@media (max-width:991px){
.m09_05_wrap .modal-invite-title .body .body_left{float:none; margin-right:0}
.m09_05_wrap .modal-invite-title .body .body_right{float:none; margin-top:30px}
}
/* 201104 유지보수 ksm*/
@media(max-width:991px) {
.m09_02_wrap .modal-invite-body .body .modal-input-group div { text-align:left!important;}
.m09_02_wrap .modal-invite-body .modal-input-group .input input { width:100%; padding:13px 20px;}
}
/* 201106 유지보수 jah */
@media (max-width:550px){
.m09_02_wrap .modal-invite-body .modal-input-group .input input {padding:5px 10px;}
.m09_02_wrap .modal-invite-body .modal-input-group .title{font-size:12px;}
.m09_02_wrap .modal-invite-body input[type="text"] {font-size:11px;}
.m09_02_wrap label {font-size:12px;}
.m09_02_wrap .modal-invite-body .fix_body .modal-input-group .input input {padding:5px 10px;}
.font-14, i.font-14 {font-size:11px;}
}
@media (max-width:480px){
.fix_m_bot .input, .fix_input .input{width:60%;}
}
/* 201109 유지보수 kjh */
@media(max-width:991px){
.more_btn_sample {background:#333; position:absolute; top:27.5%; left:50%; transform:translateX(-50%); z-index:2; color:#fff !important; width:60%; height:50px; text-align:center; line-height:50px; font-size:20px;}
.sub_img { position:relative;}
}
/* 201110 유지보수 jrs */
.container_img{overflow-x:hidden;}
@media (min-width:2000px){
.container_img img{display:block; width:100%;}
}
@media (max-width:1900px){
.container_img img{display:block; width:100%;}
}
/* 201111 유지보수 */
.m09_02_wrap .modal-invite-body { overflow:visible;}
.m09_02_wrap .modal-invite-body .modal-input-group .title { white-space:nowrap;}
@media(max-width:1860px){
.pc-menu .nav-right > ul { padding-right:0; display:flex;}
.pc-menu .nav-right > ul > li { width:auto;}
.pc-menu .nav-right > ul > li.fix_icon { width:auto; padding:0 3px;}
}
@media(max-width:1640px){
/*.pc-menu { height:119px !important;}*/
.pc-menu .nav-right > ul { display:none;}
.sns-top { display:block;}
.nav-right.nav-rw.nav-height { display:none;}
.m09_02_wrap .m09_02_position { padding-top:70px;}
.m09_02_wrap .modal-invite-title { transform:scale(1.1); top:30px;}
.m09_02_wrap .modal-invite-body { padding-top:5%;}
.m09_02_wrap .modal-invite-body .modal-input-group .title { font-size:14px;}
}
@media(max-width:991px) {
.m09_02_wrap .modal-invite-body .modal-input-group .input input { padding:7px 10px;}
.f_indi { font-size:12px;}
.m09_05_wrap .m09_05_position { padding-top:60px;}
}
/*20201112 유지보수 ksm*/
@media(max-width:768px){
.at-footer .at-about:after { clear:both; content:''; display:block;}
.at-footer .at-about.last_at_about li { float:none; width:auto; clear:none; display:inline}
.at-footer .at-about.last_at_about li + li { margin-left:10px;}
}
/* 210315 유지보수 jrs */
.m09_02_wrap{min-height:1150px}