@font-face {
	font-family: 'YiSunShinDotumM';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/YiSunShinDotumM.woff') format('woff');
	 url('../fonts/YiSunShinDotumM.ttf') format('truetype'),
        url('../fonts/YiSunShinDotumM.eot?#iefix') format('embedded-opentype'),
        url('../fonts/YiSunShinDotumM.otf?#iefix');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src: url('../fonts/AppleSDGothicNeoL.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoL.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoL.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoL.woff') format('woff');
    font-weight: 300;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
	src: url('../fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoR.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoR.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoR.woff') format('woff');
    font-weight: 400;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src: url('../fonts/AppleSDGothicNeoM.eot?#iefix');
    src: 	url('../fonts/AppleSDGothicNeoM.otf?#iefix') format('embedded-opentype'),
			url('../fonts/AppleSDGothicNeoM.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoM.woff') format('woff');
    font-weight: 500;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
    src: url('../fonts/AppleSDGothicNeoSB.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoSB.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoSB.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoSB.woff') format('woff');
    font-weight: 600;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src:url('../fonts/AppleSDGothicNeoB.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoB.otf?#iefix'),
		   url('../fonts/AppleSDGothicNeoB.ttf') format('truetype'),
	       local(※), url('../fonts/AppleSDGothicNeoB.woff') format('woff');
    font-weight: 700;
}
@font-face {
 font-family: 'AppleSDGothicNeo';
 	src:url('../fonts/AppleSDGothicNeoEB.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/AppleSDGothicNeoEB.otf?#iefix'),
			url('../fonts/AppleSDGothicNeoEB.ttf') format('truetype'),
			local(※), url('../fonts/AppleSDGothicNeoEB.woff') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'makgeolli' ;
    src:url('../fonts/makgeolli.eot') format('embedded-opentype'),
		url('../fonts/makgeolli.otf'),
        url('../fonts/makgeolli.ttf') format('truetype'),
        url('../fonts/makgeolli.woff') format('woff'),
        url('../fonts/makgeolli.woff2') format('woff2');
}

#loading {
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #000;
    z-index: 99;
    text-align: center;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 10px;
    overflow: hidden;
}

#loadingmodal {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
    opacity: 1;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    margin-left: -32px;
    margin-top: -32px;
}
#loading-image {
    -webkit-animation: spin 1000ms infinite linear;
    -moz-animation: spin 1000ms infinite linear;
    -ms-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

/*이미지맵*/
img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
@media (max-width: 991px) {
	img[usemap] {
		  border: none;
		  height: auto !important;
		  max-width: 100%;
		  width: 100% !important;
   }
}


* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: top;
	font-family:'Roboto','AppleSDGothicNeo',sans-serif !important;
}

input,
button {
    border-radius: 0px;
    -webkit-appearance: none;
}

ul {
    list-style: none;
    font-size: 0px;
}

ul li {
    display: inline-block;
}

a {
    display: inline-block;
    color: black;
    text-decoration: none;
}
table {
	width:100%;
	border-collapse: collapse; border-spacing: 0
}
input[type=text]::-ms-clear {
  display:none;
}



body {
    text-align: center;
    color: #404040;
    font-size: 14px;
    font-family:'Roboto','AppleSDGothicNeo',sans-serif !important;
    /* font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  direction: ltr; */
    font-weight: 400;
    letter-spacing: -1px;
    font-style: normal;
    line-height: 1.6;
}

.wrap {
    display: inline-block;
    max-width: 1160px;
    width: 100%;
}

.wrap.padding {
    padding: 60px;
    background-color: white;
    margin-top: -100px;
    max-width: 1280px;
   /*  z-index: 2; */
    position: relative;
}

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

.mobile {
    display: none !important;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.mobile_title {
    font-size: 19px;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    line-height: 40px;
    color: #333333;
    font-weight: 500;
}


.btn {
    color: white;
    background-color: #3b3a39;
    padding: 15px 0;
    border-radius: 5px;
    font-size: 18px;
}

.btn.pink {
    background-color: #e94b47;
    color: white;
}

.btn.gray {
    background-color: #3b3a39;
    width: 310px;
}

.pink {
    color: #e94b47;
}

.light_gray {
    color: #958d8d;
}

.bold {
    font-weight: bold;
}

.sub_name {
    color: #404040;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.sub_context {
    text-align: left;
    color: #404040;
    font-size: 24px;
    letter-spacing: 0.02em;
    font-weight: 400;
	padding-top:30px
}

.sub_txt {
    font-size: 40px;
    font-weight: bold;
    padding: 50px 0px;
}

.context_title {
    font-family: 'makgeolli' !important;
    font-size: 40px;
    color: #404040;
    margin-bottom: 10px;
}

.context_sub {
    color: #404040;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.02em;
}



/* 헤더시작 */

header {}

header .top {
    background-color: #2e2e2e;
    letter-spacing: -0.02em;
}

header .top .flex {}

header .top .flex ul:nth-child(1) {}

header .top .flex ul:nth-child(1) li {
    margin: 0px 1px;
}

header .top .flex ul:nth-child(1) li a {
    line-height: 40px;
    padding: 0px 10px;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: -0.02em;
    background-color: #3b3a39;
}

header .top .flex ul:nth-child(2) {}

header .top .flex ul:nth-child(2) li {
    position: relative;
}

header .top .flex ul:nth-child(2) li:after {
    content: "";
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    background-color: #545455;
}

header .top .flex ul:nth-child(2) li:last-child:after {
    content: none;
}

header .top .flex ul:nth-child(2) li a {
    padding: 0px 10px;
    color: #808080;
    font-size: 14px;
}

header .top .flex ul:nth-child(2) li .join_1 {
    color: #a28e52;
}

header .top .flex ul li a {
    display: flex;
    padding: 10px 0px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

header .top .flex ul li a .icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 3px;

}

header .top .flex ul li a .icon.top1 {
    background-image: url(/Form/_guest/basic/images/main/top_menu_btn.png);
    width: 17px;
    height: 26px;
}

header .top .flex ul li a .icon.top2 {
    background-image: url(/Form/_guest/basic/images/main/google_btn.png);
    width: 16px;
    height: 18px;
}
header .top3 {
    background-image: url(/Form/_guest/basic/images/main/one_btn.png);
    width: 16px;
    height: 18px;
}

header #menu {
    background-color: #3b3a39;
    border-bottom: 1px solid #4c4b4b;
}

header #menu .wrap {
    position: relative;
}


header #menu .button span {}

header #menu #logo {}

header #menu #logo h1 {
    height: 66px;
    width: 160px;
    font-size: 0px;
    background-image: url(../images/main/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 153px 36px;
}

header #menu .menu {}

header #menu .menu li {
    position: relative;
    line-height: 66px;
}

header #menu .menu li:after {
    content: "";
    width: 80%;
    height: 2px;
    background-color: #f1d16c;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .5s;
}

header #menu .menu li:hover:after {
    opacity: 1;
}

header #menu .menu li.view:after {
    opacity: 1;
}
header #menu .menu li.view a {
	color: #f1d16c;
}

header #menu .menu li a {
    color: #dfdfde;
    letter-spacing: -0.02em;
    font-size: 18px;
    padding: 0px 15px;
    margin: 0px 15px;
}

header #menu .menu li:hover a {
    color: #f1d16c;
}

header #menu .menu li:last-child a {}

header #menu .banner {
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url(../images/main/sub_logo_btn.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 127px;
    height: 104px;
    z-index: 90;

    /*    미디어 커리로 마진 라이트 조절해주기*/
}

.blank {
    width: 50px;
    display: inline-block;
}


/* 헤더 모바일*/


#menu .mobile .menuBox_bg {
    position: fixed;
    z-index: 3;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #0007;
	display:none
}

#menu .mobile .menuBox_bg.view {
    display:block
}

#menu .mobile .button {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 2;
    text-align: left;
	cursor:pointer
}

#menu .mobile .button span {
    background-color: #dadada;
    width: 22px;
    height: 3px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    border-radius: 10px;
	transition:0.5s
}


#menu .mobile .button span:nth-child(1) {
    transform: translateY(-50%) translateY(-8px);
}

#menu .mobile .button span:nth-child(2) {
    width: 15px;
}

#menu .mobile .button span:nth-child(3) {
    transform: translateY(-50%) translateY(8px);
}

#menu .mobile .button:hover span {
	width: 30px

}


#menu .mobile .menuBox {
    position: fixed;
    text-align: left;
    top: 0px;
    left: -270px;
    max-width: 230px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 4;
	transition:0.5s
}

#menu .mobile .menuBox.view {
    left:0
}


#menu .mobile .menuBox .menuBox_top {
    background-color: #2c2c2a;
    padding: 11px 15px 15px 15px;
    position: relative;
    height: 110px;
}

#menu .mobile .menuBox .menu_Box_close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -5px;
    top: 16px;
    cursor: pointer;
    z-index: 5;
}

#menu .mobile .menuBox .menu_Box_close span {
    width: 17px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 20%;
    right: 10px;
    transform: translate(-50%, -50%);
}

#menu .mobile .menuBox .menu_Box_close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

