body {
	padding: 0 0 calc(constant(safe-area-inset-top) + 5px);
    padding: 0 0 calc(env(safe-area-inset-top) + 5px);
}

.wrap header.no-he {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    position: relative;
    z-index: 100;
	box-shadow: none;
    background-image: none;
}
.wrap header.no-he .header-inner {
    width: 100%;
    max-width: 1200px;
	padding:0 10px;
}
.wrap header.no-he .header-inner .top-line {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.wrap header.no-he .header-inner .top-line .right-area a {
    font-weight: 100;
	font-size:18px;
}
.wrap header.no-he .header-inner .top-line .right-area a:first-child { color:#ff7800; }
.wrap header.no-he .header-inner .top-line .right-area a:last-child {
	margin-left:18px;
	position:relative;
}
.wrap header.no-he .header-inner .top-line .right-area a:last-child::before {
	content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
}
.form-div .form-wrap {
    margin: 166px auto 0 auto;
	padding:0 10px;
}
.form-div { padding-bottom:50px; }

.form-div .form-wrap.type1 {
    margin: 0 auto 163px auto;
	max-width: 568px;
    width: 100%;
}

.form-div .form-wrap.type1 h4 {
    font-size: 30px;
    color: #363636;
    font-weight: 500;
    margin-top: 53px;
    text-align: center
}
.form-div .form-wrap.type2 {
	max-width: 568px;
	width:100%;
    margin: 40px auto 116px auto
}

.form-div .form-wrap.type2 h4 {
    font-size: 30px;
    color: #363636;
    font-weight: 500;
    margin-top: 53px;
    text-align: center
}

.form-div .form-wrap.type2 .agree-comd {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    margin-top: 8px
}

.form-div .form-wrap.type2 .agree-comd>p {
    color: #8f8f8f;
    font-size: 16px
}

.form-div .form-wrap.type3 {
    margin: 100px auto 26px auto;
	max-width: 568px;
    width: 100%;
}

.form-div .form-wrap.type3 h4 {
    font-size: 30px;
    color: #363636;
    font-weight: 500;
    margin-top: 53px;
    text-align: center
}

.form-div .form-wrap.type4 {
    margin: 239px auto 26px auto
}

.form-div .form-wrap.type4 h4 {
    font-size: 30px;
    color: #363636;
    font-weight: 500;
    margin-top: 53px;
    text-align: center
}

.form-div .form-wrap.type5 {
    max-width: 568px;
    width: 100%;
	margin: 0;
}

.form-div .form-wrap.type5 h4 {
	font-size: 30px;
    color: #363636;
    font-weight: 500;
    text-align: center;
    padding-top: 80px;
}

.form-div .form-wrap .top-logo-wrap {
    width: 100%;
    text-align: center
}
.form-div .form-wrap .top-logo-wrap img { max-width:100%; }

.form-div .form-wrap .form-inner.type1 {
    margin-top: 21px
}

.form-div .form-wrap .form-inner.type1 .title {
    margin-top: 23px
}

.form-div .form-wrap .form-inner.type2 {
    margin-top: 44px
}

.form-div .form-wrap .form-inner.type2 .title {
    margin-top: 23px
}

.form-div .form-wrap .form-inner .form-top {
    margin-top: 90px
}

.form-div .form-wrap .form-inner .form-top>span {
    color: #8f8f8f;
    font-size: 16px
}

.form-div .form-wrap .form-inner .form-top>a {
    color: #ff6a00;
    font-size: 16px
}

.input-wrap {
    width: 100%;
    border: 1px solid #eee
}

.input-wrap input,
.input-wrap select {
    width: 100%;
    padding: 13px;
    border: 0 none;
    appearance: none
}

.input-wrap select {
    background-image: url(/skin/site/basic/images/icon/arrow_under_gray.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%
}

.input-wrap.type1 {
    margin-top: 12px
}

.input-wrap.type2 {
    margin-top: 8px
}

.input-wrap.type3 {
    position: relative
}

.go_btn {
    width: 100%;
    margin-top: 17px;
	cursor:pointer;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.go_btn.type1 {
    margin-top: 44px
}

.go_btn button,
.go_btn a {
    background-color: #ff6a00;
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
	border-radius: 10px;
}
.go_btn button.cancel,
.go_btn a.cancel {
    background-color: #ccc;
}

.form-bottom {
    width: 100%;
    display: inline-flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.form-bottom a {
    font-size: 14px;
    color: #8f8f8f
}
.form-bottom a+a {
    margin-left: 14px;
    position: relative
}
.form-div.membership .inner.complete {
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 103px 0;
}

.form-bottom a+a::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%)
}

.form-etc {
    width: 100%;
    margin-top: 50px
}

.form-etc>p {
    font-size: 16px;
    color: #8f8f8f
}

.form-etc>a {
    margin-top: 12px;
    display: block
}

.form-etc>a img {
    width: 100%
}

.agree-all-options {
    margin-top: 38px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.agree-all-options span {
    margin-left: 8px;
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 500
}

.agree-lists-options {
    padding: 5px 0 20px 0
}

.agree-lists-options>li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 24px
}

.agree-lists-options>li .list-text>span {
    color: #4e4e4e;
    font-size: 16px
}

.agree-lists-options>li .list-text>span:first-child {
    margin-left: 8px;
    color: #ff7b22
}

.agree-lists-options>li .list-text>a {
    color: #006acd;
    border-bottom: 1px solid #006acd
}

.input-box.type2 {
    display: flex;
    padding-top: 8px
}

.input-box.type2.input-wrap {
    flex: 1
}

.comment {
    color: #7e7e7e;
    font-size: 14px;
    margin-top: 12px
}

.form-input-box.num2 .input-wrap+.input-wrap {
    margin-left: 8px
}

.btn-go {
    color: #8f8f8f;
    font-size: 16px;
    background-color: #ededed;
    border-radius: 10px;
    padding: 10px 0;
    width: 189px;
    min-width: 189px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
	cursor:pointer;
}

.btn-go.type2 {
    background-color: #b6b6b6;
    color: #fff
}

.code-time {
    position: absolute;
    color: #ff6a00;
    font-size: 14px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.comt2 {
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    padding: 68px 0;
    border: 1px solid #e2e2e2;
    margin-top: 30px
}

.comt2 strong {
    color: #363636;
    font-size: 60px;
    font-weight: bold
}

.comt2>p {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 500;
    margin-top: 27pxi
}

.comt3 {
    margin-top: 25px
}

.comt3 p {
    font-size: 14px;
    color: #9f9f9f
}

.comt4 {
    text-align: center;
    margin-top: 33px;
    font-size: 18px;
    color: #4e4e4e
}

.comt4 span {
    font-weight: bold
}

.comt5 {
	font-size: 16px;
    color: #8f8f8f;
    padding-top: 15px;
    padding-bottom: 50px;
	text-align: center;
}

.comt5 span {
    font-weight: bold
}

.layer-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 101
}

.layer-wrap.show {
    display: flex
}

.layer-wrap .layer-box {
    width: calc(100% - 40px);
    max-width: 800px;
    background-color: #fff;
    padding: 20px;
    position: relative
}

.layer-wrap .layer-box .layer-title {
    font-size: 30px;
    color: #363636;
    font-weight: 600;
    margin-top: 9px
}
.layer-wrap .layer-box .layer-notify-wrap {
	width: 100%;
    margin-top: 30px;
    line-height: 1.6;
	display: flex;
	flex-direction: column;
}
.layer-wrap .layer-box .layer-notify-wrap > li {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.layer-wrap .layer-box .layer-notify-wrap > li + li { margin-top: 10px; }
.layer-wrap .layer-box .layer-notify-wrap > li .label {
	width: 170px;
	font-size: 18px;
	font-weight: bold;
}
.layer-wrap .layer-box .layer-notify-wrap > li .input-wrap textarea {
	width: 100%; height: 240px;
	padding: 10px;
	font-size: 16px;
}
.layer-wrap .layer-box .go_btn.type1 { margin-top: 30px; }
.layer-wrap .layer-box .input-wrap { border-color: #ddd; }

.layer-wrap .layer-box .term-box {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    padding: 10px 15px;
    margin-top: 20px;
    border: 1px solid #ccc;
    line-height: 1.6
}

.layer-wrap .layer-box .term-box ul li {
    display: flex
}

.layer-wrap .layer-box .term-box ul li p {
    flex: 1
}

.layer-wrap .layer-box .term-box ul li p:first-child {
    width: auto;
    max-width: fit-content
}

.layer-wrap .layer-box .term-box p {
    color: #5a5a5a;
    font-size: 16px;
    margin-top: 25px
}

.layer-wrap .layer-box .term-box p.dimb {
    margin-top: 0
}

.layer-wrap .layer-box .term-box .title {
    font-size: 16px;
    color: #424242;
    font-weight: 500
}

.sub-list-notice {
    width: 100%;
    border-bottom: 1px solid #dcdcdc
}

.sub-list-notice .inner {
    display: flex
}

.sub-list-notice .inner a :first-child {
    padding: 12px 18px;
    border: solid #dcdcdc;
    border-width: 0 1px
}

.sub-list-notice .inner .notice-tab {
    display: inline-flex;
    align-items: center;
    padding-left: 20px
}

.sub-list-notice .inner .notice-tab .first-tab {
    padding-right: 22px;
    margin-right: 13px;
    font-size: 14px;
    color: #b2b2b2;
    background-image: url(/skin/site/basic/images/icon/list_next_arrow.png);
    background-size: 8px 9px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.sub-list-notice .inner .notice-tab .next-tab {
    font-size: 14px;
    color: #696969;
    font-weight: bold
}

.sub-list-board.type1 {
    margin-top: 90px
}

.sub-list-board.type2 .list-text-wrap .title {
    font-size: 30px;
	font-weight: bold;
    color: #373737;
	padding: 10px;
	background-color: #f3f3f3;
}

.sub-list-board.type2 .list-text-wrap .text-wrap span {
    padding: 0 20px;
    flex: inherit
}
.sub-list-board.type2 .list-text-wrap .text-wrap span.on {
	color: #ff6d00;
}

.sub-list-board.type2 .list-text-wrap .text-wrap span:first-child {
    padding-left: 0
}

.sub-list-board.type2 .list-text-wrap .list-text-box {
    padding-bottom: 46px
}

.sub-list-board.type3 .list-text-wrap {
    padding: 18px 0
}

.sub-list-board.type3 .list-text-wrap .title {
    font-size: 30px;
    color: #373737
}
.sub-list-board.type2 .list-text-wrap .subtitle {
	font-weight: bold;
	margin-top: 10px;
    border-top: 1px solid #bebebe;
	padding-top: 10px;
}

.sub-list-board.type3 .list-text-wrap .text-wrap span {
    padding: 0 20px;
    flex: inherit
}

.sub-list-board.type3 .list-text-wrap .text-wrap span:first-child {
    padding-left: 0
}

.sub-list-board.type3 .list-text-wrap .list-text-box {
    padding-bottom: 46px
}

.sub-list-board h3 {
    font-size: 30px;
    color: #373737;
    font-weight: 600
}

.sub-list-board .list-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 39px;
    width: 100%
}

.sub-list-board .list-wrap.type2 {
    margin-top: 89px
}

.sub-list-board .list-wrap .img-wrap .content {
    width: inherit;
    position: relative
}

.sub-list-board .list-wrap .img-wrap .content>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.sub-list-board .list-wrap .img-wrap .content img {
    width: inherit
}

.sub-list-board .list-wrap .list-img-wrap {
    position: relative;
    /*width: 492px !important;
    min-width: 492px !important*/
}
.sub-list-board .list-wrap .list-img-wrap.type-view {
	position: relative;
    width: 284px !important;
    min-width: 284px !important;
	margin: 0 0 30px 0;
}

.sub-list-board .list-wrap .list-img-wrap.type2 {
    width: auto !important;
    min-width: auto !important;
    margin-top: 36px
}

.sub-list-board .list-wrap .list-img-wrap+.list-text-box {
    margin-top: 30px
}

.list-btn-wrap .btn-prev,
.list-btn-wrap .btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.list-btn-wrap .btn-prev {
    width: 19px;
    height: 30px;
    background-image: url(/skin/site/basic/images/icon/ico-prev.png);
    background-repeat: no-repeat;
    background-size: 19px 30px;
    left: 10px
}

.list-btn-wrap .btn-next {
    width: 19px;
    height: 30px;
    background-image: url(/skin/site/basic/images/icon/ico-next.png);
    background-repeat: no-repeat;
    background-size: 19px 30px;
    right: 10px
}

.list-text-wrap {
    padding: 10px 0;
    width: 100%;
    margin-left: 50px
}

.list-text-wrap strong {
    font-size: 24px;
    color: #5c5c5c;
    font-weight: 600
}

.list-text-wrap .text-wrap {
    margin-top: 15px;
    display: flex;
    align-items: center
}

.list-text-wrap .text-wrap span {
    color: #898989;
    font-size: 18px;
    padding: 0 22px;
    display: inline-flex;
    justify-content: center;
    position: relative
}
.list-text-wrap .text-wrap span.on {
	color: #ff6d00;
}

.list-text-wrap .text-wrap span:first-child {
    padding-left: 0
}

.list-text-wrap .text-wrap span+span::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #898989;
    top: 3px;
    left: 0
}

.list-text-wrap .shap-text-wrap span {
    font-size: 16px;
    color: #0098b8
}

.list-text-wrap .shap-text-wrap span+span {
    margin-left: 10px
}

.list-text-wrap .shap-text-wrap+p {
    margin-top: 48px
}

.list-text-wrap .shap-text-wrap+p+p {
    margin-top: 30px
}

a.gray-btn, button.gray-btn {
    background-color: #b6b6b6;
    font-size: 14px;
    color: #fff;
    padding: 3px 0;
    border-radius: 8px;
    width: 80px;
    text-align: center
}
a.gray-btn + a.gray-btn {
	margin-top: 5px;
}
.gray-btn.hit {
	background-image: linear-gradient(to left, #ff4200, #ff6d00);
}

.btn-more {
    text-align: center;
    width: 100%;
    margin: auto
}

.btn-more.type1 {
    margin-top: 96px
}

.btn-more.type1 a {
    background-color: #525252;
    font-size: 18px;
    color: #fff;
    padding: 15px 0;
    display: inline-block;
    width: 568px;
    background-image: url(/skin/site/basic/images/icon/ico-more-btn.png);
    background-position: 80% 50%;
    background-repeat: no-repeat;
    background-size: 10px 8px
}

.list-text-wrap {
    padding: 10px 0;
    width: 100%;
    margin-left: 50px
}

.list-text-wrap.type2 {
    margin-left: 0;
}

.list-text-wrap strong {
    font-size: 24px;
    color: #5c5c5c;
    font-weight: 600
}

.list-text-wrap .list-text-box {
    position: relative;
	padding-top: 40px;
	line-height: 1.4;
	color: initial;
}
.list-text-wrap .list-text-box * {
	font-family: 'Dotum';
	text-decoration: initial;
	text-indent: 0;
	/* overflow: visible !important; */
}
.list-text-wrap .list-text-box *:not(.iframe_wrap):not(iframe) {
	height: auto !important;
}
.list-text-wrap .list-text-box a {
	color: -webkit-link;
	text-decoration: underline;
}
.list-text-wrap .list-text-box b, strong {
	font-weight: bold;
}
.list-text-wrap .list-text-box i, em {
	font-style: italic;
}
.list-text-wrap .list-text-box .iframe_wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}
.list-text-wrap .list-text-box iframe {
	max-width: 100%;
}
.list-text-wrap .list-text-box img {
	max-width: 700px !important;
	width: 100%; height: auto;
}

.list-text-wrap .shap-text-wrap { margin-top: 10px; }

/*.list-text-wrap .list-text-box.type2 > p {
    padding-top: 26px
}

.list-text-wrap .list-text-box>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.list-text-wrap .list-text-box p {
    font-size: 16px;
    color: #898989;
    padding-top: 48px
}

.list-text-wrap .list-text-box p+p {
    padding-top: 30px
}

.list-text-wrap .shap-text-wrap span {
    font-size: 16px;
    color: #0098b8
}

.list-text-wrap .shap-text-wrap span+span {
    margin-left: 10px
}*/

.board-ico-list {
    width: 100%;
    display: flex;
    align-items: flex-end;
	margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #bebebe
}
.board-ico-list + .board-ico-list {
	margin-top: 0;
}

.board-ico-list.type2 {
    border-top: none;
    padding-top: 87px
}

.board-ico-list .ico-list-box {
    display: inherit;
    align-items: inherit;
    position: relative
}

.board-ico-list .ico-list-box > a,
.board-ico-list .ico-list-box > button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.board-ico-list .ico-list-box>button.js_board_like.hit {
	background: url(/skin/site/basic/images/icon/ico_board_like_on.png) no-repeat 0% 50%;
	background-size: 33px 36px;
}
.board-ico-list .ico-list-box>button.js_board_like.hit + img {
	opacity: 0;
}

.board-ico-list .ico-list-box span {
    font-size: 16px;
    color: #898989
}
.board-ico-list .ico-list-box.on span {
	color: #ff6d00;
}

.board-ico-list .ico-list-box:nth-child(1) {
    margin-right: 12px
}

.board-ico-list .ico-list-box:nth-child(1) span {
    margin-left: 6px
}

.board-ico-list .ico-list-box:nth-child(2) {
    margin-right: 32px
}

.board-ico-list .ico-list-box:nth-child(2) span {
    margin-left: 6px
}

.board-ico-list .ico-list-box:nth-child(4) {
    margin-right: 23px
}

.board-ico-list .ico-list-box:nth-child(3) {
    margin-right: 23px
}

.board-ico-list .ico-list-box:nth-child(3) span {
    margin-left: 6px
}

.board-ico-list .ico-list-box:nth-child(4) span {
    margin-left: 6px
}

.board-user-layout .inner {
    display: flex;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    padding: 22px 0 50px 0
}

.board-user-layout .inner .user-img {
    width: 90px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center
}

.board-user-layout .inner .txt-wrap {
    flex: 1;
    margin-left: 20px
}

.board-user-layout .inner .txt-wrap p {
    margin-top: 39px;
    font-size: 16px;
    color: #898989
}

.board-user-layout .inner .txt-wrap .txt-top {
    padding-top: 20px
}

.board-user-layout .inner .txt-wrap .txt-top span {
    font-size: 18px;
    color: #898989
}

.btn-close-layer {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 14px;
    height: 14px
}

.btn-close-layer::before,
.btn-close-layer::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #666;
    position: absolute;
    left: 50%;
    top: 0
}

.btn-close-layer::before {
    transform: translateX(-50%) rotate(-45deg)
}

.btn-close-layer::after {
    transform: translateX(-50%) rotate(45deg)
}

.wrap {
    width: 100%;
    min-height: 100vh;
    transition: padding-top .2s
}

.wrap.form-div {
    padding-top: 40px
}

.add_ctt {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.add_ctt+.add_ctt {
    margin-top: 8px
}

.add_ctt span {
    position: relative;
}
.add_ctt span.on { color: #ff6d00; }

.add_ctt span+span::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #9f9f9f;
	margin: 0 5px;
}

.add_ctt.gry {
    color: #9f9f9f
}

.product-img-list {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    position: relative
}

.product-img-list .link-go {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.product-img-list .product-sub {
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px
}

.product-img-list ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.product-img-list ul li {
    width: calc((100% - 80px) /4);
    position: relative;
	margin: 0 10px 57px 10px;
	flex-direction: column;
	align-items: flex-start;
}
.product-img-list ul li.not_list {
	width: 100%;
	align-items: center;
	text-align: center;
	padding: 50px 0;
}

.product-img-list ul li.main-banner-middle {
	width: 100%;
}
.product-img-list ul li .base-link {
	display: block;
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0;
}

.product-img-list ul li .thumb { width: 100%; }
.product-img-list ul li .thumb img {
    width: 100%
}
.product-img-list ul li .thumb img.h_img {
	width: auto; height: 100%;
}
.product-img-list ul li .thumb img.v_img {
	width: 100%; height: auto;
}

.product-img-list ul li>*:not(.thumb):not(.swiper-wrapper) {
    padding-left: 4px
}
.product-img-list ul li .star {
	margin-top: 5px;
}
.product-img-list ul li a {
	width: 100%;
}
.product-img-list ul li h4 {
    padding: 18px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product-img-list ul li h4 + p {
	height: 1.1em;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.product-img-list ul li p + p {
	margin-top: 5px;
}

.product-img-list ul li .date {
    margin-top: 4px;
	color: #9f9f9f;
}
.product-img-list ul li .shap-text-wrap {
	height: 1.1em;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none;
}

.product-img-list ul li .list-btn {
    margin-top: 10px;
    position: relative;
    z-index: 2
}

.product-img-list ul li .btn-prev,
.product-img-list ul li .btn-next {
	opacity: 0;
	transition: opacity .35s;
}

.product-img-list ul li:hover .btn-prev,
.product-img-list ul li:hover .btn-next {
	opacity: 1;
}

.product-img-list .btn-paging {
    width: 100%;
    display: flex;
    justify-content: center
}

.product-img-list .btn-paging .more-btn {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    background-color: #8e8e8e;
    color: #fff;
    border-radius: 10px;
    padding: 8px 70px 9px;
    box-shadow: 2px 4px #b1b1b1;
    position: relative
}

.product-img-list .btn-paging .more-btn::after {
    position: absolute;
    top: 40%;
    right: 14px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(/skin/site/basic/images/icon/arrow_under.png) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    content: ''
}

.ctt-make {
    margin: 31px 0 18px 0;
    width: 100%;
    padding: 39px 33px;
    background-color: #f3f3f3
}

.ctt-make dt .check-list-sub {
    color: #373737;
    font-size: 30px;
    margin-bottom: 15px
}

.ctt-make dt .check-list-explain {
    margin-bottom: 34px;
    font-size: 18px;
    color: #898989
}

.ctt-make dd>select,
.ctt-make dd>input,
.ctt-make dd>textarea{
    width: 390px;
    color: #4e4e4e;
    padding: 15px 16px;
    border-radius: 10px;
    border: 1px solid #b2b2b2;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer
}

.ctt-make dd>select option,
.ctt-make dd>input option {
    color: #919191
}

.ctt-make dd>select+select,
.ctt-make dd>input+select {
    margin-left: 14px
}

.ctt-make dd>select[type=date],
.ctt-make dd>input[type=date] {
    flex: 1
}

.ctt-make dd.schedule {
    width: 100%;
    display: flex;
    padding-right: 36px
}

.ctt-make dd.schedule select,
.ctt-make dd.schedule input {
    color: #4e4e4e;
    flex: 1
}

.ctt-make dd.schedule>select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/skin/site/basic/images/icon/ico_select.png);
    background-repeat: no-repeat;
    background-position: right 16px top 50%
}

.ctt-make dd.schedule>input[type=date] {
    margin-left: 14px;
    position: relative;
    background-image: url(/skin/site/basic/images/icon/ico_calendar2.png);
    background-repeat: no-repeat;
    background-position: right 16px top 50%
}

.ctt-make dd.schedule>input[type=date]::-webkit-inner-spin-button,
.ctt-make dd.schedule>input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none
}

.ctt-make dd.schedule>button {
    margin-left: 14px;
    width: 160px;
    background-image: linear-gradient(0deg, #e89f01, #ffae00);
    border-radius: 10px;
    font-size: 16px;
    color: #fff
}

.ctt-make dd.input-info-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.ctt-make dd.input-info-area>input {
    width: 390px;
    margin-bottom: 13px;
    margin-right: 12px
}

.ctt-make dd.input-info-area>input:required {
	background-image: url(/skin/site/basic/images/icon/ico_required.png);
    background-repeat: no-repeat;
    background-position: right 10px top 10px
}

.ctt-make dd.input-check-list {
    display: flex;
    flex-wrap: wrap
}

.ctt-make dd.input-check-list label {
    margin-right: 40px;
    margin-bottom: 20px
}

.ctt-make dd.input-check-list label .icon {
    margin-right: 11px
}

.ctt-make dd.input-check-list label span {
    font-size: 16px
}

.ctt-make dd.input-check-list label.radio {
    margin-bottom: 0
}

.ctt-make dd.etc-input {
    margin-top: 32px
}
.ctt-make dd.etc-input > input { width: 100%; }
.ctt-make dd.etc-input > textarea {
    width: 100%;
    height: 232px;
    padding: 15px 16px;
    font-size: 16px
}

.ctt-make+article {
    margin-top: 31px
}

.check-list {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.check-list.type1 {
    margin-top: 46px;
    margin-bottom: 114px
}

.check-list .notify-area {
    font-size: 16px;
    margin-bottom: 100px;
	position: relative;
}
.check-list .notify-area .term-content-box {
	font-size: 14px;
	line-height: 1.5;
	padding: 0 10px 10px 10px;
}
.check-list .notify-area .go_agree {
	position: absolute;
	top: 0px; left: 350px;
	color: #006acd;
    border-bottom: 1px solid #006acd;
}
.check-list .notify-area label {
    display: flex;
    align-items: center
}

.check-list .notify-area label i {
    margin: 0 10px
}

.check-list .notify-area p {
    margin-top: 39px;
    line-height: 24px
}

.check-list .common-btn {
    justify-content: center;
    display: flex
}

.check-list .common-btn a {
    font-size: 18px;
    width: 568px;
    height: 52px;
    background-color: #525252;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center
}

.event-list {
    width: 1200px;
    margin: 0 auto
}

.event-list h2 {
    margin-top: 43px;
    font-size: 30px;
    margin-bottom: 52px;
    font-weight: 600;
    color: #373737
}

.event-list ul li {
    border-bottom: 1px solid #898989;
    padding-bottom: 48px;
    margin-bottom: 39px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.event-list ul li .title {
    color: #373737
}

.event-list ul li .list-text-wrap {
    padding: 10px 0;
    width: 600px;
    margin-left: 0
}

.event-list ul li .list-text-wrap .link-go {
    width: auto;
    height: auto;
    background-color: transparent
}

.event-list ul li .list-text-wrap .text-wrap {
    margin-top: 20px;
    margin-bottom: 30px
}

.event-list ul li .list-text-wrap .text-wrap span {
    font-size: 18px;
    position: relative
}

.event-list ul li .list-text-wrap .text-wrap span+span {
    border: none
}

.event-list ul li .list-text-wrap .text-wrap span+span::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #898989;
    top: 3px;
    left: 0
}

.event-list ul li .list-text-wrap p {
    font-size: 18px
}

.event-list ul li .list-text-wrap p+p {
    margin-top: 6px
}

.event-list ul li a {
    width: 160px;
    height: 40px;
    background-color: #b6b6b6
}

.event-detail-page {
    padding-bottom: 53px
}

.event-detail-page ul li {
    padding-bottom: 0;
    border-bottom: 1px solid #bebebe
}

.event-detail-page .detail-page-ctt {
    font-size: 18px;
    color: #848484;
    line-height: 30px
}

.event-detail-page .detail-page-cmt {
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    margin-top: 53px;
    margin-bottom: 21px;
    padding: 28px 0 28px 13px
}

.event-detail-page .detail-page-cmt span {
    font-size: 18px;
    color: #898989
}

.event-detail-page .detail-page-cmt2 {
    margin-left: 9px
}

.event-detail-page .detail-page-cmt2 ul {
    display: flex;
    flex-direction: row
}

.event-detail-page .detail-page-cmt2 ul li {
    border-bottom: none
}

.event-detail-page .detail-page-cmt2 ul li img {
    margin-right: 30px
}

.event-detail-page .detail-page-cmt2 ul li.page-comment {
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: 18px;
    color: #898989
}

.event-detail-page .detail-page-cmt2 ul li.page-comment .account_info {
    display: flex;
    flex-direction: row;
    margin: 15px 0 42px
}

.event-detail-page .detail-page-cmt2 ul li.page-comment .account_info p {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18px
}

.event-detail-page .detail-page-cmt2 ul li.page-comment .account_info p+p::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #898989;
    top: 20px;
    left: 0
}

.event-detail-page .detail-page-cmt2 ul li.page-comment .account_info p:first-child {
    padding-left: 0
}

.event-detail-page .detail-page-cmt2 ul li.page-comment p {
    line-height: 25px
}

.paginate-wrap {
    margin-top: 78px;
    text-align: center;
    padding-bottom: 50px;
    display: flex;
    justify-content: center
}

.paginate-wrap>ul {
    display: flex;
    flex-direction: row
}

.paginate-wrap>ul>li a {
    display: inline-block;
    vertical-align: middle;
    color: #000
}

.paginate-wrap>ul>li a.num {
    width: 28px;
    height: auto;
    font-size: 18px;
    color: #666666;
    border: 1px solid #666666;
    padding: 7px 0;
    line-height: 12px;
    margin: 0 6px;
    background-color: transparent;
    border-radius: 0
}

.paginate-wrap>ul>li a.num.on {
    background-color: #7d7d7d;
    color: #fff
}

.paginate-wrap>ul>li a.btn {
    width: 28px;
    height: 28px
}

.paginate-wrap>ul>li a.btn.first_btn {
    background: url(/skin/site/basic/images/icon/first_btn.png) no-repeat center
}

.paginate-wrap>ul>li a.btn.prev_btn {
    background: url(/skin/site/basic/images/icon/prev_btn.png) no-repeat center
}

.paginate-wrap>ul>li a.btn.next_btn {
    background: url(/skin/site/basic/images/icon/next_btn.png) no-repeat center
}

.paginate-wrap>ul>li a.btn.last_btn {
    background: url(/skin/site/basic/images/icon/last_btn.png) no-repeat center
}

.checkbox {
    display: inline-flex;
    flex-direction: row;
    align-items: center
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]+.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #acacac;
    position: relative
}

.checkbox input[type=checkbox]+.icon::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    border: solid #e50012;
    border-width: 0 0 2px 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%) rotate(-45deg);
    position: absolute;
    opacity: 0;
    transition: opacity .1s
}

.checkbox input[type=checkbox]:checked+.icon::before {
    opacity: 1
}

.radiobox {
    display: inline-flex;
    flex-direction: row;
    align-items: center
}

.radiobox input[type=radio] {
    display: none
}

.radiobox input[type=radio]+.icon {
    display: inline-flex;
    width: 25px;
    height: 25px;
    min-width: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.radiobox input[type=radio]+.icon::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #373737;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .1s
}

.radiobox input[type=radio]:checked+.icon::before {
    opacity: 1
}

.ctt-make .btn-write-mytour {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    padding: 0 13px;
    background-image: linear-gradient(to left, #ff4200, #ff6d00);
    border-radius: 8px;
    font-size: 15px;
    color: #fff;
    box-shadow: 1px 2px 0px rgb(0 0 0 / 20%);
	margin-left: 14px;
}
.ctt-make .btn-write-mytour::before {
	content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/skin/site/basic/images/icon/ico_bag.png) no-repeat 50% 50%;
    margin-right: 7px;
	vertical-align: middle;
}

.star {
	display: inline-flex;
	flex-direction: row;
}
.star img {
	width: 17px;
    height: 17px;
    vertical-align: top;
}

input[type='date']::before {
	content: attr(data-placeholder);
	width: 100%;
}

input[type='date'].valid::before {
	display: none;
}

.naver-test-alert {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 12px;
	margin-top: 2px;
	position: relative;
}
.naver-test-alert::before {
	content: '';
	display: inline-block;
	width: 10px; height: 10px;
	border: solid #ccc;
	border-width: 1px 1px 0 0;
	background-color: #fff;
	position: absolute;
	top: -6px; left: 20%;
	transform: rotate(-45deg);
}

.review_files {
	margin-top: 5px;
}
.review_files .notice {
	font-size: 12px;
	color: #ff6d00;
	margin-top: 5px;
}
.review_point {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
}
.review_point input {
	width: 100%; max-width: 140px;
	height: 28px;
	border: 1px solid #ddd;
	padding: 0 5px;
}
.review_point span {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.btn-review {
	display: inline-block;
	font-size: 11px;
	padding: 2px 5px;
	border: 1px solid #ddd;  
	margin-left: 5px;
}
.review-img {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.review-img img {
	max-width: 100px; max-height: 100px;
	width: auto; height: auto;
	margin: 5px;
	cursor: pointer;
}

.small-tab {
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}
.small-tab > li {
	padding: 5px 10px;
	font-size: 16px;
}
.small-tab > li.on,
.small-tab > li.on a {
	font-weight: bold;
	color: #ff6d00;
	text-decoration: underline;
}
.my_thumbs {
	margin-top: 10px;
	display: flex;
}
.my_thumbs > li + li {
	margin-left: 5px;
}
.lineup-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.comment-section {
	display: flex;
	flex-direction: column;
}
.comment-tab {
	display: flex;
	border-bottom: 1px solid #ddd;
}
.comment-tab > li {
	margin-bottom: -1px;
}
.comment-tab > li button {
	padding: 10px 30px;
	font-size: 15px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	margin-right: -1px;
	color: #999;
	position: relative;
}
.comment-tab > li button.active {
	font-weight: bold;
	background-color: #ff6d00;
	color: #fff;
}
.comment-tab > li button.active::after {
	content: '';
	width: 100%; height: 2px;
	background-color: #ff6d00;
	position: absolute;
	bottom: -1px; left: 0;
}
.comment-content {
	display: none;
}
.comment-content.active {
	display: block;
}
.comment-section + .nextprev { margin-top: 50px; }

.review-image-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0; left: 0;
	z-index: 9999;
	width: 100%; height: 100%;
	background-color: rgba( 0, 0, 0, .5 );
}
.review-image-wrap > .inner {
	display: block;
	max-width: 90%; max-height: 90%;
}
.review-image-wrap > .inner img {
	width: auto; height: auto;
	max-width: 100%; max-height: 100%;
}
.go_review, .go_comment {
	cursor: pointer;
}

aside {
	position: fixed;
	bottom: 10%; left: 50%;
	z-index: 998;
	transform: translateX(-50%);
	margin-left: 700px;
}
aside .btn-go-top {
	width: 50px; height: 50px;
	border-radius: 50%;
	background-color: #ff6d00;
	color: #fff;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateY(40px);
	transition-property: opacity, transform;
	transition-duration: .25s;
}
aside .btn-go-top.show {
	opacity: 1;
	transform: translateY(0);
}
aside .btn-go-top::before {
	content: '';
	display: inline-block;
	width: 17px; height: 11px;
	background: url(/skin/site/basic/images/icon/ico_go_top.png) no-repeat 50% 50%;
	margin-bottom: 5px;
}
.product-img-list.type2 > ul > li,
.product-img-list.type2 > ul > li .thumb-slide,
.product-img-list.type3 > ul > li a.link-go {
	height: 280px;
}
.product-img-list.type2 ul li {
	margin: 0 10px 20px 10px;
}

.main-section-title {
    color: #373737;
    font-size: 22px;
    font-weight: 600;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.main-section-title > .title-icon {
	width: auto; height: 26px;
	margin-left: 5px;
}
.red { color: #ee1100 !important; }
.photo-image { padding: 0 10px; }
.photo-image + .photo-image { margin-top: 10px; }
.photo-image img {
	max-width: 100% !important;
	width: auto; height: auto;
}


main.main .top-tap-section .tab-content-wrap .tab-content-box>li .thumb,
main.main .main-photo-latest .main_myphoto>ul>li, 
main.main .main-sns-section .sns-wrap li {
	border-radius: 10px;
	overflow: hidden;
}

.membership-wrap {
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.membership-wrap .link-list {
	width:100%;
	height:100%;
	display:inline-flex;
	justify-content:flex-end;
}

.js_join_form .input-box { height:auto; }

.surveyArea {
	position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    flex-direction: column;
	z-index:9999;
}
.surveyArea .dimb {
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0, 0.7);
	padding:0 10px;
}
.surveyArea .dimb .member-layer-div {
    max-width: 568px;
    width: 100%;
	min-height: calc(100vh - 365px);
    background-color: #fff;
    display: flex;
    flex-direction: column;
	justify-content: center;
    border-radius: 10px;
    align-items: center;
    padding: 30px;
    
}
.surveyArea .dimb .member-layer-div .layer-center { width:100%; }
.surveyArea .dimb .member-layer-div .member-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 0;
}
.surveyArea .dimb .member-layer-div .member-img img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.surveyArea .dimb .member-layer-div h5 {
	font-size: 30px;
    color: #363636;
    font-weight: 300;
	padding-bottom:10px;
}
.surveyArea .dimb .member-layer-div .member-select-wrap { 
	width:100%; 
	height:auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}
.surveyArea .dimb .member-layer-div .btn-wrap {
	width: 100%;
    padding-top: 20px;
}
.surveyArea .dimb .member-layer-div .btn-wrap .btn {
	width: 100%;
    height: 100%;
    background-color: #ff8a00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    height: 40px;
    border-radius: 10px;
}
.viewer {
	text-align: start;
    height: 52px;
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 0 20px;
    color: #afafaf;
    font-size: 18px;
	background-image: url(../images/icon/arrow_under_gray.png);
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
}
.select-custom-layer.active {
	opacity:1;
	pointer-events: all;
}
.select-custom-layer {
	opacity:0;
	pointer-events: none;
	transition:all .3s
}
.select-custom-layer {
    width: 100%;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    background-color: #fff;
    height: 100px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    color: #afafaf;
    font-size: 18px;
}

.select-custom-layer li {
    padding: 10px 20px;
}
.surveyArea .dimb .member-layer-div .member-select-wrap .label_design {
	width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
}
.surveyArea .dimb .member-layer-div .label_design input { display:none; }
.box-select-wrap {
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 20px;
    max-width: 466px;
    min-height: 380px;
    height: calc(100% - 120px);
    overflow-y: auto;
    width: 100%;
    flex: 1;
}
.box-select-wrap li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    position: relative;
    min-height: 50px;
}
.box-select-wrap li label {
    text-align: center;
    width: 100%;
    height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.box-select-wrap li label .won {
	position: absolute;
	width:100%;height:100%;
	top:0; left:0;
	transition:all .35s;
}
.box-select-wrap li label input[type="radio"] + .won::before {
	content: '';
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.box-select-wrap li label input[type="radio"]:checked + .won::before {
    background-color: #ff8a00;
	border: 0 none;
}
.box-select-wrap li label input[type="radio"]:checked .text { color:#fff; }


.box-select-wrap li .img-box {
	border: 1px solid #e2e2e2;
    width: 100%;
	height:125px;
    border-radius: 10px;
    background-color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}
.box-select-wrap li .img-box img {
	width:auto; height:auto;
	max-width:100%;
}
.box-select-wrap li .text {
    color: #363636;
    font-size: 18px;
	width:100%;height:100%;
	display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
.wrap main .prd-list .prd-box .img  { 
   height: 250px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.wrap main .prd-list .prd-box .img img { 
	width: auto;
    height: auto;
    max-width: 100%;
}
.wrap main .prd-list.type2.content {
	background-color:transparent !important;
	border:none  !important;
}
.wrap .profile-image { max-width:50px; width:100%; }
.wrap .profile-image img { max-width:100%; width:auto; height:auto; }

/* °Ô½ÃÆÇ °øÅë */
.board-table-wrap ul { display:flex; align-items:center; }
.board-table-wrap ul li { 
	height:50px;     
	display: flex;
    align-items: center;
    justify-content: center;
	
}
.board-table-wrap ul .b-num { max-width:80px; width:100%; text-align:center; }
.board-table-wrap ul .tit_box { flex:1;  }
.board-table-wrap ul .who { max-width:120px; width:100%;text-align:center;  } 
.board-table-wrap ul .date { max-width:120px; width:100%;text-align:center;  } 
.board-table-wrap ul .hit { max-width:80px; width:100%; text-align:center; }

/* °Ô½ÃÆÇ ³×ÀÓ */
.board-table-wrap ul.board-naming li {
	border-bottom:1px solid #ccc; color:#666;
}

/* °Ô½ÃÆÇ ÄÜÅÙÃ÷ */
.board-table-wrap ul.subject-wrap {
    display: flex;
    width: 100%;
	min-height: 50px;
    flex-direction: column;
}
.board-table-wrap.event ul.subject-wrap { height:auto; }
.board-table-wrap.event ul.subject-wrap li { height:auto; }
.board-table-wrap.event ul.subject-wrap li .right-box .img-text-wrap { flex:1; display:flex; align-items:center; }

.board-table-wrap .subject-wrap li { position:relative; width:100%; border-bottom:1px solid #ddd; color:#999; }
.board-table-wrap .subject-wrap li .right-box { flex:1; display:flex; align-items:center; }
.board-table-wrap .subject-wrap li .right-box p { color:#999; }
.board-table-wrap .subject-wrap li .right-box .tit_box {  padding: 16px 0 16px 10px; }
.board-table-wrap .subject-wrap li .right-box .tit_box .tt { 
	color:#333; 
    height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.board-table-wrap .subject-wrap li .detail-go { position:absolute; }
.wrap .c_btnbox li { margin:5px 0; }
.wrap .c_board_view .file_down .link { height:auto; }
.comment-section { padding:0 10px; }
.reply_form .textarea_design { padding-right:60px; }
input[type='date'] { position:relative; }
input[type='date']::-webkit-calendar-picker-indicator {
	position:absolute;
	left:0; top:0; width:100%; height:100%;
	background:transparent;
	color:transparent;
	cursor:pointer;
	background-image:url(/skin/site/basic/images/icon/ico-calendar.png);
	background-size:18px;
	background-repeat:no-repeat;
	background-position:right 10px top 50%;
}
.wrap .sub-container .mypage-wrap form .mypage-inner .info-list-section .mypage-menu>ul>li.hit>a { color:#5b2600 }
.replay-btns { padding: 5px 0 5px 0; }
.replay-btns button {
    border: 1px solid #ff6d00;
    padding: 4px 8px;
    color: #fff;
    background-color: #ff6d00;
	border-radius: 5px;
}

.board-table-wrap ul.notice-wrap {
	height: auto;
    display: flex;
    align-items: center;
    width: 100%;
}
.board-table-wrap ul.notice-wrap li {
	width:100%;
	display:flex;
	align-items: center;
}
.board-table-wrap ul.notice-wrap li .top {}
.board-table-wrap ul.notice-wrap li .top .b-num {}
.board-table-wrap ul.notice-wrap li .top .top-view-num { display:none; }
.board-table-wrap ul.notice-wrap li .img-wrap {}
.board-table-wrap ul.notice-wrap li .btm-view-num {}

.schedule-btn-wrap .img { width:104px; text-align:center; }

.wrap .sub-container .mypage-wrap form .mypage-inner .info-list-section { height:100%; }

.mapage-main-section .mypage-modify {
	max-width: 1200px;
    width: 100%;
    border-top: 1px solid #000;
    margin: 0 auto;
}
.mapage-main-section .mypage-modify .my-line { border-bottom: 1px solid #ddd; }
.mapage-main-section .mypage-modify .my-line .my-line-box {
	display: flex;
    align-items: center;
    width: 100%;
	background: #f5f5f5;
}
.mapage-main-section .mypage-modify .my-line .my-line-box.user-id .input-box input { max-width:200px; }
.mapage-main-section .mypage-modify .my-line .my-line-box.user-name .input-box input { max-width:120px; }
.mapage-main-section .mypage-modify .my-line .my-line-box.user-date .input-box input { max-width:120px; }
.mapage-main-section .mypage-modify .my-line .my-line-box.profile {}
.img-input { padding:10px 20px; }
.img-input .input-wrap {
	display: flex;
    border: none;
    align-items: flex-start;
    flex-direction: column;
}
.img-input .input-wrap .fakeFileTxt {
	padding:0
}
.img-input .input-wrap .fileDiv {
    display: flex;
    justify-content: flex-start;
}
.img-input .input-wrap .fileDiv .buttonImg {
	padding: 0;
    max-width: initial;
    width: auto;
}
.img-input .input-wrap .input-box {
	padding:0; width:auto;
}
.img-input .input-wrap .input-box input {
	border:none !important;
}
.mapage-main-section .mypage-modify .my-line .my-line-box.profile .top-c { font-size:12px; color: #b7b7b7; }
.cent-c { font-size:12px; color:#999; }

.mapage-main-section .mypage-modify .my-line .my-line-box .label {
	max-width: 150px;
    width: 100%;
    padding: 10px 15px;
    background: #f5f5f5;
    vertical-align: middle;
	color: #666;
    font-weight: 400;
    letter-spacing: -0.5px;
    padding-left: 15px;
    position: relative;
}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box { flex: 1;background: #fff; }
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns {
	display:flex;
	padding: 10px 20px;
	gap: 10px;
}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns {
	width:160px;
	height:80px;
	opacity:.5;
}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns a {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;

}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns.naver a { background-color:#36ac36; }
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns.kakao a { background-color:#ffeb00; } 
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns:hover {
	opacity:1;
}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns.naver span { 
	color:#fff;
	background-image:url(/skin/site/basic/images/icon/ico-sns-naver.png);
	background-repeat: no-repeat;
    background-position: 50% 0;
	padding: 30px 10px 0px 10px;
	width: 100%;
    height: 100%;
    text-align: center;
}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns.kakao span {
	color:#3b1e1e;
	background-image:url(/skin/site/basic/images/icon/ico-sns-kakao.png);
	background-repeat: no-repeat;
    background-position: 50% 0;
	padding: 30px 10px 0px 10px;
	width: 100%;
    height: 100%;
    text-align: center;
}

.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns button {
	width: 160px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns button span {
	padding-top:37px;
}

.mapage-main-section .mypage-modify .my-line .my-line-box .content-box .input-box { 
    height: auto;
    padding: 10px 20px;
}
.mapage-main-section .mypage-modify .my-line .input-comm {
	padding-left: 16px;
	padding-top:7px;
    color: #999;
    position: relative;
}
.mapage-main-section .mypage-modify .my-line .input-comm::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 13px;
    height: 13px;
	background-image:url(/skin/site/basic/images/icon/ico-join-tip.gif);
}
.mapage-main-section .mypage-modify .my-line .input-comm {}
.mapage-main-section .mypage-modify .my-line .my-line-box .content-box .input-box input {
    font-size: 13px;
    border: 1px solid #ddd;
    background: #fff;
    height: 30px;
    box-sizing: border-box;
    padding: 4px 10px 6px;
    border-radius: 0;
	color: #666;
}
.mapage-main-section .mypage-modify .my-line.one-row {}
.mapage-main-section .mypage-modify .my-line.twin-row {
	display: flex;
    align-items: center;
}



@media ( max-width:1200px ) {
	.c_form table tr {
		width: 100%;
	    display: flex;
		flex-direction: column;
	}
	.mapage-main-section .mypage-modify .my-line.twin-row { flex-direction: column; }
}
@media ( max-width:1000px ) {
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box .input-box input {
		max-width:200px;
	}
}

@media ( max-width:920px ) {
	.wrap header.no-he .header-inner .top-line .right-area a { font-size:14px; }
	.form-div .form-wrap.type2 { margin:50px auto; }
	.form-div .form-wrap .top-logo-wrap { max-width:200px; margin:0 auto; }
	.form-div .form-wrap.type2 h4 { margin-top:25px; font-size:14px; }
	.agree-all-options { margin-top:25px; }
	.agree-all-options span { font-size:14px; }
	.form-div .form-wrap.type2 .agree-comd { padding:20px 0; }
	.form-div .form-wrap.type2 .agree-comd>p { font-size:14px; }
	.agree-lists-options li { font-size:14px; }
	.go_btn a{ padding:10px 0; font-size:14px; height:42px; }
	.layer-wrap .layer-box .layer-title { font-size:18px; padding-bottom:10px; }
	.layer-wrap .layer-box .term-box p { font-size:14px; }
	.form-div .form-wrap.type3 { margin:50px auto; }
	.form-div .form-wrap.type3 h4 { font-size:15px; margin-top:25px; }
	.form-div .form-wrap .form-inner.type2 { font-size:14px; }
	.btn-go { min-width: auto; width:100%; max-width:130px; font-size: 14px; }
	.surveyArea .dimb .member-layer-div h5 { font-size:18px; padding-bottom: 5px; }
	.surveyArea .dimb .member-layer-div .member-img { padding:20px 0; }
	.surveyArea .dimb .member-layer-div .member-select-wrap {}
	.viewer { height: 45px; font-size:14px; }
	.select-custom-layer { font-size:14px; }
	.form-div .form-wrap.type5 h4 { font-size: 18px; padding-top: 40px; }
	.comt5 { font-size:14px; padding-top:7px; padding-bottom:25px; }
	.box-select-wrap li .text { font-size:14px; }
	.comment-section { font-size:14px; padding-top:30px;}
	.reply_list .conts { font-size:14px; };
	
	

}
@media ( max-width:720px ) {
	.c_board_list .board-naming .tit_box { justify-content: center; }
	.board-table-wrap ul li { font-size:14px; }
	.board-table-wrap ul .b-num { max-width:40px; }
	.board-table-wrap.event ul.subject-wrap li .b-num { 
		display: none;
	}
	.board-table-wrap ul.board-naming .who { display:none; } 
	.board-table-wrap ul.board-naming .date { display:none; } 
	.board-table-wrap ul.board-naming .hit { display:none;}
	.board-table-wrap.event ul.board-naming .hit { display:none;}
	.board-table-wrap ul.subject-wrap { height:auto; }
	.board-table-wrap ul.subject-wrap li { height:auto; align-items: flex-start; padding-bottom: 10px; }
	.board-table-wrap .subject-wrap li .right-box {
		display: block;
	}
	.board-table-wrap.event ul.subject-wrap li .right-box { display:flex; align-items:center; }
	.board-table-wrap.event ul.subject-wrap li .right-box .img-text-wrap {
		flex-direction: row;
	}
	.board-table-wrap.event ul.subject-wrap li { height: 100px; }
	.board-table-wrap .subject-wrap li .b-num {
		padding: 16px 0 0 0;
	}
	.board-table-wrap .subject-wrap li .event_thumb {
		max-width: 80px;
	}
	.board-table-wrap .subject-wrap li .event_thumb img {
		width: auto; height: auto;
		max-width: 100%; max-height: 100%;
	}
	.board-table-wrap .subject-wrap li .right-box .tit_box { padding: 16px 0 0px 10px; }
	.board-table-wrap .subject-wrap li .right-box .tit_box .tt { font-size:14px; }
	.board-table-wrap ul .who { text-align:start; font-size:12px; } 
	.board-table-wrap ul .date {     
		display: inline-block;
		max-width: max-content; 
		font-size:12px;
	} 
	.board-table-wrap.event ul .hit::after { display:none }
	.board-table-wrap ul .hit { display: none; max-width: max-content; padding-left:10px; position:relative;font-size:12px; }
	.board-table-wrap ul .hit::after {
		content:'';
		display:inline-flex;
		position:absolute;
		top:50%;    
		transform: translateY(-50%);
		left: 4px;
		width:1px; height:10px; 
		background-color:#999;
	}
	.reply_list .name { margin-right: 3px; }
	.reply_list .btn_delete { margin: 1px 0 0 4px; }
}

@media ( max-width:600px ) {
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns { justify-content: center; }
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns span { font-size:12px; }
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box .input-box input {
		max-width:100%;
		width:100%;
	}
	.wrap .sub-container .mypage-wrap form .mypage-inner .info-list-section { height:auto !important; }
	.mapage-main-section .mypage-modify .my-line .my-line-box {
		align-items: flex-start;
		flex-direction: column;
	}
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box {
		width:100%;
	}
	.mapage-main-section .mypage-modify .my-line .my-line-box .label {
		font-size:12px;
	}
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box .input-box {
		padding: 10px 5px;
	}
	.img-input {
		padding: 10px 5px;
	}
	.mapage-main-section .mypage-modify .my-line .input-comm { font-size: 12px; }
	.c_complete .complete_box { padding:20px; }
}
@media ( max-width:500px ) {
	.input-box.type2 { flex-direction: column; }
	.input-box.type2 .btn-go { margin-left:0; margin-top:10px; }
	.input-box.type2 .btn-go a { font-size:14px; }
	.box-select-wrap { gap:10px; }
	.box-select-wrap li { width:100% }
	.box-select-wrap li .img-box { padding:10px; }
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns {
		justify-content: center;
	}
	.mapage-main-section .mypage-modify .my-line .my-line-box .content-box.sns .id-link-sns button {
		width: 100px;
	}
	.c_btnbox {
	    margin-top: 15px;
	}
	.c_btnbox ul {
	    display: flex;
		flex-direction: column;
		margin-left:0
	}
	.wrap .c_btnbox ul li a {
		width: 100%;
		height: 39px;
		line-height: inherit;
		padding: 0;
		letter-spacing: inherit;
		font-size: 15px !important;
		margin-left:0
	}
	.c_mypage .leave_form .form {
		display: flex;
		justify-content: center;
		gap: 10px;
		padding: 0 10px;
		flex-direction: column;
		align-items: flex-start;
	}
	.c_mypage .leave_form .form ul { width:100%; }
	.c_mypage .leave_form .input_design {
		    width: 100%;
    min-width: inherit;
	}
	.c_mypage .leave_form .btn_find {
	    position: static;
		max-width: 100%;
		width: 100%;
		font-size: 14px;
		height: 39px;
	}
		.c_user_guide {
		padding-top: 148px;
		background-position: 50% 43px;
		padding-left: 0;
	}
	.c_user_guide .guide_box {
		padding:20px;
	}
	.c_user_guide dd { font-size:14px; }
	


}
@media ( max-width:400px ) {
	.c_mypage .leave_form .form ul { width: 100%; }
	.c_mypage .leave_form .input_design {
		min-width: inherit;
		max-width: 100%;
		width: 100%;
	}

}