#menu .mobile .menuBox .menu_Box_close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);

}

#menu .mobile .menuBox .menuBox_top .menuBox_grid:after {content: "";display: block;clear: both}
#menu .mobile .menuBox .menuBox_top .menuBox_grid>div {
	float:left;
}

#menu .mobile .menuBox .menuBox_top .menuBox_grid .menu_img {
    width: 45px;
}

#menu .mobile .menuBox .menuBox_top .menuBox_grid .menu_img img {
    display: inline-block;
    width: 100%;
}

#menu .mobile .menuBox .menuBox_top .menuBox_grid .title {
    margin-left: 10px;
}

#menu .mobile .menuBox .menuBox_top .menuBox_grid .title .name {
    color: white;
    font-size: 12px;
    letter-spacing: -0.02em;
}


#menu .mobile .menuBox .menuBox_top .menuBox_grid .title .sub {
    color: #8e8e8e;
    font-size: 12px;
    letter-spacing: -0.02em;
}

#menu .mobile .menuBox .menuBox_top .menuBox_grid .title .sub span {
    color: #8e8e8e;
    font-size: 12px;
    letter-spacing: -0.02em;
}

#menu .mobile .menuBox .menuBox_top .menuBox_button {}

#menu .mobile .menuBox .menuBox_top .menuBox_button a {
    width: 90px;
    margin-top: 10px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    letter-spacing: -0.02em;
    cursor: pointer;
}

#menu .mobile .menuBox .menuBox_top .menuBox_button .logout_btn {
    background-color: #ffffff;
    color: #3b3a39;
}

#menu .mobile .menuBox .menuBox_top .menuBox_button .page_btn {
    background-color: #3b3a39;
    color: #ffffff;

}

#menu .mobile .menuBox .mobile_menu {}

#menu .mobile .menuBox .mobile_menu li {
    width: 100%;
    border-bottom: 1px solid rgb(221,221,221,0.3);
    padding: 10px 13px;
}

#menu .mobile .menuBox .mobile_menu li a {
    color: #333333;
    font-size: 14px;
    letter-spacing: -0.02em;
	width:100%;
	display:block
}

#menu .mobile .menuBox .menu_box_banner {
    padding: 15px;
}

#menu .mobile .menuBox .menu_box_banner a {
    margin-bottom: 10px;
    width: 100%;
}

#menu .mobile .menuBox .menu_box_banner a img {
    width: 100%;
}


.main_background {
    background-image: url(/Form/_guest/basic/images/content_01/main_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
    position: relative;
}

.main_background .title {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_background .title .main_background_name {
    font-family: 'makgeolli' !important;
    font-size: 60px;
    letter-spacing: -0.02em;
    color: #e5d7ae;
    padding-bottom: 10px;
	text-align:center;
	width:100%
}

.main_background .title .main_background_sub  {
    color: #b0aca9;
    font-size: 18px;
    letter-spacing: -0.02em;
}
.main_background_sub span {
    color: #b0aca9;
    font-size: 18px;
    letter-spacing: -0.02em;
	display:none
}
.main_background_sub span.on {
	display:block
}
/*왼쪽 배너 시작*/

main {
    position: relative;
}

.banner_left {
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) translateX(-720px);
}

.banner_left .slider {
    position: relative;
    width: 120px;
    height: 240px;
    background-color: #fadc70;
    border-radius: 20px;
}

.banner_left .slider .swiper-wrapper {
    margin-top: 20px;
}

.banner_left .slider .swiper-slide {}

.banner_left .slider .swiper-slide img {}

.banner_left .slider .swiper-slide .text {
    color: #333333;
    margin-top: 5px;
    font-size: 16px;
}

.banner_left .slider .swiper-pagination {
    position: absolute;
    bottom: 35px;
}



.banner_left .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin-right: 3px;
    background-color: #d4b95a;
}

.banner_left .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #635938;
}

.banner_left .slider .title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    line-height: 35px;
    background-color: #e6c44c;
}

.banner_left .title {
    text-align: center;
    font-size: 17px;
    color: white;
    font-family: 'makgeolli' !important;
}

/* 오른쪽 배너 */

.banner_right {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateX(720px);
	/* padding:20px 0 */
}

.banner_right .banner_right_box {
    width: 100px;
    padding-top: 10px;
    height: 195px;
    background-color: white;
    border-radius: 20px;
    border: 4px solid #cec8be;
}

.banner_right .banner_right_box a {}

.banner_right .banner_right_box .line {
    border: 0.5px solid #cec8be;
}

.banner_right .banner_right_box a img {
    display: inline-block;
    margin: 10px;
}

.banner_right .get_icon {
    margin: 20px 0px;
    transform-origin: 50% 75%;
    animation: swing 1.2s linear 0s infinite;
}
.top_btn {
	cursor:pointer
}
.top_btn.mobile {
    position: fixed;
    right: 10px;
    bottom: 60px;
	cursor:pointer;
	z-index:2
}

.top_btn.mobile img {
    width: 70%;
}



@keyframes swing {

    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(-8px);
    }

    50% {
        transform: translateY(0px);
    }

    75% {
        transform: translateY(8px);
    }

    100% {
        transform: translateY(0px);
    }

}

/*메인 시작*/


/* content_01 메인 콘텐츠 시작*/

main {}

main .main {
    background-image: url(../images/main/main_bg.png);
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    /*   미디어 커리 해잇값 수동 지정*/
}


main .main .sub_title {
    text-align: left;
    margin: 100px 0px;
}

main .main .sub_title img {
    max-width: 317px;
    min-width: 200px;
    width: 50%;
}

main .main .sub_title .sub_text {
    margin-top: 20px;
    text-align: left;
    font-size: 23px;
    color: #dfdfde;
    color: #cbc7c7
}

main .main .sub_text span {
    font-size: 23px;
}

main .main .sub_text .boler {
    font-weight: 400;
    font-size: 23px;
}

.yellow {
    color: #f0cc5c;
    font-weight: 400;
}


main .section {
    min-height: 300px;
    background-color: #eee;
    padding: 70px 0px;
}

main .section .text {}

main .section .text img {
    max-width: 337px;
    min-width: 200px;
    width: 50%;
}

main .section .text .sub {
    font-size: 21px;
    color: #655b5b;
    padding: 30px 0px;
	word-break: keep-all;
}


main .section .list.grid4 {
	margin:-8px;
}
main .section .list.grid4.swiper-wrapper{
	margin:0;
}

main .section .list.grid4:after {content: "";display: block;clear: both}
main .section .list.grid4>li {
	float:left;
	width:23%;
	position:relative;
	padding-bottom:27%;
	margin-right:2%
}
main .section .list>li:last-child {
	margin-right:0
}
main .section .list.grid3:after {content: "";display: block;clear: both}
main .section .list.grid3>li {
	float:left;
	width:32%;
	position:relative;
	padding-bottom:30%;
	margin-right:2%;
	margin-bottom:15px
}
main .section .list.grid3>li:nth-child(3),main .section .list.grid3>li:nth-child(6) {
	margin-right:0
}
main .section .list li a{
	display:block;
    background-color: white;
    border-radius: 20px;
    border: 8px solid transparent;
    transition: border .5s;
	position:absolute;
	height:100%;
	width:100%;
}

main .section .list li:hover a{
    border: 8px solid #f0cc5c;
}

main .section .list li .title {
    position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	padding:20px
}


main .section li .title .name {
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    padding-top: 20px;
    letter-spacing: -0.02em;
}

main .section li .title .list_name {
    font-family: 'makgeolli' !important;
    padding-top: 20px;
    font-size: 24px;
    color: #333333;
    letter-spacing: -0.02em;
}

main .section li .title .sub {
    color: #7a7171;
    line-height: 25px;
    font-size: 16px;
    padding-top: 10px;
	word-break: keep-all;
}

main .section .list li a {}

main .section .list li a img {
	width:50%;
}


main .section .list li a .title {}

main .section .list li a .title .name {}

main .section .list li a .title .sub {}


main .section.s1 {}

main .section.s1 .box {
    background-image: url(../images/main/sec_01_box.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -150px;
    margin-bottom: 50px;
    border-radius: 60px;
    /*    min-height: 402px;*/
    background-size: 100% 100%;
    padding-top: 40px;
    position: relative;
}

main .section.s1 .box .title {
    font-size: 50px;
    font-family: makgeolli;
    color: white;
    margin-bottom: 20px;
}

main .section.s1 .box .title span {
    font-size: 50px;
}

main .section.s1 .box .main_slider {
    height: 290px;
    width: 900px;
}

main .section.s1 .box .main_slider a {
    width: 100%;
}

main .section.s1 .box .main_slider img {
    width: 100%;
    margin-bottom: 20px;
    max-width: 175px;
    min-width: 90px;
}

.section.s1 .box .swiper-pagination {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 1;
    background-color: #81807f;

}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2d2b29;
}

main .section.s1 .name {
    color: #cbc7c7;
    font-size: 20px;
    letter-spacing: -0.02em;
}

main .section.s1 .name span {
    color: #f1f1f1;
    font-size: 20px;
    letter-spacing: -0.02em;
}

main .section.s1,
main .section.s3,
main .section.s5 {
    background-color: #e2ddd6;

}

main .section.s2,
main .section.s4 {
    background-color: #f4f2ef;
}


main .main_banner .wrap {
    position: relative;
}

main .main_banner .wrap .bu {
    position: absolute;
    top: -40px;
    right: 0px;
}

.banner_bu {
    width: 100%;
}

main .main_banner a {
    width: 100%;
	background:url(../images/main/main_banner_bg.png);
    background-size: cover;
}

main .main_banner a .banner_img {
    position: relative;
    width: 100%;
}

main .main_banner a .banner_img img {
    width: 100%;
}

main .main_banner a .banner_img::after {
    position: absolute;
    content: "";
    top: -30px;
    right: 380px;
    background-image: url(/Form/_guest/basic/images/main/main_banner_bu.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 148px;
    height: 150px;
    z-index: 9;

}

/******    꿈해몽    ******/


.dream { 
	margin-top:40px;
	padding:30px;
	border:1px solid #d9d9d9
}
.dream h3 {
	text-align:left;
	font-size:24px;
	font-weight:500;
	padding-bottom:20px
}
.dream h3 span {
	font-weight:700;
	font-size:24px;
}
.dream>div:after {content: "";display: block;clear: both}
.dream>div>div {
	float:left;
	font-size:16px
}
.d_title {
	padding:10px 20px 0 0;
	width:10%
}
.d_sub {
	width:90%
}
.d_title i {
	line-height:30px;
	margin-right:15px
}
.dream_big {
	
}
.dream_kind:after {content: "";display: block;clear: both}
.dream_kind div {
	float:left;
	padding:10px 20px;
	font-size:16px;
	border:1px solid #d9d9d9;
	border-radius:10px;
	color:#655b5b;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer
}
.dream_kind div:last-child {
	margin-right:0px
}
.dream_kind div.on {
	border:1px solid #e94b47;
	background:#e94b47;
	color:white
}
.dream_small .dream_kind {
	display:none
}
.dream_small .dream_kind.view {
	display:block
}

/*cotent_01 정통운세*/

.main_bg {
    background-image: url(/Form/_guest/basic/images/main/main_bg.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 480px;
    background-repeat: no-repeat;
}

.main_bg .title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_bg .title .name {}

.main_bg .title .sub {}

.content_01_wrap {
    padding-bottom: 0px;
    background-color: white;
    position: relative;
}

.tap_menu:after {content: "";display: block;clear: both}
.tap_menu>li {
	float:left;
}
.tap_menu li a{
	font-size: 17px;
	width:100%;
	display:block
}
.tap_menu li {
    font-size: 17px;
    width: 100%;
    line-height: 40px;
    background-color: #f4f4f4;
    padding: 4px 0px;
    color: #404040;
    font-weight: 400;
    cursor: pointer;
}

.tap_menu li.view {
    background-color: #3c3b3a;
	color: white;
}

.tap_menu li.view a{
	display:block;
	width:100%;
    color: white;
}

.tap_menu li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.tap_menu li:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tap_content {
    position: relative;
}

.tap_content > li {
    width: 100%;
    opacity: 0;
    transition: opacity .3s;
    background-color: white;
    max-height: 0px;
    overflow: hidden;
}

.tap_content > li.view {
    opacity: 1;
    z-index: 2;
    max-height: 3000px;
}

.content_01_wrap .main_title {
    padding: 30px 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
}

.content_01_wrap .main_title img {
    display: inline-block;
    max-width: 90px;
    width: 50%;
    margin-right: 20px;
}

.content_01_wrap .main_title .main_text span {
    font-size: 32px;
}

.content_01_wrap .main_box {}

.content_01_wrap .main_box > li {
    background-color: #f4f2ef;
    border-radius: 30px;
    width: 100%;
    padding: 30px;
    margin-bottom: 25px;
}

.content_01_wrap .main_box > li .sub_title {
    display: flex;
    justify-content: space-between;
}

.content_01_wrap .main_box > li .sub_title .sub_text {
    color: black;
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
}

.content_01_wrap .main_box > li .sub_title .sub_text img {
    display: inline-block;
    max-width: 50px;
    min-width: 25px;
    width: 50%;

}

.content_01_wrap .main_box > li .sub_title .sub_text span {
    font-size: 24px;
}

.content_01_wrap .main_box > li .sub_title .star_img {
    background-color: white;
    padding: 10px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.content_01_wrap .main_box > li .sub_title .star_img .text {}

.content_01_wrap .main_box > li .sub_title .star_img .text img {
    display: inline-block;
    width: 170px;
    margin-right: 10px;
    height: 25px;
}

.content_01_wrap .main_box > li .sub_title .star_img .star {}

.content_01_wrap .main_box > li .sub_title .star_img .star > li {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/Form/_guest/basic/images/content_01/star_none.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px 2px;
}

.content_01_wrap .main_box li .sub_title .star_img .text .star.s1 li:nth-child(1) {
    background-image: url(/Form/_guest/basic/images/content_01/star.png);
}

.content_01_wrap .main_box li .sub_title .star_img .text .star.s2 li:nth-child(1) {
    background-image: url(/Form/_guest/basic/images/content_01/star.png);
}

.content_01_wrap .main_box li .sub_title .star_img .text .star.s2 li:nth-child(2) {
    background-image: url(/Form/_guest/basic/images/content_01/star.png);
}

.content_01_wrap .main_box li .sub_title .star_img .text .star.s3 li:nth-child(1) {
    background-image: url(/Form/_guest/basic/images/content_01/star.png);
}

.content_01_wrap .main_box li .sub_title .star_img .text .star.s3 li:nth-child(2) {
    background-image: url(/Form/_guest/basic/images/content_01/star.png);
}

.content_01_wrap .main_box li .sub_title .star_img .text .star.s3 li:nth-child(3) {
    background-image: url(/Form/_guest/basic/images/content_01/star.png);
}


.content_01_wrap .main_box li .content {
    color: #7a7171;
    margin-top: 20px;
    text-align: left;
}

.content_01_wrap .main_box li .content p {
    line-height: 25px;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.content_01_wrap .main_box li .content img {
	vertical-align: middle;
}

.content_01_sub_wrap {
    margin-bottom: 60px;
}
.content_01_sub_wrap.on {
	display:none
}
.content_sub_wrap {
    padding: 30px 60px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
    border-radius: 30px;
    background-image: url(/Form/_guest/basic/images/content_01/list_v_01_bg.jpg);
	overflow:hidden;

}

/*
.content_sub_wrap .div{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    left: 100%;
}
*/

.content_sub_wrap .main_text {
    margin-bottom: 30px;
}

.content_sub_wrap .main_text img {
    display: inline-block;
    margin-right: 10px;
    max-width: 50px;
    min-width: 30px;
    width: 50%;
}

.content_sub_wrap .main_text span {
    font-size: 32px;
    font-weight: bold;
}

.content_sub_wrap ul:after {content: "";display: block;clear: both}
.content_sub_wrap ul {
	margin:0 -10px
}
.content_sub_wrap ul li {
	float:left;
	width:33.333%;
    padding:0 10px
}
.content_sub_wrap ul li>div{
	background-color: white;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
	position:relative
}
.content_sub_wrap ul li .name {
    font-size: 30px;
    color: #404040;
    font-family: 'makgeolli' !important;
	word-break: keep-all;
}

/*
.content_sub_wrap ul li .con_img img {
    margin: 20px 0px;
}
*/

.content_sub_wrap ul li .con_img {
    margin: 20px 0px;
    width: 100%;
	border-radius:100%;
	width:180px;
	height:180px;
	/*background:#f4f2ef;*/
	position:relative;
	left:50%;
	transform:translateX(-50%)
}

.content_sub_wrap ul li .con_img > div {
    position: absolute;
    top: 50%;
    left: 50%;
	transform:translate(-50%,-50%);
	height:95%
}
.content_sub_wrap ul li .con_img > div img {
	height:100%
}
.content_sub_wrap ul li .con_img.t1 {}

.content_sub_wrap ul li .get_btn {
    color: white;
    background-color: #e94b47;
    padding: 10px 0px;
    font-size: 18px;
    width: 100%;
    border-radius: 5px;
    letter-spacing: -0.02em;
}



/*love 이성정보입력*/


.love_bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
	opacity:0.7;
	z-index:99
}
.love_wrap {
	width:1160px;
	position: fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:100;
}
.love_wrap h3 {
	width:100%;
	background:#3b3a39;
	text-align:center;
	padding:15px 0;
	font-size:24px;
	color:white;
	font-weight:700
}
.love_sub {
	padding:40px 60px 120px;
	background:white
}
.love_sub p {
	text-align:left;
	padding-bottom:10px
}
.love_wrap .table {
	border: 1px solid #d9d9d9;
}
.love_wrap .table li {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 0px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
}

.love_wrap .table li:last-child {
    border-bottom:0
}

.love_wrap .table li > div {
    display: flex;
    vertical-align: middle;
    align-items: center;
    align-content: center;
    padding: 5px 10px;
    min-height: 60px;
    flex-flow: row wrap;
}

.love_wrap .table li .title {
    background-color: #f4f4f4;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.love_wrap .table li .title span {
    font-weight: bold;
    margin-right: 5px;
}

.love_wrap .table li .content .input {
    padding: 10px;
    width: 50%;
    border: 1px solid #d9d9d9;
    margin-right: 20px;
}
.love_wrap .table li .content .one {
    width: 20px;
    height: 20px;
    font-size: 0px;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    position: relative;
	cursor:pointer
}


.love_wrap .table li .content .one:after {
    width: 8px;
    height: 8px;
    position: absolute;
    content: "";
    background-color: #e94b47;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.love_wrap .table li .content .radio:checked + .one:after {
    opacity: 1;
}

.love_wrap .table li .content .radio:checked + .one {
    border: 1px solid #e94b47;
}

.love_wrap .table li .content .radio + .one + label {
    font-size: 15px;
    color: #7a7171;
    font-weight: -0.02em;
    margin: 0px 10px 0px 6px;
}
.love_select:after {content: "";display: block;clear: both}
.love_select>div {
	float:left
}
.love_wrap .table li .select_box {
    position: relative;
    margin-right: 10px;
}

.love_wrap .table li .select_box i {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    color: #6e6e6e;
}

.love_wrap .table li .select_box select {
    padding: 10px;
    border: 1px solid #d9d9d9;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    width: 120px;
}

.love_wrap .table li .select_box select::-ms-expand {
    display: none;
}



.love_wrap .table li select option {}

.love_wrap .table li .content input[type="button"] {
    border: 1px solid #d9d9d9;
    font-size: 12px;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-right: 10px;
}


.love_wrap .love_btn {
    background-color: #e94b47;
    color: #ffff;
    padding: 10px 0px;
    border-radius: 30px;
    width: 250px;
    margin-top: 40px;
    font-size: 18px;
    letter-spacing: -0.02em;
	position:absolute;
	bottom:40px;
	left:50%;
	transform:translateX(-50%);
	cursor:pointer;
	border:none;
	outline:none
}



/*cotent_02 앤애 결혼*/


.content_02_wrap {
    padding-bottom: 0px;
    background-color: white;
    position: relative;
}

.tap_menu.v2 :after {content: "";display: block;clear: both}
.tap_menu.v2 >li {
	float:left;
}
.tap_menu.v2 li:hover {
    background-color: #3c3b3a;
    color: white;
}
.tap_menu.v2 li:hover a {
	color:white
}

.v2 {
    position: relative;
}

.content_02_wrap .tap_content.v2 > li {
    width: 100%;
    opacity: 0;
    transition: opacity .3s;
    max-height: 0px;
    background-color: white;
    overflow: hidden;
}

.content_02_wrap .tap_content.v2 > li.view {
    opacity: 1;
    z-index: 2;
    max-height: 3000px;
}

.content_banner {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/Form/_guest/basic/images/content_01/content_02_banner.png);
    background-size: cover;
    padding-bottom: 12%;
    margin: 40px 0px;
}



 .content_banner > div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.content_02_wrap .content_sub_wrap ul {
	margin:0 -10px
}
.content_02_wrap .content_sub_wrap ul:after {content: "";display: block;clear: both}
.content_02_wrap .content_sub_wrap ul>li {
	float:left;
	width:25%
}

.content_02_wrap .tap_content v2 .main_text {}


.selecter {
    position: relative;
    height: 35px;
    border: 1px solid #d9d9d9;
    margin: 15px 0px;
    width: 100%;
    z-index: 10;
	text-align:left;
}

.selecter .xi-angle-down-min {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-50%, -50%);
}

.selecter .selecte_button {
    width: 100%;
    line-height: 33px;
	cursor:pointer;
	padding:0 10px;
	color:#655b5b
}

.selecter .select_list {
    width: calc(100% + 2px);
    max-height: 0px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-top: 0px;
	cursor:pointer;
	color:#655b5b
}

.selecter.view .select_list {
    max-height: 500px;
}

.selecter .select_list > li {
    line-height: 30px;
    padding: 0px 10px;
    width: 100%;
}



/*cotent_02_viewt 시작 연애결혼*/


.content_02_view_wrap .sub_name {}

.content_02_view_wrap .tap_content.v2 {
    position: relative;
}

.content_02_view_wrap .tap_content.v2 > li {
    width: 100%;
    opacity: 0;
    transition: opacity .3s;
    max-height: 0px;
    background-color: white;
    overflow: hidden;
}

.content_02_view_wrap .tap_content.v2 > li.view {
    opacity: 1;
    z-index: 2;
    max-height: 3000px;
}

.content_02_view_wrap .content_sub_wrap {
    padding: 60px;
}

.content_02_view_wrap .content_02_sub_name {
    color: #333333;
    font-size: 40px;
    letter-spacing: -0.02em;
    padding: 50px 0px 45px;
    font-weight: bold;
}

.content_02_box {
    background-color: white;
    border-radius: 30px;
    padding: 60px;
	margin:0 -47px 60px -47px;
}
.content_02_box:after {content: "";display: block;clear: both}
.content_02_box>div {
	float:left;
	width:50%;
	padding:0 47px
}

.content_02_view_wrap .content_sub_wrap .content_02_view_img {
    position: relative;
    max-width: 400px;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-radius:100%;
	/*background:#f4f2ef*/
}

.content_02_view_wrap .content_sub_wrap .content_02_view_img > div {
    position: absolute;
    top: 50%;
    left: 50%;
	transform:translate(-50%,-50%);
    height: 95%;
}
 .content_02_view_img > div img {
	height:100%
 }

.content_02_view_wrap .content_sub_wrap .context {
    text-align: left;
    color: black;
}

.content_02_view_wrap .content_sub_wrap .context img {
    width: 58px;
    height: 26px;
}


.content_02_view_wrap .content_sub_wrap .context .context_title {
    font-size: 40px;
    font-family: 'makgeolli' !important;
}

.content_02_view_wrap .content_sub_wrap .context .context_sub {
    color: #746b6b;
    letter-spacing: -0.02em;
    font-size: 18px;
    padding-bottom: 25%;
}


.content_02_view_wrap .content_sub_wrap .context input {
    width: 100%;
    background-color: #f4f2ef;
    padding: 10px;
    font-size: 22px;
    margin-bottom: 20px;
    color: #434241;
    /*font-family: 'makgeolli' !important;;*/
    text-align: center;
}

.btn_view {
    color: white;
    background-color: #717171;
    padding: 15px 0px;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: -0.02em;
    width: 200px;
    margin-right: 12px;
}

.btn_make {
    color: white;
    background-color: #e94b47;
    padding: 15px 0px;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: -0.02em;
    width: 200px;
    border: 1px solid #e94b47;
	cursor:pointer
}
.btn_make1 {
    color: white;
    background-color: #e94b47;
    padding: 15px 0px;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: -0.02em;
    width: 200px;
    border: 1px solid #e94b47;
	cursor:pointer
}



/*생년월일 팝업

.date_popup {
	width: 500px;
	height:400px;
	background:white;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:100;
	border-radius:30px;
	padding:45px 30px
}

.date_popup h4 {
	text-align:center;
	font-size:24px;
	color:#444;
	font-weight:600;
	position:relative
}
.date_popup h4:before {
	content:"";
	display:block;
	width:20px;
	height:3px;
	background:#444;
	position:absolute;
	left:50%;
	top:-15px;
	transform:translateX(-50%)
}
.date_content:after {content:"";display:block;clear:both}
.date_content>div {
	float:left;
	margin-right:5px
}
.date_content input {
	border:none;
	outline:none;
	border-bottom:1px solid rgb(255,72,72,0.4);
	width:100px
}


.date_btn {
	display:inline-block;
	margin:0 auto
}
.date_btn:after {content:"";display:block;clear:both}
.date_btn>div {
	float:left;
	width:100px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	color:white;
	font-weight:600;
}
.btn_cancel {
	background:#aaa;
	margin-right:5px
}
.btn_popup {
	background:#e94b47
}

*/



/*팝업 시작*/

/*

.pop_up {
    position: fixed;
    width: 800px;
    height: 900px;
    transform: translate(-50%, -10000px);
    top: 50%;
    left: 50%;
    transition: transform 1s;
    z-index: 9999;
    background-color: white;
    position: fixed;
    width: 80%;
    height: 90%;
	max-width: 800px;
	max-height: 900px;
	
	


.pop_up .pop_top {
    background-color: #3b3a39;
    z-index: 9999;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 70px;
    padding: 20px;
}

.pop_up .pop_top .text {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}

.pop_up .pop_top .close {
    width: 40px;
    height: 40px;
}

.pop_up .pop_top .close span {
    width: 35px;
    height: 2px;
    background-color: aliceblue;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
}

.pop_up .pop_top .close span:nth-child(1) {
    
}

.pop_up .pop_top .close span:nth-child(2) {
   
}

.pop_up .pop_content {
    width: 680px;
    height: 720px;
    padding: 50px;
    border-radius: 30px;
    margin-top: 50px;
	

}

.pop_up .pop_content .pop_box {
    background-color: white;
    width: 100%;
    height: 90%;
    border-radius: 30px;
    margin-bottom: 30px;

}

.pop_up .pop_content .pop_box img {
    position: absolute;
    width: 237px;
    height: 392px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
	
	width: 80%;
}



*/


.pop_bg {
    width: 0%;
    height: 0%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #0008;
    z-index: 998;
    display:none
}

.pop_bg.view {
    display:block;
    width: 100%;
    height: 100%;
    transform: translate(0px, 0px);
}

.pop_up {
    position: fixed;
    width: 80%;
    height: 90%;
    max-width: 800px;
    max-height: 900px;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: white;
    transition: 0.8s;
}

.pop_up.view {
    top:50%
}

.pop_up .top {
    position: relative;
    z-index: 101;
}

.pop_up .top .title {
    line-height: 70px;
    background-color: #3b3a39;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    margin-top: -1px;
    z-index: 101;
}

.pop_up .top .close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
	cursor:pointer
}

.pop_up .top .close span {
    width: 35px;
    height: 2px;
    background-color: aliceblue;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.pop_up .top .close span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.pop_up .top .close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pop_up .content {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -44%);
}

.pop_up .content .img {
    width: 100%;
    height: 85%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.pop_up .watermark {
	z-index:2;
}
.pop_up .content .img div {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pop_up .content .img img {
	width:100%
}
.pop_up .content > img {
    width: 100%;
    height: 100%;
}

.pop_up .content .button {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX( -50%);
    width: 100%;
}

.pop_up .content .button .gift_btn {
    color: #e94b47;
    background-color: white;
    border: 1px solid #e94b47;
    padding: 13px 0px;
    border-radius: 30px;
    font-size: 18px;
    width: 200px;
    display: inline-block;
    margin-right: 8px;
}

.pop_up .content .button .buy_btn {
    color: white;
    background-color: #e94b47;
    padding: 13px 0px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: -0.02em;
    width: 200px;
    border: 1px solid #e94b47;
    display: inline-block;
}


.pop_up02 {
	max-width: 600px;
    max-height: 700px;
}
.pop_up02 .content .img div {
    width: 60%;
    position: absolute;
    top: 45%;
}
.pop_up02 .top .close {
	transform: translateY(50%);
	top:50%
}
.pop_up02 .close span{
	background-color:#3b3a39!important;
}




/* buy 이용권구매 시작 */



.buy_wrap {
    margin: 60px 0px;
}

.buy_wrap .coupon {
    margin-top: 50px;
    position: relative;
    background-image: url('/Form/_guest/basic/images/content_01/buy_bg_01.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: 100%;
    padding-bottom: 28.449%;
}

.buy_wrap .coupon > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.buy_wrap ul li .buy_title {}



.buy_grid {
    text-align: left;
}
.buy_grid > li {
	display:table;
	width:100%;
	border-bottom: 1px solid #d9d9d9;
}
.buy_grid {
	border: 1px solid #d9d9d9;
	border-bottom: 0;
}
.buy_grid > li:after {content: "";display: block;clear: both}
.buy_grid > li>div{
	display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-bottom: 0px;
}

.buy_grid li > div {
    padding: 20px;
}

.buy_grid > li .title {
	width:150px;
    background-color: #f4f4f4;
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #404040;
    font-weight: 500;
	border-right:1px solid #d9d9d9;
}

.buy_grid > li .sub {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #404040;
	width:calc(100% - 150px);
	border-left:0
}
.buy_grid > li .sub input {
	padding: 10px;
	max-width:400px;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-right: 20px;
}
.account_contain {
	display:none
}
.buy_grid .account {
	display:table
}
.buy_grid .account>div {
	display:table-cell;
	padding:0;
	width:50%
}
.buy_grid .account>div:after {content: "";display: block;clear: both}
.buy_grid .account>div>div {
	display: table-cell;
    vertical-align: middle;
    text-align: left;
	padding:20px
}
.buy_grid .account>div:nth-child(2) .title{
	border-left:1px solid #d9d9d9;
}
.buy_grid .account .sub {
	width:calc(100% - 150px)
}
.buy_grid .account input {
	padding: 10px;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-right: 20px;
}
.buy_grid .account .sub {
	width:calc(50% - 150px)
}
.buy_grid .account select {
    padding: 10px;
    border: 1px solid #d9d9d9;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width:200px;
    background: url(../images/content_01/select_arrow.png) no-repeat;
    background-position: right 5px center;
}
.buy_grid .account select::-ms-expand {
    display: none;
}
.buy_agree {
	padding-top:40px
}
.buy_agree input + label {
	color:#7a7171
}
.buy_agree input + label span{
	width:20px;
	height:20px;
	border-radius:100%;
	border:1px solid #e94b47;
	display:inline-block;
	position:relative;
	vertical-align: -4px;
	margin-right:5px
}
.buy_agree input + label span:after {
	content:"";
	width:8px;
	height:8px;
	border-radius:100%;
	background:#e94b47;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none
}
.buy_agree input:checked + label span:after {
	display:block
}
.alert {
	padding-top:20px;
	color:#7a7171
}

.buy_grid > li .sub span {
    color: #e94b47;
}

.buy_grid > li .sub .gray {
    color: #7a7171;
}


.buy_grid > li .sub .grid_box > ul {
    max-width: 500px;
    width: 100%;
}

.buy_grid > li .sub .grid_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.buy_grid > li .sub .grid_box > ul > li {
    float: left;
    width: 31.33%;
    display: inline-block;
    margin-right: 10px;
	cursor:pointer
}

.buy_grid > li .sub .grid_box {
    margin: 0px -5px;
}

.buy_grid > li .sub .grid_box > ul > li input +label >div {
    border: 1px solid #d9d9d9;
    text-align: center;
	padding:15px 0 10px;
	cursor:pointer
}

.buy_grid > li .sub .grid_box > ul > li input +label >div img {
    height: 30px;
}

.buy_grid > li .sub .grid_box > ul > li input:checked +label >div {
    border: 1px solid #e94b47;
}


.buy_grid > li .sub .grid_box > ul > li .pay_text {
    font-size: 16px;
    color: #7a7171;
    margin-top: 20px;
    margin-top: 20px;
}

.buy_grid > li .sub .grid_box > ul > li  input:checked +label >div .pay_text {
    color: #e94b47;
}

.buy_wrap .get_btn {
    margin: 40px 0 20px;
    color: white;
    background-color: #e94b47;
    padding: 15px 0px;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: -0.02em;
    width: 200px;
    border: 1px solid #e94b47;
}


/*공지사항 notice 시작*/

.notice_flex {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

.notice_flex .left {
    font-size: 15px;
}

.notice_flex .right:after {content: "";display: block;clear: both}
.notice_flex .right .select_box {
	float:left;	
    border: 1px solid #d9d9d9;
	position:relative;
}
.notice_flex .right select {
	width:100%;
    padding: 7px 25px 7px 7px;
    font-size: 12px;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    border-radius: 0px;
    line-height: 16px;;
	border:none
}
.notice_flex .right .select_box i {
	position:absolute;
	right:5px;
	top:50%;
	transform:translateY(-50%)
}

.notice_flex .right select::-ms-expand {
    display: none;
}

.notice_flex .right option {}

.input_submit {
	float:left;
    font-size: 12px;
    background-color: #717171;
    padding: 8px;
    color: white;
    border-radius: 0px;
    border: 0px;
	cursor:pointer
}
.input_text {
	float:left;
    font-size: 15px;
    border-radius: 0px;
    line-height: 30px;
    border: 1px solid #d9d9d9;
	/* padding:7px 10px; */
	margin-right:5px;
	border-left:0
}
.input_text input {
	width:100%;
	border:0;
	outline:0

} 
.red {
    color: red;
    font-size: 15px;
}

.notice_wrap {
    position: relative;
}

.notice_wrap .notice_table {}

.notice_wrap .notice_table li {
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    padding: 10px;
	width:100%
}
.notice_wrap .notice_table li:after {content: "";display: block;clear: both}
.notice_wrap .notice_table li>div {
	float:left;
}
.notice_wrap .notice_table li>div:nth-child(1) {
	width:165px
}
 .notice_wrap .notice_table li>div:nth-child(2) {
	width:calc(100% - 425px)
}
.notice_wrap .notice_table li>div:nth-child(3) {
	width:260px
}
.notice_wrap .notice_table li:nth-child(2) {
    background-color: #f4f4f4;
}

.notice_wrap .notice_table li:last-child {
    border-bottom: 1px solid #d9d9d9;
}

.notice_wrap .notice_table li .notice_title {
    color: #404040;
    font-size: 15px;
    letter-spacing: 0.02em;
}

.notice_wrap .notice_table li .notice_sub {
    color: #7a7171;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.notice_wrap .notice_table li .notice_txt {
    color: #7a7171;
    font-size: 15px;
    letter-spacing: -0.02em;
    width: 95%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.page_wrap {
    text-align: center;
    font-size: 0px;
    width: 100%;
    height: 200px;
}

.page_nation {
    text-align: center;
    display: inline-block;
    margin: 40px 0px 20px;
}

.page_nation .none {
    display: none;
}

.page_nation a {
    display: block;
    margin: 0px 3px;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #999999;
}

.page_nation .arrow {
    border: 1px solid #ccc;
}
.btn-group .btn{
	display: block;
    margin: 0px 3px;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #999999;
	background:transparent;
	padding:0;
	border-radius:0;
	border:0
}
.btn-group .btn.active {
 color: #e84e4d;
}
.btn-group .btn:nth-child(1) {
	background-image: url(/Form/_guest/basic/images/content_01/pprev.png);
    background-repeat: no-repeat;
    background-position: center;
}
.btn-group .btn:nth-child(2) {
	background-image: url(/Form/_guest/basic/images/content_01/prev.png);
    background-repeat: no-repeat;
    background-position: center;
}
.btn-group .btn:nth-last-child(2) {
	 background-image: url(/Form/_guest/basic/images/content_01/next.png);
    background-repeat: no-repeat;
    background-position: center;
}
.btn-group .btn:nth-last-child(1) {
	background-image: url(/Form/_guest/basic/images/content_01/nextnext.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*
.page_nation .pprev {
    background-image: url(/Form/_guest/basic/images/content_01/pprev.png);
    background-repeat: no-repeat;
    background-position: center;
}

.page_nation .prev {
    background-image: url(/Form/_guest/basic/images/content_01/prev.png);
    background-repeat: no-repeat;
    background-position: center;
}

.page_nation .next {
    background-image: url(/Form/_guest/basic/images/content_01/next.png);
    background-repeat: no-repeat;
    background-position: center;
}

.page_nation .nnext {
    background-image: url(/Form/_guest/basic/images/content_01/nextnext.png);
    background-repeat: no-repeat;
    background-position: center;
}

.page_nation a.active {
    color: #e84e4d;
}
*/
/* notice_detail 공지사항 리스트*/

.wrap.notice_detail {}

.wrap.notice_detail ul {
    font-size: 16px;
    border: 1px solid #d9d9d9;
    text-align: left;
}

.wrap.notice_detail ul li {
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
    border-bottom: 1px solid #d9d9d9;
}

.wrap.notice_detail ul li:nth-child(1) {
    border-top: 1px solid black;
    background-color: #f4f4f4;
}

.wrap.notice_detail ul li:nth-child(3) {
    border: 0px;
	padding:20px 20px 10px 20px
}

.wrap.notice_detail ul li .notice_title {
    color: #404040;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.wrap.notice_detail ul li .notice_sub {
    color: #7a7171;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.wrap.notice_detail ul li .notice_context {
    color: #7a7171;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.filebox {
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-gap: 0px;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding:10px;
    margin: 50px 0px 10px;

}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox input[type="file"] + label {
    display: inline-block;
    color: #999;
    width: 100px;
}

.filebox input[type="file"] + label img {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
	margin-top:8px
}

.filebox .upload_name {
    display: inline-block;
    border: 0px;
    font-size: 17px;
    padding: 0px 10px;
    float: right;
    background-color: #f4f4f4;
    width: 100%;
}
.filebox div {
	cursor:pointer;	
	width:50%;
	display: inline-block;}

.notice_bottom {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 20px 0px;

}

.notice_bottom .notice_btn a {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px 25px;
    background-color: #f4f4f4;
	font-size:15px
}

.notice_bottom .notice_list {
    background-color: #717171;
    padding: 10px 25px;
    color: white;
    border-radius: 5px;
	font-size:15px
}


/* login 로그인 */

.login_wrap {
    padding: 50px 150px 90px;
    border: 1px solid #d9d9d9;
}
.login_grid:after {content: "";display: block;clear: both}
.login_grid>div {
	float:left;
	width:50%
}
.login_grid>div:first-child {
	padding-right:20px
}
.login_grid>div:last-child {
	padding-left:20px
}
.login_wrap .sub_name {
    font-weight: 300;
}

.login_wrap .sub_name span {
    font-size: 30px;
    font-weight: 600;
}

.login_wrap .login_title {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: left;
}

.login_grid ul {
    text-align: left;
}

.login_grid ul li {
    border: 1px solid #ddd;
    width: 100%;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 10px;
}

.login_grid ul li:last-child {
    border: 0px;
}

.login_grid ul li img {
    width: 18px;
    display: inline-block;
    height: 20px;
}

.login_grid ul li input {
    border-radius: 0px;
    padding: 10px;
    border: 0px;
    width: 100%;
    box-shadow: none;
}


.login_grid ul li .login_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.login_grid ul li .login_flex input[id="id"] + label .text {
    width: 15px;
    height: 15px;
    border: 1px solid black;
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 8px;
}

.login_grid ul li .login_flex input[id="id"] + label span {
    margin-left: 10px;
}

.login_grid ul li .login_flex input[id="id"]:checked + label .text {
    width: 15px;
    height: 15px;
    border: 3px solid #e94b47;
    display: inline-block;
}

.login_grid ul li .login_flex .button {
    border: 1px solid #d9d9d9;
    font-size: 12px;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
}

.login_grid .submit {
    width: 100%;
    border-radius: 5px;
	border:0;
    background-color: #e94b47;
    color: white;
    padding: 10px;
	font-weight:700;
	font-size:18px;
    margin-bottom: 20px;
}


.login_btn {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    background-color: #f4f4f4;
}

.login_grid .login_box {
    background-color: #f4f4f4;
    padding: 20px 50px;
}

.login_grid .login_box .title {
    font-size: 18px;
    color: #404040;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.login_grid .btn.pink {
    margin: 20px;
    padding: 15px;

}

.login_grid .login_box .login_box_grid>a {
	display:inline-block
}

.login_grid .login_box .login_box_grid .sns {
    background-color: #ffffff;
    border: 1px solid #ddd;
    box-shadow: none;
    position: relative;
    line-height: 40px;
    padding:0 18px 0 36px;
	margin-right:20px
}

.login_grid .login_box .login_box_grid .sns img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.login_grid .login_box .login_box_grid .sns span {
    font-size: 12px;
	margin-left:10px
}


.login_grid .login_banner img a {
    width: 100%;
	display:block
}

.login_grid .login_banner img {
    width: 100%;

}

.login_grid .free {
	display:inline-block;
    font-size: 17px;
    color: #404040;
    margin-top: 20px;
    letter-spacing: -0.02em;
    font-weight: 500;
	border-bottom:1px solid #404040
}

/*join 회원가입 시작*/

.join_wrap {
    border: 1px solid #d9d9d9;
    padding: 60px 65px;
}

.join_wrap .table {}

.join_wrap .table .br {
    display: none;
}

.join_wrap .sub_context span {
    font-size: 15px;
    color: #7a7171;
    vertical-align: middle;
}
.join_wrap ul {
	border:1px solid #d9d9d9;
	border-bottom:0;
}
.join_wrap ul li{
	display:table;
	width:100%;
	border-bottom:1px solid #d9d9d9;
}
.join_wrap ul li > div{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
    padding: 5px 10px;
}
.join_wrap ul li div.title{
	width:200px;
	background-color: #f4f4f4;
    font-size: 15px;
    letter-spacing: -0.02em;
}
.join_wrap .table li .title span {
    font-weight: bold;
    margin-right: 5px;
}
.join_wrap ul li div.content{
	padding:10px
}

.join_wrap .table li .title span {
    font-weight: bold;
    margin-right: 5px;
}
.join_wrap .table li .content .input {
    padding: 10px;
    width: 50%;
    border: 1px solid #d9d9d9;
    margin-right: 20px;
}
/* .join_wrap .table li {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    text-align: left;
}
.join_wrap .table li:after {content: "";display: block;clear: both}
.join_wrap .table  .last_li{
    border-bottom: 1px solid #d9d9d9;
}

.join_wrap .table li:last-child {
    border: 1px solid #d9d9d9;
}

.join_wrap .table li > div {
	float:left;
    display: flex;
    vertical-align: middle;
    align-items: center;
    align-content: center;
    padding: 5px 10px;
    min-height: 60px;
	max-height:120px;
    flex-flow: row wrap;
}

.join_wrap .table li .title {
	width:200px;
    background-color: #f4f4f4;
    font-size: 15px;
    letter-spacing: -0.02em;
	line-height:50px;
	height:auto
}
.join_wrap .table li .content {
	width:calc(100% - 200px);
	padding:10px
}
.join_wrap .table li .content_radio {
	padding:18px 10px 0 10px
}

.join_wrap .table li .title span {
    font-weight: bold;
    margin-right: 5px;
}

.join_wrap .table li .content .input {
    padding: 10px;
    width: 50%;
    border: 1px solid #d9d9d9;
    margin-right: 20px;
}
 */
/*
.minus {
    margin-right: 20px;
}
*/

 .join_wrap .table li .content .one {
    width: 20px;
    height: 20px;
    font-size: 0px;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    position: relative;
	display:inline-block;
	margin:0 10px
}
 .join_wrap .table li .content input+ label {
	margin:0 10px 0 -10px;
 }

.join_wrap .table li .content .one:after {
    width: 8px;
    height: 8px;
    position: absolute;
    content: "";
	display:block;
    background-color: #e94b47;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
 .join_wrap .table li .content input:checked + label .one:after {
    opacity: 1;
}

 .join_wrap .table li .content input:checked + label .one {
    border: 1px solid #e94b47;
}

.join_wrap .table li .content .radio + .one + label {
    font-size: 15px;
    color: #7a7171;
    font-weight: -0.02em;
    margin: 0px 10px 0px 6px;
}

.join_wrap .table li .select_box {
    position: relative;
    margin-right: 10px;
	display:inline-block
}

.join_wrap .table li .select_box select {
    padding: 10px;
    border: 1px solid #d9d9d9;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 130px;
	background:url('../images/content_01/select_arrow.png') no-repeat;
	background-position:right 5px center;
}

.join_wrap .table li .select_box select::-ms-expand {
    display: none;
}

.join_wrap .table li .birth {
	width:calc(100% - 250px)
}
.join_wrap .table li .birth>div {display:inline-block}
.join_wrap .table li select option {}

.join_wrap .table li .content input[type="button"] {
    border: 1px solid #d9d9d9;
    font-size: 12px;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-right: 10px;
}

.content_select input + label{
	vertical-align:-7px
}

.content_select input + label .one{
	vertical-align:-5px
}
.time {
    font-size: 12px;
    color: #e94b47;
	vertical-align: -5px;
}
.ok {
	font-size: 12px;
    color: #7a7171;
	vertical-align: -5px;
}
.no {
	font-size: 12px;
    color: #e94b47;
	vertical-align: -5px;
}

.join_text {
    font-size: 12px;
    color: #7a7171;
    letter-spacing: -0.025;
	vertical-align: -5px;
}

#checkbox {
    text-align: left;
    border: 1px solid #d9d9d9;
    padding: 20px;
}

#checkbox li {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

#checkbox li:nth-child(1) {
    overflow-y: scroll;
}

#checkbox li:nth-child(2) {
    background-color: #f4f4f4;
    padding: 10px 20px;
}

#checkbox li p {
    font-size: 12px;
    color: #aaaaaa;
}

#checkbox input[id="agree"] + label .text {
    width: 15px;
    height: 15px;
    border: 1px solid black;
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 20px;
}

#checkbox input[id="agree"] + label .agree_sub {
    margin-left: 20px;
    color: #7a7171;
    font-size: 12px;
}

#checkbox input[id="agree"] + label .agree_red {
    color: #e94b47;
    font-size: 12px;
}

#checkbox input[id="agree"]:checked + label .text {
    width: 15px;
    height: 15px;
    border: 3px solid #e94b47;
    display: inline-block;
}

.join_wrap .join_btn{
    background-color: #e94b47;
    color: #fff;
    padding: 18px 0px;
    border-radius: 5px;
    width: 310px;
    margin-top: 40px;
    font-size: 18px;
    letter-spacing: -0.02em;
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
	cursor:pointer
}


/*이메일*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.join_wrap .input_email:after {content: "";display: block;clear: both}
.join_wrap .input_email>div{
	float:left;
}
.join_wrap .input_email .email_box{
	display:table;
	margin-right: 20px;
}
.join_wrap .input_email .email_box input{
	border:1px solid #ddd;
	font-size:14px;
	padding: 10px;
}
 .join_wrap .input_email .email_box > div.gol_s{
	width:24px;
	border:0;
	vertical-align:middle;
	text-align:center;
 }
  .join_wrap .input_email .email_box > div{
	display:table-cell;
	width:calc(100% - 24px /2);
}
.join_wrap .input_email .email_box input {
	width:100%  
 }
.email_select {
	max-width:192px;
	width:100%;
	margin-right:0;
	height:38px
}
.email_select select {
	width:100%;
	border:1px solid #e5e5e5;
	padding:10px;
	color:#333;
	height:100%;
	    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	background:url('../images/content_01/select_arrow.png') no-repeat;
	background-position:right 5px center;
}

.email_select select::-ms-expand {
    display: none;
}




/* join 회원가입 완료 */

.join_2_wrap {
    border: 1px solid #d9d9d9;
    padding: 60px 65px;
    margin: 60px 0px 100px;
}

.join_2_wrap .img {
    width: 100%;
}

.join_2_wrap img {
    margin-top: 100px;

}

.join_2_wrap .title {
    font-size: 30px;
    font-weight: 700;
    margin: 50px;

}

.join_2_wrap .home_btn {
    color: 3b3a39;
    border: 1px solid #3b3a39;
    padding: 10px 30px;
    width: 130px;
    border-radius: 5px;
    margin-bottom: 100px;

}

.join_2_wrap .login_btn {
    background-color: #3b3a39;
    color: white;
    border: 1px solid #3b3a39;
    padding: 10px 30px;
    width: 130px;
    border-radius: 5px;
}



/*마이페이지_01*/

.mypage_wrap {
    border: 1px solid #d9d9d9;
    padding: 60px 65px;
    margin-bottom: 100px;
	margin-top:40px

}

.v3 {
    margin-bottom: 50px;
}

.mypage_v1_wrap .tap_menu.v3 li a {
    font-size: 17px;
    color: #655b5b;
    font-size: 17px;
    letter-spacing: -0.02em;
}

.mypage_v1_wrap .tap_menu.v3 .my_view {
    background-color: #333333;

}

.mypage_v1_wrap .tap_menu.v3 .my_view a {
    color: #ffffff;
}

/*
.tap_menu.v3 li a {
    color: black;
    font-size: 17px;
    width: 100%;
    line-height: 40px;
    background-color: #f4f4f4;
    padding: 4px 0px;
    color: #404040;
}

.tap_menu.v3 .my_view a {
    background-color: #3c3b3a;
    color: white;
}
*/


/*

.tap_menu.v3 li:nth-child(1) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.tap_menu.v3 li:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


*/
.mypage_wrap > div.pc {
    display: block !important;
}

.mypage_wrap .box.v1 {
    border: 6px solid #d9d9d9;
    padding: 30px 30px 30px 0px;
	margin-bottom:30px
}

.mypage_wrap .box.v1 .mypage {
    width: 100%;
}

.mypage_wrap .box.v1 .mypage:after {
    content: "";
    display: block;
    clear: both;
}

.mypage_wrap .box.v1 .mypage > div {
    float: left;
}

.mypage_wrap .box.v1 .mypage > div:first-child {
    width: 260px;
    text-align: center;
}

.mypage_wrap .box.v1 .mypage > div:first-child .name {
    padding: 10px 0 15px;
}

.mypage_wrap .box.v1 .mypage > div:first-child .name span {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.mypage_wrap .box.v1 .mypage > div:first-child .name span:first-child {
    font-weight: 500;
}

.mypage_wrap .box.v1 .mypage > div:first-child .btn_fix {
    display: inline-block;
    width: 120px;
    padding: 7px 0;
    background: #3b3a39;
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.075em;
    border-radius: 5px;
}

.mypage_wrap .box.v1 .mypage > div:last-child {
    border: 1px solid #d9d9d9;
    width: calc(100% - 260px);
    /*    padding:45px 40px;*/
    padding: 4.5% 4%;
}

.mypage_wrap .mypage_box ul {
    /*overflow: hidden*/
}

.mypage_wrap .mypage_box ul li {
    float: left;
}

.mypage_wrap .mypage_box ul li:first-child {
    width: 32%;
}

.mypage_wrap .mypage_box ul li:nth-child(2) {
    width: 32%;
}

.mypage_wrap .mypage_box ul li:last-child {
    width: 36%;

}

.mypage.grid li {
    display: table;
}

.mypage.grid li > div {
    display: table-cell;
    vertical-align: middle;
}

.mypage.grid li div:first-child {
    width: 80px;
}

.mypage.grid li div:first-child img {
    /*    max-width: 100%;*/
}

.mypage.grid li div:last-child {
    width: calc(100% - 80px);
    text-align: left;
}

.mypage.grid li div:last-child span {
    display: block;
	width:100%
}

.mypage.grid li div:last-child span:first-child {
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.mypage.grid li div:last-child span:nth-child(2) {
    font-size: 15px;
    color: #7a7171;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.mypage.grid li div:last-child span.pink {
    position: absolute;
    color: #e94b47;
    border: 1px solid #e94b47;
    width: 55px;
    padding: 2px 0;
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

/*mypage @mi_suuun*/

/*mapage_end*/
/*.mypage_wrap .mypage.flex {
    display: grid;
    grid-template-columns: 1fr 3.5fr;
    grid-gap: 20px;
}

.mypage_wrap .mypage.flex .name {
    font-size: 18px;
    color: #404040;
    letter-spacing: 0.02em;
    font-weight: 400;
}

.mypage.flex .btn_fix {
    background-color: #3c3b3a;
    color: white;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 10px;
}

.mypage_wrap .mypage.flex .ma_icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-bottom: 20px;
}

.mypage.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border: 1px solid #d9d9d9;
    padding: 20px;
    text-align: left;
}
*/
.mypage.table .mypage.title {
   /* display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;*/
}

.mypage.table .mypage.title .more {
    font-size: 12px;
    margin-top: 20px;
    color: #aaaaaa;
}
.mypage.table .mypage.title .more span {
    font-size: 12px;
    color: #aaaaaa;
	line-height:16px;
	padding-left:5px

}

.mypage.grid li img {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-right: 10px;
}

.mypage.grid li span {
    display: block;
    font-size: 15px;
    line-height: 1.3;
    color: #404040;
    letter-spacing: 0.02em;
    font-weight: 400;
}

.mypage.grid li .sb {
    color: #7a7171;
}
.my_mail {
	width:100%!important;
}
.my_mail span {
	display:inline-block!important;
	width:auto!important
}

.mypage.grid li .pink {
    border: 1px solid #e94b47;
    font-size: 12px;
    color: #e94b47;
    padding: 0px 2px;
    display: inline-block;
    margin: 2px 0px;
}



.mypage_wrap .table_grid li {
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    padding: 10px;
    text-align: center;
	width:100%
}
.mypage_wrap .table_grid li:after {content: "";display: block;clear: both}
.mypage_wrap .table_grid li>div {
	float:left;
	width:16.666%
}
.mypage_wrap .table_grid li:first-child {
    border-top: 1px solid black;
}

.mypage_wrap .table_grid li:last-child {
    border-bottom: 1px solid #d9d9d9;
}

.mypage_wrap .table_grid li .title_v1 {
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #404040;
}

.mypage_wrap .table_grid li .sub_v1 {
    color: #7a7171;
    font-size: 15px;
    letter-spacing: -0.02em;
}
.mypage_wrap .sub_v1:last-child {
	margin:-3px 0
}
.mypage_wrap .sub_v1 a {
	color:white;
	padding:5px 15px;
	border-radius:6px;
	background:#3c3b3a;
}
.mypage_wrap .sub_v1 a img {
	margin-top:3px
}
.mypage_wrap .table_grid li .pink {
    font-size: 15px;
    letter-spacing: -0.02em;
}

.mypage_wrap .mobile .box.v2 {
    width: 100%;
    border: 3px solid #d9d9d9;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.mypage_wrap .mobile .box.v2 img {
    display: inline-block;

}

/* 마이페이지_02 이용정보*/

.mypage_notice:after {content: "";display: block;clear: both}
.mypage_notice {
	margin-top:30px;
	padding:20px 40px;
	background:#f4f4f4;
}
.mypage_notice .left {
	float:left;
	font-size:36px;
	font-weight:600
}
.mypage_notice .left b {
	color:#c90910;
	font-size:36px;
	padding-left:10px
}
.mypage_notice .right {
	float:right;
	color:#7a7171;
	padding:13px 0
}
.mypage_notice .right  span {
	font-size:18px;
	padding-left:20px;
}


/* 마이페이지_03 아이디/비밀번호 찾기*/


.mypage_v3_wrap {
    border: 1px solid #d9d9d9;
    padding: 50px;
}

.mypage_v3_wrap .sub_name {
    margin-bottom: 0px;
    color: #333333;
    font-size: 30px;
    letter-spacing: -0.02em;
}

.mypage_v3_wrap .sub_context {
    text-align: center;
    color: #7a7171;
    font-size: 20px;
    font-weight: 300;
}

.mypage_v3_wrap .v3_box {
	margin:0 -10px
}
.mypage_v3_wrap .v3_box:after {content: "";display: block;clear: both}
.mypage_v3_wrap .v3_box>li {
	float:left;
	width:50%;
	padding:0 10px
}
.mypage_v3_wrap .v3_box li>div {
    background-color: #eee;
    padding: 25px;
}

.mypage_v3_wrap .v3_box li .line {
    width: 30px;
    height: 3px;
    background-color: #404040;
    display: inline-block;
    text-align: center;
}

.mypage_v3_wrap .v3_box li .title {
    margin: 10px;
    color: #404040;
    font-size: 20px;
    letter-spacing: -0.02em;
    font-weight: 400;
}

.mypage_v3_wrap .v3_box li input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #d9d9d9;

}

.mypage_v3_wrap .v3_box li .page_btn {
    border-radius: 5px;
    border: 0px;
    padding: 10px;
    background-color: #3c3b3a;
    color: white;
    width: 50%;
    margin-top: 10px;
}


/*mypage_04 회원정보수정 시작*/


.out_btn,
.cor_btn {
    font-size: 18px;
    color: #ffffff;
    padding: 14px 0px;
    max-width: 200px;
	height:56px;
    width: 100%;
    border-radius: 5px;
    border: 0px;
    margin-top: 40px;
	cursor:pointer
}

.out_btn {
    background-color: #717171;
}

.cor_btn {
    background-color: #e94b47;
}
/*mypage_05 회원탈퇴 시작*/


.mypage_v5_wrap {
    border: 1px solid #d9d9d9;
    padding: 60px 65px;
    margin: 60px 0px 100px;

}

.mypage_v5_wrap .mypage_p5.grid {}

.mypage_v5_wrap .mypage_p5.grid li {
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
	width:100%
}
.mypage_v5_wrap .mypage_p5.grid li:after {content: "";display: block;clear: both}
.mypage_v5_wrap .mypage_p5.grid li:last-child {
    border: 1px solid #d9d9d9;
}

.mypage_v5_wrap .mypage_p5.grid li > div {
    float: left;
    /* display: flex; */
    /* align-items: center; */
    /* align-content: center; */
    text-align: left;
}

.mypage_v5_wrap .mypage_p5.grid li .title {
    background-color: #eee;
    padding: 20px 25px 25px;
	width:170px;
}
.mypage_v5_wrap .mypage_p5.grid li:last-child .title {
	height:170px
}
.mypage_v5_wrap .mypage_p5.grid li .contxt {
    padding: 7px 15px;
	width:calc(100% - 170px);
	height:auto
}
.mypage_v5_wrap .mypage_p5.grid li .contxt span {
	display: block;
	padding:10px 0
}
.mypage_v5_wrap .mypage_p5.grid li input {
    width: 50%;
    height: 50px;
    border: 1px solid #d9d9d9;
    background-color: white;
}

.mypage_v5_wrap .mypage_p5.grid li textarea {
    width: 100%;
    padding: 5px;
    height: 150px;
    border: 1px solid #d9d9d9;
	resize: none;
}


/*privacy 개인정보취급방침 시작*/



.con_box {
    margin-top: 40px;
    padding: 30px 30px 30px 20px;
    overflow-y: scroll;
    border: 1px solid #d9d9d9;
    text-align: left;
}

.con_box .title {
    font-size: 17px;
    letter-spacing: -0.02em;
    color: #404040;
}

.con_box .text {
    color: #7a7171;
    letter-spacing: -0.02em font-size: 15px;
    padding: 15px 0px 30px;
}

.con_box .text:last-child {
    padding-bottom: 0px;
}


/*푸터 시작*/

footer {
    width: 100%;
    background-color: #2e2e2e;
    color: #dfdfde;
    position: relative;
}


footer .footer_top {
    border-bottom: .1px solid #4c4b4b;
}

footer .footer_top .pc {
    text-align: left;
    line-height: 60px;
    width: 100%;
}

footer .footer_top .pc li a {
    font-size: 13px;
    color: #dfdfde;
}

footer .footer_top .pc li:last-child a {
    color: #ab9b65;
}

footer .footer_top .pc li a::after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    background: #545455;
    margin: 0 10px;
}

footer .footer_top .pc li a:nth-child(4)::after {
    display: none;
}

footer .footer_bottom {}

footer .footer_bottom .flex {
    margin: 30px 0px 35px;
}

footer .footer_bottom .footer_left {
    text-align: left;
}

footer .footer_bottom .footer_left span {
    font-size: 14px;
}

footer .footer_bottom .footer_left span::after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 11.5px;
    background: #545455;
    margin: 0 5px;
}

footer .footer_bottom .footer_left span:nth-child(5)::after {
    display: none;
}
footer .footer_bottom .footer_left>div span:last-chlid:after {
	display: none;
}
footer .footer_bottom .footer_left .copy_right {
    color: #909090;
}

footer .footer_bottom .footer_left .copy_right::after {
    display: none;
}

footer .footer_bottom .footer_right {}

footer .footer_bottom .footer_right img {}


footer .footer_top .mobile {
    display: none;
}

footer .footer_top .mobile li {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

footer .footer_top .mobile li:nth-child(2),
footer .footer_top .mobile li:nth-child(4) {
    border-right: 0px;
}


footer .footer_top .mobile li a {}
.main_slider2{
	position:static;
}
.slide_box{
	max-width:1300px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	display:none;
}
.sl_bt{
	position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
	transform:translateY(-50%);
	z-index:50;
}
.sl_bt > div{
	background:url(../images/arrow.png)no-repeat center;
	opacity:0.4;
	width:27px;
	height:46px;
}
.sl_bt > div.swiper-button-prev{
	transform:rotateY(180deg);
}
.sl_bt > div:hover{
	opacity:1;
}

.love_content img {
	width: 70px;
    height: auto;
}