@charset "utf-8";
/* contents */
body{overflow:hidden;opacity:0;transition:opacity 0.6s ease}
body.open{opacity:1;}

/* iframe,
object,
video,
embed{position:absolute;top:0;left:0;width:100%;height:100%} */

#m_p_player iframe,
#m_p_player object,
#m_p_player video,
#m_p_player embed{position:absolute;top:0;left:0;width:100%;height:100%}
#m_p_player{position:relative;padding-top:59.25%;z-index:1000;}
#m_p_player {position: relative; padding-top: 37.25%; margin: 0 auto; max-width: 66%; z-index:1000;}
#m_p_player .v_i{position:absolute;top:0;left:0;width:100%;height:100%}
#m_p_player .v_i video {padding: 2%; width: calc(100% - 4%);}
#m_p_player .btn_close{position:absolute;top:-40px;right:0px}
#m_p_player .v_i iframe video {margin: 0 !important; width: 100%!important;}
#avPop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50000000000000;display:none;overflow-y:auto;background:rgba(0,0,0,0.7);}
#avPop .av_wrap {position:absolute;display:table;width:100%;height:100%;vertical-align:middle;z-index:10}
#avPop .av_wrap .av_con{display:table-cell;vertical-align:middle;width:100%;padding:50px}
#avPop .av_wrap .av_con > div{position:relative;max-width:1280px;margin:0 auto}
/* //영상// */

.intro {position: absolute; overflow:hidden;}
.intro .txt_wrap{position:relative;top:0;left:0;width:100%;height:100%;z-index:50}
.intro .txt_wrap .obj01{opacity:0; position: absolute; right: 5%; bottom: 5%; transform: scale(0.5)}
.intro .txt_wrap .txt01{font-size:30px;color:#fff;font-weight:100;line-height:44px;padding-top:43px;opacity:0;}
.intro .txt_wrap .obj02{position:absolute;bottom:13%;left:0;width:100%;opacity:0;}
.intro .txt_wrap .obj02 span {display:block; top:20px; padding-top:1em; color:#fff; font-weight: 300; letter-spacing: 1px;}
.intro .txt_wrap .obj03{margin-top:40px}
.scrolling em {font-size: 16px; font-weight: 300; color: #fff; letter-spacing: 1px;}
.scrolling span{position:absolute;width:69px;height:41px;left:50%;transform:translate(-50%,0);top:20px;background:url('../img/content/btn_intro_arrow.png') no-repeat center center;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #7d7d7d;
}


.txt-ani {
	top: 110px;
	opacity: 0;
	-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition:width 2s, height 2s, background-color 2s, transform 2s;
}
.swiper-slide-active div.txt-ani {top: 194px; opacity: 1;}

#main_visual ul {
	position:relative;
	width:100%;
	height:840px;
}
#main_visual ul>li {
		background-size: cover;
}
#main_visual ul>li:first-child {
	left:0;
}
#main_visual ul>li>div {
	position:absolute;
	top:194px;
	left:45%;
	height:365px;
	opacity:1;
}
#main_visual ul>li .info_inner {
	display: none;
}
.web-slider.on,
.m-slider.on {
	display: block;
}
.web-slider,
.m-slider {
	display: none;
}

#main_visual.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 45px;
}
.btn_prev {
	position:absolute;
	top:43%;
	left:3%;
	margin-top:-21px;
	width:48px;
	height:91px;
	background:url(../img/content/btn-slider-prev.png) 0 0 no-repeat;
	z-index:2;
}
.btn_prev>a {
	display:block;
	width:100%;
	height:100%;
	font-size:0;
}
.btn_next {
	position:absolute;
	top:43%;
	right:3%;
	margin-top:-21px;
	width:48px;
	height:91px;
	background:url(../img/content/btn-slider-next.png) 0 0 no-repeat;
	z-index:2;
}
.btn_next>a {
	display:block;
	width:100%;
	height:100%;
	font-size:0;
}


.data_02 {
	position: relative;
	display: block;
	background: #1f2739;
	padding:130px 0;
}
.bg_area {
	position: relative;
	width: 1400px;
	box-sizing:border-box;
	margin: 0 auto;
	text-align: center;
}
.data_02 .txt_wrap p {
	display: inline;
}
.data_02 .av_wrap {
	position: relative;
	left: 40.4%;
	display:table;
	vertical-align: middle;
	z-index: 10;
}
.data_02 .av_wrap video {
	width: 825px;
	height: 465px;
}
.av_wrap-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index: 1;
}
.data_02 .txt01 {
    position: absolute;
    top: -28.1%;
    left: -8.6%;
}
.data_02 .txt02 {
	position: absolute;
    top: 5%;
    left: 17%;
}
.data_02 .txt03 {
	position: absolute;
    top: 21%;
	left: -0.5%;
    font-weight: 600;
    font-size: 55px;
	font-style: italic;
    color: #fff;
}
.data_02 .txt03-title {
	position: absolute;
    top: 32%;
	left: -0.5%;
	padding-top: 15px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	line-height: 1;
}
.data_02 .txt03-title span {
	position: absolute;
	bottom: -99%;
	left: 0%;
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #575757;
}
.data_02 .txt03-subtit {
	position: absolute;
    top: 51%;
	left: -0.5%;
	font-size: 20px;
	font-weight: 400;
	color: #c6c6c6;
	line-height: 1.4;
	width: 310px;
	text-align: left;
}
.av_wrap p {
	position: absolute;
	bottom: 50px;
	left: 90px;
	text-align: left;
	font-size: 1.75em;
	font-weight: 600;
	line-height: 150%;
	color: #c3c3c3;
}

.data_03 {
	position: relative;
	display: block;
	background: #fff;
	padding:95px 0;
}
.data_03 .ico-set .ico-set-title {
	font-size: 60px;
	font-weight: 600;
	color: #111;
	margin-bottom: 130px;
}
.data_03 .ico-set ul li {
	width: 294px;
	display: inline-block;
	margin: 0 70px 70px;
	text-align: justify;
}
.data_03 .ico-set ul li:first-child {

}
.data_03 .ico-set ul li span {
	font-size: 20px;
	font-weight: 600;
	margin-left: 30px;
	color: #111;
	line-height: 103px;
}

.data_04 {
	background: #f3f3f3;
	padding: 76px 0 120px;
}
.data_04 .bg_area {
    overflow: hidden;
	background-color: transparent;
}
.data_04 .itm-set .itm-set-title {
	font-size: 50px;
	font-weight: 600;
	color: #111;
	margin-bottom: 77px;
}
.data_04 .itm-set .swiper-itm-container li.swiper-slide img {
		border: 1px solid #ebebeb;
		box-sizing: border-box;
	}
.data_04 .itm-set .itm-set-title span.bulet {
	display: inline-block;
	font-weight: 300;
	font-size: 50px;
	line-height: 50px;
	opacity: 1 !important;
	color: #000;
}
.data_04 .itm-set p {
	padding-top: 23px;
}
.data_04 .itm-set p span {
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	color: #000;
	text-align: center;
}

.data_04 .itm-set p span:last-child {
	font-weight: 400;
	font-size: 15px;
	color: #575757;
}

.data_04 .swiper-button-itm-prev {
	top: 50%;
	left: 10%;
}
.data_04 .swiper-button-itm-next {
	top: 50%;
	right: 10%;
}
.data_04 .visual-img {
    width: 100%;
    margin: 0 auto;
}
.data_04 .visual-img ul {
	width: 100%;
    margin: 0 auto;
}
.data_04 .visual-img ul li {
	float: left;
	display: inline-block;
	margin-left: 30px;
	width: calc(100%/3 - 20px);
}
.data_04 .visual-img ul li:first-child {
	margin-left: 0;
}
.data_04.pageBox .swiper-container-horizontal>.swiper-pagination-bullets {
	display: none;
}
.data_04 .itm-set-list {
	width: 100%;
}
.data_04 .itm-set-list li {
	margin-left: 40px;
    width: calc(25% - 32px);
    display: inline-block; 
    cursor: pointer; 
}
.data_04 .itm-set-list li {
	float: left;
	margin-left: 40px;
    width: calc(25% - 30px);
    display: inline-block; 
    cursor: pointer; 
}

.data_04 .itm-set-list li:first-child {
	margin-left:0;
}
.data_04 .itm-set-list li img {
	border: 1px solid #ebebeb;
	box-sizing: border-box;
}
.data_04 .itm-set-list li:first-child img {
	border: none;
	box-sizing: border-box;
}

.data_04 .itm-set .itm-set-title span.tit-en {
	display: inline-block;
    font-size: 50px;
    font-weight: 600;
    color: #111;    
    line-height: 1;
}

@media screen and (max-width:1024px){
	.data_04 .itm-set-list {
		width: calc(100% - 100px);
		margin-left: 50px;
	}
	.data_04 .itm-set-list li {
		margin-left: 40px;
	    width: calc(25% - 32px);
	    display: inline-block;  
	}
	.data_04 .itm-set-list li:first-child {
		margin-left:0;
	}	
}
@media screen and (max-width:900px){
	.data_04 .itm-set-list {
		width: calc(100% - 30px);
		margin-left: 15px;
	}
	.data_04 .itm-set-list li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 50px;
	}
	.data_04 .itm-set-list li img {
		border: none;
		width: 100%;
	}
	.ov-hidden {
		position: relative;
		width: 100%;		
	    height: 300px;
	    overflow: hidden;
	    background: #fff;
	}	
	.ov-hidden img.cont-02 {
		position: absolute;
		top: 0%;
    	left: 50%;
    	transform: translate(-50%,-6%);
	}
	.ov-hidden img.cont-03 {
	    position: absolute;
	    top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
	}
	.ov-hidden img.cont-04 {
		position: absolute;
		top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
	}
}
.data_05 {
	padding: 76px 0 76px;
	margin: 0 auto;
	text-align: center;
}
.data_05 .itm-set-title {
    font-size: 50px;
    font-weight: 600;
    color: #111;
    margin-bottom: 77px;
}
.point-txt {
	color: #f7809d;
}
.data_05 .itm-set-subTxt {
    font-size: 35px;
    font-weight: 600;
    color: #da1e48;
}
.data_05 .itm-set-subTxt img {
	margin-right: 37px;
}
/* .data_05 .instaWidget {
    margin-left: 12px;
}
.instaWidget-1024,
.ismobile-instaWidget,
.ismobile-instaWidget-360,
.ismobile-instaWidget-320 {
	display: none;
} */
@media screen and (max-width:1560px){	
	/* .data_05 .instaWidget,
	.ismobile-instaWidget,
	.ismobile-instaWidget-360,
	.ismobile-instaWidget-320 {
	    display: none;
	}
	.instaWidget-1024 {
		display: block;
	} */
}
@media screen and (max-width:900px){	
	/* .data_05 .instaWidget,
	.instaWidget-1024,
	.ismobile-instaWidget-360,
	.ismobile-instaWidget-320 {
	    display: none;
	}
	.ismobile-instaWidget {
		display: block;
		width: calc(100% - 30px);
		margin:0 15px 70px;
	} */	
}
@media screen and (max-width:420px){	
	/* .data_05 .instaWidget,
	.instaWidget-1024,	
	.ismobile-instaWidget-320 {
	    display: none;
	} */
	.data_04 .itm-set .itm-set-title span.bulet,
	.data_04 .itm-set .itm-set-title span.tit-en {
		display: none;
	}
	/* .ismobile-instaWidget,
	.ismobile-instaWidget-360 {
		display: block;
		margin-left: 10px;
		padding-bottom: 30px;
	    width: calc(100% - 30px);
	    margin: 0 15px;
	} */
}
@media screen and (max-width:320px){	
	/* .data_05 .instaWidget,
	.instaWidget-1024,
	.ismobile-instaWidget,
	.ismobile-instaWidget-360 {
	    display: none;
	}
	.ismobile-instaWidget,
	.ismobile-instaWidget-320 {
		display: block;
		margin-left: 10px;
	} */
}
.data_05 .insta-list {
	width: 100%;
	height: auto;
    margin: 30px auto 30px;
}
.insta-list p {
	display: inline-block;
	padding:10px;
}

.data_05 .insta-list ul {
 
}
.data_05 .insta-list ul li {
	float: left;
	display: inline-block;
	margin-left:40px;
	margin-bottom: 40px;
}
.data_05 .insta-list ul li:first-child {
	margin-left:0;
}
.data_05 .insta-list ul li:nth-child(5n-0) {
	margin-left:0;
}
.fittime-visual--bg {
	max-width: 1920px;
	width: 100%;
	height: 360px;
	background: url(../img/content/visual-bg.png) 0 no-repeat;

}
.fittime-bg-log {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 262px;
	height: 112px;
	opacity: 0.7;
}


.content > div{width: 100%;position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.content > div .bg_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease
}
.content > div:hover .bg_wrap{
	transform:scale(1.1);
   -o-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -webkit-transform:scale(1.1);
}

/* ******************************************************
	@ login
*******************************************************/
h2.login-tit {
	display: none;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
}
h2.login-tit.on {
	display: block;
}
#login-container {
	width: 100%;
	padding: 200px 0;
	background: #fff;
}
.content-area {
	max-width: 1200px;
	margin: 0 auto;
}
.login-area {
	max-width: 400px;
	margin: 0 auto;
}
.login-area-result {
	max-width: 800px;
	margin: 0 auto;
}
.login-area-nav {
	height: 50px;
	margin: 30px auto 20px;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
}
.login-area-nav li {
	float: left;
	display: inline-block;
    width: calc(100% / 2);
	border-left: 1px solid #e3e3e3;
    box-sizing: border-box;
}
.login-area-nav li:first-child {
	border-left: 0;
}
.login-area-nav > li a {
	display: inline-block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	background: rgba(255,255,255,1);
	color: #8e8f91;
}
.login-area-nav li a.on {
	color: #000;
	opacity: 1;
	background: rgba(238,238,238,1);
}
.login-area .login-input .member-txt-box input {
	margin-bottom: 10px;
}
.login-area .login-input .member-txt-box input[type="password"] {
	margin-bottom: 0;
}
.login-area .login-input .member-txt-box input::placeholder {
	font-size: 15px;
	color: #e4e4e4;
}
.login-option {
	padding: 7px 0 45px;
}
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label {
	float: left;
	position: relative;
	padding-left: 18px;
	padding-right: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #909090;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="checkbox"] + label:before {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border: 1px solid #8e8f91;
	position: absolute;
	left: 0;
	top: 1px;
}
input[type="checkbox"]:checked + label:before {
	content:"\2714";
	width: 10px;
	height: 11px;
	opacity: 1;
	font-size: 11px;
	color: #111;
	padding-left: 1px;
}
input::placeholder {
	font-size: 12px;
	font-weight: 300;
}
a.idpw-search {
	float: right;
	color: #d7083b;
}

.wide-btn {
	display: inline-block;
	width: 100%;
	height: 50px;
}
.wide-btn a {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background: #d7083b;
}
.wide-btn.non-btn a {
	background: #fff;
	color: #d7083b;
	border: 1px solid #d7083b;
	box-sizing: border-box;
}
.wide-btn.bg0 a {
	background: #313131
}
.login-info {
	display: inline-block;
	width: 100%;
	margin: 20px 0;
	padding-top: 16px;
	border-top: 1px solid #dcdcdc;
}
.login-info > span {
	display: block;
	line-height: 1.6;
	margin-bottom: 16px;
	text-align: center;
	color: #8e8f91;
}
.login-info span:first-child {
	margin-bottom: 0;
}
.select-info--txt {
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	font-weight: 400;
	color: #8e8f91;
	line-height: 30px;
}
.idpw-tab-contents,
.tab-contents {display: none;}
.idpw-tab-contents.open,
.tab-contents.open {display: block;}

.quick-btn a {
	background-color: #fff;
	color: #8e8f91;
	font-size: 15px;
	font-weight: 600;
	border:1px solid #8e8f91;
	box-sizing: border-box;
}
.quick-btn {
	padding-top:50px;
	padding-bottom:10px;
}
.quick-btn:nth-child(2n) {
	padding-top:0;
}
.quick-btn:last-child {
	padding-top: 0;
	padding-bottom:20px;	
}
.quick-btn img.face-ico {
	padding:15px 10px;	
}
.quick-btn img {
	padding:18px 10px;	
}
.naver-txt {
	color: #55b24d;
}
.kakao-txt {
	color: #f9cd1d;
}
.facebook-txt {
	color: #3b579d;
}
@media screen and (max-width:640px){
	input[type="checkbox"] + label {
		float: left;
		position: relative;
		padding-left: 15px;
		padding-right: 20px;
		margin-bottom: 20px;
		font-size: 14px;
		color: #909090;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}
}

/* ******************************************************
	@ id-pw-search
*******************************************************/
.id-pw-search--info {
	padding-top: 30px;
}
.id-pw-search--info span {
	display: inline-block;
	line-height: 1.7;
	margin-left: 5px;
	text-indent: -5px;
	color: #111;
	font-size: 13px;
	letter-spacing: -0.08em;
}
.id-pw-search--info span i {
	margin-right: 5px;
}
.id-pw-search--info span.search-policytxt--info {
	color: #8e8f91;
}
.certi-box {
	margin: 30px 60px;
	text-align: center;
}

.certi-box p {
	display: inline-block;
	padding-top: 5px;
	padding-left: 20px;
    font-weight: 400;
	line-height: 1.6;
    font-size: 12px;
    color: #8e8f91;
    width: 220px;
    text-align: left;
}
.certi-box p span {display: inline-block;}
.certi-box p span.certi-box-noti {
	font-size: 10px;
	line-height: 1.2;
}
.ip-pw-success--ment {
	display: inline-block;
	padding-top: 15px;
	font-size: 13px;
	font-weight: 400;
	color: #8e8f91;
	text-align: center;
}
.ip-pw-success--box {
	/* width: calc(100% - 92px); */
	padding: 51px 0;
	background: #f6f6f6;
	text-align: center;
}
.ip-pw--infotxt {
	padding-bottom: 67px;
	font-size: 15px;
	font-weight: 500;
	color: #111;
}
.ip-pw-success--txt {
	font-weight: 600;
	font-size: 30px;
	color: #d40000;
}
.ip-pw-success--txt span {
	line-height: 30px;
	font-weight: 600;
	font-size: 15px;
	color: #111;
	vertical-align: bottom;
}
.ip-pw-successinfo--txt {
	padding-top: 10px;
	font-weight: 500;
	font-size: 15px;
	color: #111;
}
.ip-pw-success--btn {
	padding-top: 60px;
	padding-bottom: 23px;
}
.ip-pw-success--btn p {
	display: inline-block;
	width: 120px;
	height: 35px;
	border: 1px solid #111;
	background: #f6f6f6;
}
.ip-pw-success--btn p:last-child {
	width: 120px;
	height: 35px;
	border: 1px solid #111;
	background: #111;
	margin-left: 8px;
}
.ip-pw-success--btn p a {
	display: inline-block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #111;
}
.ip-pw-success--btn p:last-child a {
	color: #fff;
}
.ip-pw-successinfo--btn {
	font-size: 12px;
	font-weight: 400;
	color: #8e8f91;
}
.member-txt-box.radio-btn-chk {
	text-align: center;
	height: 54px;
	margin: 0 auto;
}

.member-txt-box.radio-btn-chk .form-radio {
	display: inline-block;
	margin-left: 40px;
	margin-top: 9px;
}
.member-txt-box.radio-btn-chk .form-radio:first-child {
	margin-left: 25px;
}
.member-txt-box.radio-btn-chk .form-radio .check:after {
    display: none;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 4px;
}
.member-txt-box .form-selectbox.call-num {
	display: inline-block;
    position: relative;
    border: 1px solid #e4e4e4;
    z-index: 1;
    max-width: 100px;
	height: 50px;
}
.member-txt-box .form-selectbox.call-num-box {
	display: inline-block;
    position: relative;
    border: 1px solid #e4e4e4;
    z-index: 1;
    width: calc(100% - 117px);
	height: 50px;
}
.member-txt-box .form-selectbox:after {
    content: "";
    background: #f6f6f6;
    width: 26px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
	box-sizing: border-box;
}
.member-txt-box .form-selectbox select {
    width: 100%;
    height: 50px;
    line-height: normal;
    font-family: inherit;
    padding: 4px 7px;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.member-txt-box .form-selectbox label {
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    padding: 7px 7px;
    color: #a8a8a8;
    font-size: 13px;
    z-index: -1;
    font-weight: 500;
    line-height: 36px;
}
.member-txt-box .form-item.call-num {
	display: inline;
}
.member-txt-box .call-num .call-txt {
    height: 50px;
    line-height: 50px;
    padding: 0 3px;
    color: #8e8f91;
}
.id-scrh-email,
.id-scrh-phone,
.pw-scrh-email,
.pw-scrh-phone {display: none;}
.id-scrh-email.on,
.id-scrh-phone.on,
.pw-scrh-email.on,
.pw-scrh-phone.on  {display: block;}

.login-area .member-txt-box {
    font-size: 0;
}
.login-area .call-num .call-txt {
    width: 11px;
    display: inline-block;
    box-sizing: border-box;
}
.login-area .form-selectbox.call-num-box {
    width: calc(100% - 11px);
}
.login-area .form-item.call-num {
    display: inline-block;
    width: calc(100% - 102px);
}
.login-area .form-selectbox.call-num{
 width: 100px;
}
.login-area .member-txt-box input {
    margin-bottom:10px;
}



@media screen and (max-width:486px){
	.ip-pw-success--box.password--box {
		width: calc(100% - 46px);
		padding: 25px 23px;
		background: #f6f6f6;
		text-align: center;
	}
	.ip-pw-success--box.password--box .ip-pw--infotxt {
		padding-bottom: 67px;
		font-size: 13px;
		font-weight: 500;
		color: #111;
	}
	.ip-pw-success--box.password--box .ip-pw-successinfo--btn {
		font-size: 12px;
		line-height: 16px;
		font-weight: 400;
		color: #8e8f91;
	}
	.ip-pw-success--box.password--box .ip-pw-success--btn {
		padding-top: 60px;
		padding-bottom: 0;
	}
}
/* ******************************************************
	@ join-up
*******************************************************/
#join-up-contents{}
#join-up .join-up-area {
	max-width: 1200px;
	width: 100%;
}
#join-up .join-up-area .join-up-area-nav {
	width: 100%;
	height: 50px;
}
#join-up .join-up-area .join-up-area-nav li {
	float: left;
	width: 25%;
	height: 50px;
	border-left: 1px solid #dcdcdc;
	box-sizing: border-box;
}
#join-up .join-up-area .join-up-area-nav li:first-child {
	border-left: 0;
}
#join-up .join-up-area .join-up-area-nav li a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #cfcfcf;
	background: #eee;
	text-align: center;
	cursor:auto;
}
#join-up .join-up-area .join-up-area-nav li a.on {
	display: inline-block;
	width: 100%;
	height: 50px;
	color: #fff;
	background: #d7083b;
}
#join-up .join-up-area .join-up-area-nav li a em {
	position: absolute;
	left: 25px;
}
#join-up .join-up-area .join-up-policy {
	padding-top: 75px;
}
#join-up .join-up-policy .order_polices {
	padding-top: 35px;
}
#join-up .join-up-policy .order_polices h3 {
	font-size: 15px;
	font-weight: 400;
	color: #111;
	padding-bottom: 15px;
}
#join-up .join-up-policy .order_info_polices {
    width: 100%;
    height: 350px;
    border: 1px solid #d9d9d9;
	box-sizing: border-box;
    overflow-y: scroll;
}
#join-up .join-up-policy .order_info_polices .info_polices_txt {
    padding: 15px 25px;
    color: #636468;
    font-size: 12px;
	font-weight: 300;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.6;
    letter-spacing: 0.03em;
}
.polices-chk-area {
	padding: 10px 0 0;
}
.polices-chk-area input[type="checkbox"] + label {
	margin-bottom: 0;
}
.polices-chk-area * {
	font-size: 13px;
	font-weight: 500;
	color: #111;
}
.join-up-confirm-btn {
	width: 100%;
	display: inline-block;
	padding: 49px 0 0;
	text-align: right;
}
.join-up-confirm-btn p {
	display: inline-block;
	width: 120px;
	height: 35px;
	text-align: center;
	color: #111;
	background: #fff;
	border: 1px solid #111;
	box-sizing: border-box;
	margin-left: 8px;
}
.join-up-confirm-btn p.confirm-btn {
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #111;
	border: 1px solid #111;
	box-sizing: border-box;
}
.join-up-confirm-btn p a {
	display: block;
	width: 100%;
	line-height: 33px;
	color: #111;
}
.join-up-confirm-btn p.confirm-btn a {
	color: #fff;
}
.form-radio.join-certi .check {
    position: absolute;
    top: 5px;
}
.form-radio.join-certi label {
    display: inline-block;
    position: relative;
    z-index: 9;
    padding: 5px 5px 5px 20px;
    color: #434343;
    font-size: 15px;
}
.selectionAgree-btn a {
	display: inline-block;
	padding: 5px 10px;
	background: #111;
	color: #fff;
}
.tip-info {
	display: inline-block;
	margin-left: 10px;
	padding: 5px 0;
}
.form-write--basic .form-item.selectionAgree-area {
	padding-top: 17px;
	padding-bottom: 17px;
}
.page-subtitle--sub h3 {
	padding: 0 0 15px;
	font-size: 15px;
	font-weight: 600;
	color: #111;
}
.page-subtitle--sub .tit-brige-info {
	display: inline;
	float: right;
	font-weight: 500;
	font-size: 13px;
	color: #3c3c3c;
}
.join-up-policy .form-join-write .form-selectbox {
	width: 24%;
}
.join-up-policy .form-join-write .form-selectbox.date-yy {
	display: inline-block;
	width: 95px;
	height: 30px;
	overflow: hidden;
}
.join-up-policy .form-join-write .form-selectbox.call-num,
.join-up-policy .form-join-write .form-selectbox.date-mm,
.join-up-policy .form-join-write .form-selectbox.date-dd {
	display: inline-block;
	width: 70px;
	height: 30px;
	overflow: hidden;
}
.form-join-write .form-selectbox.call-num-box {
	display: inline-block;
	width: 110px;
}
.form-join-write .form-selectbox.emailbox {
	display: inline-block;
	height: 30px;
	border: 1px solid #d2d2d2;
	overflow: hidden;
}
.join-up-policy .select-txt {
	display: inline-block;
	margin: 0 8px 0 3px;
	font-size: 13px;
	font-weight: 400;
	color: #8e8f91;
	line-height: 30px;
}
.join-up-policy .form-join-write .title input {
	width: 700px;
}
.join-up-policy .form-join-write textarea.form-control {
	width: 700px;
	height: 305px;
}
.join-up-policy .form-join-write .filebox .form-control {
	width: 225px;
}
.join-up-policy .form-join-write .selection .form-radio {
	margin-right: 18px;
}
.join-up-policy .form-join-write .password .form-control {
	width: 225px;
}
.join-up-policy .form-write--item .date-txt {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 8px 0 3px;
	color: #434343;
}
.join-up-policy .form-write--item .calendar-chk {
	display: inline-block;
	margin: 10px 8px 0 3px;
	height: 20px;
	color: #434343;
}
.button-input {
    display: inline-block;
    width: 100px;
    height: 30px;
    background: #111;
    overflow: hidden;
}
.button-input span {
    display: block;
	width: 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
	cursor: pointer;
}
.form-write--basic .form-title.address-tit {
	padding: 50px 0 50px 30px;
}
.form-write--item .address input.address-full {
	display: block;
    max-width: 474px;
	margin-top: 7px;
}
.form-write--basic .form-item.call-num {
    height: auto;
    display: inline-block;
    border:none;
    padding-left: 0;
    padding-top: 0;
}
.form-write--basic .form-item.my-modify .form-item.call-num {
    height: auto;
    display: inline-block;
    border:none;
    padding-left: 0;
    padding-top: 0;
	width: calc(100% - 69px);
}
.call-num .call-txt {
	height: 30px;
	line-height: 30px;
	padding: 0 3px;
	color: #8e8f91;
	font-size: 14px;
}
.ad-agree--chk input[type="checkbox"] + label{
	font-size: 15px;
	color: #252525;
	font-weight: 500;
	margin-bottom: 12px;
}
.ad-sub--chk input[type="checkbox"] + label{
	font-size: 13px;
	color: #7b7b7b;
	font-weight: 500;
	margin-bottom: 12px;
}
.ad-agree--chk .chk-txt {
	float: left;
	margin-right: 10px;
	vertical-align: top;
}
.form-write--basic .form-item .ad-agree--chk p.ad-info-txt {
	clear: both;
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #8e8f91;
}
#join-up-contents .join-up-policy .welcome-fitime {
	position: relative;
	max-width: 1200px;
	width: 100%;
}
#join-up-contents .join-up-policy .welcome-fitime img {
	width: 100%;
}
#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox {
	position: absolute;
	top: 135px;
	left: 203px;
	color: #111;
}
#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-tit {
	font-size: 35px;
	font-weight: 600;
}
#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-subtxt {
	color: #575757;
	font-size: 15px;
	font-weight: 500;
	padding-top: 11px;
}
#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox {
	padding-top: 55px;
	font-size: 0;
}
.welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox p {
	display: inline-block;
	width: 135px;
	height: 35px;
	line-height: 35px;
	margin-left: 10px;
	text-align: center;
	font-size: 13px;
}
.welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox p:first-child {
	margin-left: 0;
}
.welcome-fitime--btnbox p a {
	display: inline-block;
	width: 100%;
	height: 35px;
}
.fitime-home--btn {
	border: 1px solid #111;
	background: transparent;
}
.fitime-login--btn {
	border: 1px solid #111;
	background: #111;
	color: #fff;
}
.welcome-fitime--btnbox50 {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
}
.welcome-fitime--btnbox50 p {
	float: left;
    width: calc(100% / 2 - 5px);
    box-sizing: border-box;
    height: 35px;
    line-height: 33px;
    text-align: center;
    margin-left: 10px;
}
.welcome-fitime--btnbox50 p:first-child {
	margin-left: 0;
}
.welcome-fitime--btnbox50 p a {
	display: inline-block;
	width: 50%;
	height: 35px;
}
.welcome-fitime--btnbox50 .cancel {
	border: 1px solid #d7083b;
	background: transparent;
	color: #d7083b
}
.welcome-fitime--btnbox50 .confirm {
	border: 1px solid #d7083b;
	background: #d7083b;
	color: #fff;
}

/* 이용약관 */
#policy-page .policy-page-area .policy-page-contents {
}
#policy-page .policy-page-contents .order_polices {
}
#policy-page .policy-page-contents .order_polices h3 {
	font-size: 15px;
	font-weight: 400;
	color: #111;
	padding-bottom: 15px;
}
#policy-page .policy-page-contents .order_info_polices {
    width: 100%;
    height: auto;
    border: 1px solid #d9d9d9;
	box-sizing: border-box;
    overflow-y: auto;
}
#policy-page .policy-page-contents .order_info_polices .info_polices_txt {
    padding: 15px 25px;
    color: #636468;
    font-size: 12px;
	font-weight: 400;
	color: #111;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.6;
    letter-spacing: 0.03em;
}
#policy-page .policy-page-contents .order_info_polices .info_polices_txt h4 {
	padding-bottom: 22px;
}
#policy-page .policy-page-contents .order_info_polices .info_polices_txt ul {
	padding-bottom: 41px;
}
#policy-page .policy-page-contents .order_info_polices .info_polices_txt h3 {
    padding-bottom: 22px;
}
#policy-page .policy-page-contents .order_info_polices .info_polices_txt .terms ul {
	padding-bottom: 0;
}
#policy-page .policy-page-contents .order_info_polices .info_polices_txt .terms h3 {
    padding-top: 22px;
}
.terms table.polices_table {
	border-collapse:collapse;
	text-align:center;
	font-size:12px;
	margin-top:20px;
}
.terms table.polices_table th, table.polices_table td {
	width:420px;
	padding:7px;
	border:1px solid #e4e4e4;
}
#join-up .join-up-area .join-up-policy #join-step-00-tab {
	display: inline-block;
	width: 100%;
	padding: 69px 0 69px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #e4e4e4;
}
#join-step-00-tab div {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	padding: 0 40px;
}
#join-step-00-tab div p {
	padding-top: 10px;
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	color: #111;
}
#join-step-00-info {
	width: 100%;
	margin: 0 auto;
	padding: 34px 37px;
	border: 1px solid #e4e4e4;
	border-top: none;
}
#join-step-00-info .info-txt--box {
	max-width: 500px;
	margin: 0 auto;
}
#join-step-00-info p {
	width: 100%;
	text-align: left;
	font-size: 15px;
	line-height: 23px;
	color: #111;
	font-weight: 400;
}
#join-step-00-info p.join-infotxt02 {
	padding-top: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #8e8f91;
	font-weight: 300;
}

@media screen and (max-width:768px){
	#join-up .join-up-area .join-up-policy #join-step-00-tab {
		padding: 2 8px 0;
	}
	#join-step-00-tab div p {
		padding-top: 10px;
		font-size: 14px;
		line-height: 1.2;
	}
	#join-step-00-tab div {
		padding: 0 4%;
		width: calc(50% - 4%);
	}
	#join-step-00-tab p {
		font-size: 13px;
		line-height: 20px;
	}
	#join-step-00-info {
		padding: 24px 27px;
	}
	#join-step-00-info p {
		font-size: 13px;
		line-height: 20px;
	}
	#join-step-00-info p.join-infotxt02 {
		padding-top: 10px;
		font-size: 11px;
		line-height: 19px;
	}
	#join-up .join-up-area .join-up-policy {
		padding-top: 40px;
	}
	#join-up .join-up-policy .order_polices {
		padding-top: 40px;
	}

}
@media screen and (max-width:640px){
	.join-up-confirm-btn {
		width: 100%;
		display: inline-block;
		padding: 49px 0 30px;
		text-align: right;
	}
}
@media screen and (max-width:420px){
	.select-info--txt {
		display: inline-block;
		padding-top: 5px;
		margin-left: 0;
		font-size: 12px;
		font-weight: 300;
		color: #8e8f91;
		line-height: 15px;
	}
	.form-write--basic .form-item .ad-agree--chk p.ad-info-txt {
		clear: both;
		display: block;
		font-size: 12px;
		font-weight: 300;
		color: #8e8f91;
		line-height: 15px;
	}
	.join-up-confirm-btn {
		width: 100%;
		display: inline-block;
		padding: 49px 0 0;
		text-align: center;
	}
	.join-up-confirm-btn p {
		display: inline-block;
		width: calc(50% - 5px);
		height: 35px;
		text-align: center;
		color: #111;
		background: #fff;
		border: 1px solid #111;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 10px;
	}
	.join-up-confirm-btn p.confirm-btn {
		display: inline-block;
		text-align: center;
		color: #fff;
		background: #111;
		border: 1px solid #111;
		box-sizing: border-box;
		margin-right: 0;
	}
	.join-up-confirm-btn p a {
		display: block;
		width: 100%;
		line-height: 33px;
		color: #111;
	}
	.join-up-confirm-btn p.confirm-btn a {
		color: #fff;
	}
	.welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox p {
		display: inline-block;
		width: calc(50% - 20px);
		height: 35px;
		line-height: 35px;
		margin-left: 10px;
		text-align: center;
	}
	.welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox p:frist-child {
		margin-left: 0;
	}
	.welcome-fitime--btnbox p a {
		display: inline-block;
		width: 100%;
		height: 35px;
	}
	.form-write--basic .form-item.my-modify .form-item.call-num {
		height: auto;
		display: inline-block;
		border:none;
		padding-left: 0;
		padding-top: 0;
		width: calc(100% - 29%);
	}
}

/* ******************************************************
	@ list
*******************************************************/
.product-type {width: 100%;}
.product-type ul {
	position: relative;
	display: inline-block;
	width: calc(33.33% - 20px);
	height: auto;
	margin-left: 30px;
	background: #fff;
	margin-bottom: 100px;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	overflow: hidden;
}
.product-type ul:nth-child(3n+1) {
	margin-left: 0;
}
.product-type ul:hover img {
	opacity: 0.7;
	filter: contrast(1.1);
}
.product-type ul:hover .more a:before {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(44%,40.33%); 
	z-index:1;	
	width: 200px;
	height: 200px;
	background: url(../img/content/detail-more-btn.png) 0 0 no-repeat;
	content: "";
	display:block;
	cursor: pointer;
}
.product-type ul:first-child {
	margin-left: 0;
}
.product-type ul:last-child {
	margin-bottom: 0;
}
.product-type ul li {
	float: left;
	max-width: 600px;	
}
.product-type ul.switch-turn li {
	float: right;
	border-right: none;
}
.product-type ul li:last-child {
	width: 100%;
}
.product-type ul li .gds-payinfo {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 250px;
    padding: 10px 0;
}
.product-type ul li .gds-payinfo > * {

}
.product-type ul li .gds-payinfo > div {
	float: right;
	max-width: 330px;
}
.product-type ul li .gds-payinfo .gds-payinfo-txt {
	text-align: left;
	width: calc(100% - 30px);
	padding: 27px 0 0 30px;
}
.product-type ul li .gds-payinfo .gds-payinfo-txt i {
	display: inline-block;
	padding: 0 9px;
	margin-bottom: 5px;
	height: 15px;
	line-height: 17px;
	border-radius: 15px;
	background-color: #d7083b;
	font-size: 11px;
	font-family: Dotum, "돋움";
	color: #fff;
}
.product-type ul li .gds-payinfo .gds-payinfo-txt span {
	display: block;
	margin-bottom: 18px;
	font-size: 15px;
	line-height: 1.3;
 	font-weight: 300;
	color: #575757;
}
.product-type ul li .gds-payinfo .gds-payinfo-txt span.gds-tit {
	font-size: 30px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 12px;
	color: #111;
	text-indent: -2px;
}
.product-type ul li .gds-payinfo .gds-payinfo-txt span.gds-pay {
	font-size: 30px;
	margin-bottom: 30px;
	font-weight: 600;
	color: #d7083b;
}
.gds-payinfo-txt span.gds-pay {
	position: absolute;
	bottom: 0;
	right: 30px;
}

.product-type ul li .gds-payinfo .gds-payinfo-txt .gds-list-btn {
    display: inline-block;
	bottom: 102px;
    margin: 0;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
	color: #fff;
    background: #313131;
}
.product-type ul li .gds-payinfo .gds-payinfo-txt .gds-list-btn a {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	font-weight: 400;
}
.product-type ul img {
	width: 100%;
}
@media screen and (max-width:768px){
	.list-top-banner {display: none;}
}


/* ******************************************************
	@ detailpage
*******************************************************/
#detail-content {
	position: relative;
	font-size: 0;
	text-align: center;
}
#detail-content > div {
	text-align: left;
}

#detail-content #detailimg-box {
	position: relative;
	display: inline-block;
	width: 690px;
	/* max-height: 590px; */
	margin: 0;
	padding: 0;
}
.pos-gdsimg--content .bx-wrapper {border: 0;}

.pos-gdsimg--content {
	float: right;
	max-width: 590px;
	height: 590px;
}
.big-images li img {width: 100%; height: 100%;}
.thumb-images {
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 90px;
}
.thumb-images a {
	display: block;
	width: 90px;
	height: 90px;
	margin-bottom: 10px;
	border: 1px solid #555;
	box-sizing: border-box;
	opacity: 0.3;
}
.thumb-images a.active {
	opacity: 1;
}
.thumb-images a img {
	width: 100%;
}
.thumb-images li img {
	width: 100%;
	height: 100%;
}
.detailoption-box {
	display: inline-block;
	padding:0 0 0 48px;
	max-width: 498px;	
}
.detailoption-box .detail-title {
	padding-bottom: 22px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}
.detailoption-box .detail-title h3 {
	font-size: 30px;
	font-weight: 500;
	color: #111;
	width: 448px;
	/* text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden; */
}
.detailoption-box .naverPay-content {
	float: right;
}
.detail-option-table {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.detail-option-table .detail-table--row {
	display: table-row;
}
.detail-option-table .detail-form-title {
	display: table-cell;
	width: 115px;
	font-weight: 600;
	line-height: 19px;
	font-size: 15px;
	color: #434343;
}
.detail-option-table .detail-option {
	display: table-cell;
	padding-bottom: 25px;
	font-size: 13px;
	color: #000;
}
.detail-option p {
	line-height: 22px;
}
.option-group__item .detail-option {
	display: inline-block;
	width: calc(100% - 110px);
	padding-bottom: 10px;
}	
.detail-option.has-input select[name=size],
.detail-option.has-input select[name=color] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    font-weight: 600;
    padding: 7px 10px 7px 20px;
    background-color: #fff;
    background-image: url(../img/common/15xvbd5-bk.png);
    background-position: 98% center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border: 1px solid #eee;
}
.detail-option.has-input select[name=color] option {
	font-weight: 500;
}

.pay-line .detail-option p {
	text-align: right;
	line-height: 22px;
}
.detail-option-table .detail-option .gds-colortype {
	display: inline-block;
	padding: 5px;
	border: 1px solid #ebebeb;
}
.gds-color {
	display: inline-block;
	padding-right: 5px;
	padding-bottom: 5px;
}
.gds-color span {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #111;
}
.detail-option-table .pay-line .detail-form-title,
.detail-option-table .pay-line .detail-option {
	padding-top: 22px;
	border-top: 1px solid #ebebeb;
}
.detail-option-table .pay-line .detail-form-title {
	line-height: 30px;
}
.detail-option-table .pay-line .detail-option {
	padding-bottom: 38px;
	font-size: 30px;
	font-weight: 600;
	color: #d7083b;
}
.detail-option-table .pay-line .detail-option span {
	font-size: 18px;
	vertical-align: bottom;
	font-weight: 500;
	color: #434343;
}
.detail-buy-btns {
	margin-bottom: 20px; 
	text-align: center;
}
.detail-buy-btns p:first-child {
	margin-right: 10px;
	width: 220px;
	height: 50px;
	border: 1px solid #777;
	background: #fff;
	box-sizing: border-box;
}
.detail-buy-btns p:first-child a {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #575757;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.detail-buy-btns p {
	display: inline-block;
	width: 220px;
	height: 50px;
	border: 1px solid #111;
	background: #111;
	box-sizing: border-box;
}
.detail-buy-btns p a {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.sold-out {
	width: 100%;
}
.sold-out p {
	display: inline-block;
	width: 100%;
	height: 50px;
	border: 1px solid #111;
	background: #111;
	box-sizing: border-box;
}
.sold-out p a {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
#detail-info--container {
	padding-top: 220px;
	width: 100%;
}
.detail-info-tab {
	padding-bottom: 100px;
}
.detail-info--tabbtn {
	width: 100%;
	/* height: 50px; */
	border-bottom: 1px solid #111;
	font-size: 0;
	text-align: left;
}
.detail-info--tabbtn li {
	display: inline-block;
	max-width: 150px;
	width: 25%;
	height: 50px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
}
.detail-info--tabbtn li:frist-child {
	border-left: 1px solid #ebebeb;
}
.detail-info--tabbtn li a.on {
	color: #fff;
	background: #111;
	border: 1px solid #111;
}
.detail-info--tabbtn li a {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #111;
}
.detail-tab-contentsWrap .detail-tab-contents {
	display: none;	
}
.detail-tab-contentsWrap .detail-tab-contents.open {
	display: block;	
}
.detail-tab-contentsWrap #spec {
	text-align: center;
}
.detail-info-tab .detail-from--pd {
	padding: 0 0;
}
#exchange .detail-txt {
	padding-top: 18px;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	color: #8e8f91;

}
#exchange .detail-txt .detail-txt-tit {
	font-size: 18px;
	font-weight: 500;
	color: #363636;
	padding-bottom: 13px;
	margin-bottom: 18px;
	border-bottom: 1px solid #eee;
}
#exchange .detail-txt .detail-txt-tit.non-st {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.detail-txt p {
	padding: 18px;
	padding-top: 0;
	line-height: 1.7;
}
.detail-txt td p {
	padding: 0;
}
table.delivery-info-table {
    width: 100%;
    margin-bottom: 40px;
    table-layout: fixed;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 1em;
}
.delivery-info-table tr th {
	width: 150px;
	padding: 12px 16px;
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
    color: #111;
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
}
.delivery-info-table tr td {
	width: 100%;
    padding: 12px 16px;
    color: #333;
    border-bottom: 1px solid #eee;
    border-right: none;
    border-left: none;
    border-top: none;
    line-height: 17px;
    font-size: 13px;
}
.score-fix span {
	display: inline-block;
	font-size: 0;
	letter-spacing: 0;
	text-decoration: none;
	width: 14px;
	height: 13px;
	background: url(../img/content/str-off.png) 0 0 no-repeat;
}
.score-fix span.on {
	width: 14px;
	height: 13px;
	background: url(../img/content/str-on.png) 0 0 no-repeat;
}
.radio_str_score span {
	width: 25px;
	height: 24px;
}
.radio_str_score a {
	display: inline-block;
	font-size: 0;
	letter-spacing: 0;
	text-decoration: none;
	width: 25px;
	height: 24px;
	background: url(../img/content/str-big-off.jpg) 0 0 no-repeat;
}
.radio_str_score a.on {
	width: 25px;
	height: 24px;
	background: url(../img/content/str-big-on.jpg) 0 0 no-repeat;
}
.review-control img {
	max-width : 300px;
	padding: 5px;
}
@media screen and (max-width:1280px){
	#detail-content #detailimg-box {
		position: relative;
		display: inline-block;
		width: 390px;
 		margin: 0;
		padding: 0;
	}
	.pos-gdsimg--content {
		float: none;
		max-width: 100%;
		height: 480px;
	}
	.thumb-images {
		position: absolute;
		left: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		height: 70px;
	}
	.thumb-images a {
		display: inline-block;
		width: 70px;
		height: 70px;
		margin-bottom: 0;
		margin-right: 10px;
	}
	.thumb-images a:last-child {
		margin-right: 0;
	}
}
@media screen and (max-width:914px){
	#detail-content #detailimg-box .bx-wrapper {
	    margin-bottom: 80px;
	}
	#detail-content #detailimg-box {
		position: relative;
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	.pos-gdsimg--content {
		float: none;
		margin: 0 auto;
		padding: 25px 0;
		max-width: 100%;
		/* max-height: 800px; */
		height: auto;

	}
	.thumb-images {
		position: absolute;
		left: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		text-align: center;
	}
	.thumb-images a {
		display: inline-block;
		max-width: 90px;
		margin-bottom: 0;
		margin-right: 10px;
		border: 1px solid #555;
		box-sizing: border-box;
		opacity: 0.3;
	}
	.thumb-images a:last-child {
		margin-right: 0;
	}

	.detailoption-box {
		padding: 30px 0 0 0;
		width: 100%;
	}
	.detailoption-box .detail-title h3 {
		width: 100%;
		font-size: 22px;
	}
	.detail-buy-btns p:first-child {
		margin-right: 10px;
		width: calc(50% - 10px);
		height: 50px;
		border: 1px solid #777;
		background: #fff;
		box-sizing: border-box;
	}
	.detail-buy-btns p {
		display: inline-block;
		width: 50%;
		height: 50px;
		border: 1px solid #111;
		background: #111;
		box-sizing: border-box;
	}
	#detail-info--container {
		padding-top: 120px;
		width: 100%;
	}	
	.detailoption-box .naverPay-content {
		float: inherit;
		text-align: center
	}
}
@media screen and (max-width:640px){
	#detail-content #detailimg-box .bx-wrapper {
		margin-bottom: 40px;
	}
	.pos-gdsimg--content {
		float: none;
		margin: 0 auto;
		padding: 25px 0;
		max-width: 100%;
		height: auto;
	}
	.thumb-images {
		height: 55px;
	}
	.thumb-images a {
		max-width: 58px;
		height: 58px;
	}
	.delivery-info-table tr th {
		width: 30%;
	}
}

@media screen and (max-width:420px){
	.thumb-images a {
		max-width: 50px;
		height: 50px;
	}
	.certi-box p {
		display: inline-block;
		padding-top: 5px;
		padding-left: 0;
		font-weight: 400;
		line-height: 1.6;
		font-size: 12px;
		color: #8e8f91;
		width: auto;
		text-align: left;
		text-align: center;
	}
	.detail-info--tabbtn li a {
		display: inline-block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 13px;
		font-weight: 500;
		color: #111;
	}
	.delivery-info-table tr th {
		width: 40%;
	}
}
/* ******************************************************
	@ reponsive
*******************************************************/
@media screen and (max-width:1600px){
	.bg_area {
		max-width: 1366px;
		width: 100%;
	}
	.data_02 {
		height: 700px;
		padding: 120px 0;
	}
	.data_02 .txt_wrap img {
		transform: scale(0.9);
	}
	.data_02 .txt01 {
		position: absolute;
		top: -29%;
		left: -9.5%;
	}
	.data_02 .txt02 {
		position: absolute;
		top: 4%;
		left: 15%;
	}
	.data_02 .txt03 {
		position: absolute;
		top: 21%;
		left: -0.5%;
		font-weight: 600;
		font-size: 70px;
		color: #fff;
	}
	.bg_area .av_wrap {
		left: 39.5%;
	}
	.data_04 .visual-img ul {
		width: 100%;
	    margin: 0 auto;
	}
}
@media screen and (max-width:1560px){
	body {
		/* min-width:1260px; */
	}
	#top_banner .btn div {
		width:1200px;
	}
	#content>div>div {
		width:1200px;
	}
	#content_wrap.common #contents {
		width:900px;
	}
	.sub_inner,.location_product,.shopping_tab>ul>li .xans-product-children ul {
		width:1200px;
	}
	/* mainvisual */
	#content>div>div {
		width:1200px;
	}
	#content_wrap.common #contents {
		width:900px;
	}
	.sub_inner,.location_product,.shopping_tab>ul>li .xans-product-children ul {
		width:1200px;
	}
	#main_visual ul>li {
		background-position:50% 0;
	}
	#main_visual ul>li>div {
		left:38%;
		margin-left:0;
	}
	.data_02 {
		height: 540px;
		padding: 50px 0;
	}
	.bg_area {
		max-width: 1024px;
		width: 100%;
	}
	.data_02 .txt_wrap img {
		transform: scale(0.8);
	}
	.data_02 .txt01 {
		position: absolute;
		top: -15%;
		left: -10.7%;
	}
	.data_02 .txt02 {
		position: absolute;
		top: 17.5%;
		left: 15%;
	}
	.data_02 .txt03 {
		position: absolute;
		top: 37%;
		left: 1.5%;
		font-weight: 600;
		font-size: 45px;
		color: #fff;
	}
	.data_02 .txt03-title {
		position: absolute;
		top: 44.5%;
		left: 2%;
		padding-top: 15px;
		font-size: 15px;
		color: #fff;
		font-weight: 400;
		line-height: 1;
	}
	.data_02 .txt03-title span {
		position: absolute;
		bottom: -70%;
		left: 0%;
		display: inline-block;
		width: 30px;
		height: 2px;
		background: #575757;
	}
	.data_02 .txt03-subtit {
		position: absolute;
		top: 59.5%;
		left: 2%;
		font-size: 17px;
		font-weight: 400;
		color: #c6c6c6;
		line-height: 1.4;
		width: 310px;
		text-align: left;
	}
	.bg_area .av_wrap {
		left: 31%;
		transform: scale(0.7);
	}
	.fittime-visual--bg {
		max-width: 1920px;
		width: 100%;
		height: 360px;
		background: url(../img/content/visual-bg.png) 50% 47% no-repeat;
	}
}

@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){
	body {
		/* min-width:1024px; */
		box-sizing: border-box;
	}
	#header {
		position: relative;
		width:100%;
	}
	.content-area {
		max-width: 900px;
		margin: 0 auto;
	}

	/* @list */
	.product-type ul {
		position: relative;
		display: inline-block;
		width: calc(33.33% - 20px);
		height: auto;
		margin-left: 30px;
		background: #fff;
		margin-bottom: 100px;
		border: 1px solid #ebebeb;
		box-sizing: border-box;
		overflow: hidden;
	}
.product-type ul:hover img {
	opacity: 0.7;
	filter: contrast(1.1);
}
.product-type ul:hover .more a:before {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(20%,18.33%); 
	z-index:1;	
	width: 200px;
	height: 200px;
	background: url(../img/content/detail-more-btn.png) 0 0 no-repeat;
	content: "";
	display:block;
}
.product-type ul:first-child {
	margin-left: 0;
}
.product-type ul:last-child {
	margin-bottom: 0;
}
	.product-type ul li {
		float: left;
		max-width: 450px;
		width: 100%;
	}
	.product-type ul li .gds-payinfo {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 250px;
	    padding: 10px 0;
	}
	.product-type ul li:last-child {
		max-width: 448px;
		width: 100%;
	}
	.product-type ul li .gds-payinfo > div {
		max-width: 200px;
	}	
	.product-type ul li .gds-payinfo .gds-payinfo-txt {
		text-align: left;
		width: calc(100% - 30px);
		max-width: 269px;
		padding: 0 0 0 26px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt .gds-list-btn {
		bottom: 15px;
		width: 160px;
		height: 45px;
		line-height: 45px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt .gds-list-btn a {
		height: 45px;
		line-height: 45px;
	}
}
@media screen and (max-width:1024px){
	.swiper-arrow {
		width: 30px;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%,0);
		z-index: 1;
	}
	#main_visual>.btn_next,
	#main_visual>.btn_prev {
		display: none;
	}	
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox {
		position: absolute;
	    top: 50%;
		left: 50%;
		width: 100%;
		color: #111;
		transform: translate(-50%,-50%);
		text-align: center;
	}
}
@media screen and (max-width:900px){
	/* @list */
	/* @list */
	.product-type ul {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		margin-left: 0;
		background: #fff;
		margin-bottom: 100px;
		border: 1px solid #ebebeb;
		box-sizing: border-box;
		overflow: hidden;
	}
	.product-type ul {
		height: auto;
		margin-bottom: 100px;
		border: 1px solid #ebebeb;
		box-sizing: border-box;
		overflow: hidden;
	}
	.product-type ul li {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	.product-type ul li .gds-payinfo {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		padding: 37px 0;
	}
	.product-type ul li:last-child {
		max-width: 448px;
		width: 100%;
		margin: 0 auto;
	}
	.product-type ul li .gds-payinfo > div {
		max-width: 200px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt {
		max-width: 100%;
		padding: 0 0 0 26px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt .gds-list-btn {
		bottom: 15px;
		width: 130px;
		height: 40px;
		line-height: 40px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt span.gds-tit {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt span {
		margin-bottom: 15px;
		font-size: 13px;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt span.gds-pay {
		font-size: 25px;
		margin-bottom: 15px;
	}
	.gds-payinfo-txt span.gds-pay {
		position: initial;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt .gds-list-btn a {
		height: 45px;
		line-height: 45px;
	}
	.data_03 .ico-set ul li {
		width: 294px;
		display: inline-block;
		margin: 0 20px 70px;
		text-align: justify;
	}
	.product-type ul:hover img {
		opacity: 1;
		filter: contrast(1.1);
	}
	.product-type ul:hover .more a:before {
		display: none;
	}
}
@media screen and (max-width:768px){
	body {
		min-width:100%;
		box-sizing: border-box;
	}
	.content > div{
		position:relative;
		box-sizing:border-box;
		background-repeat:no-repeat;
		background-position:center top;
		background-size:cover;
		background-size: 70%;
		/* text-align: center; */
	}
	.data_02 {
		height: auto;
		padding: 48px 0 82px;
	}
	.bg_area {
		max-width: 768px;
		width: 100%;;
	}
	.data_02 .txt_wrap p {
		display: inline-block;
		vertical-align: middle;
	}
	.data_02 .txt_wrap img {
		transform: scale(1);
	}
	.data_02 .txt01 {
		width: 104px;
		height: 90px;
		background: url('../img/content/onAir-ico.png') no-repeat center;
		background-size: 147px;
		position: inherit;
		top:0;
		left: 0;
	}
	.data_02 .txt01 img {display: none;}
	.data_02 .txt02 {
		position: inherit;
		margin-left:-10px;
	}
	.data_02 .txt02 img {
		width: 125px;
	}
	.data_02 .txt_wrap p.txt03 {
		position: inherit;
		font-weight: 600;
		font-size: 38px;
		color: #fff;
		margin-top: -16px;
		display: block;
	}
	.bg_area .av_wrap {
		display: block;
		position: inherit;
		left: 0;
		transform: translate(0);
		margin-top: 40px;
	}
	.av_wrap p {
		position: inherit;
		text-align: center;
	    bottom: 0;
		left: 0;
	    transform: translate(0);
		font-size: 18px;
		width: 100%;
		font-weight: 400;
		margin-top: 25px;
	}
	.data_02 .av_wrap video {
		width: 100%;
		height: auto;
	}
	.av_wrap-btn {
		margin-top: -37px;
	}
	.data_03 .ico-set ul li {
		width: 294px;
		display: inline-block;
		margin: 0 20px 70px;
		text-align: justify;
	}
	.data_04 .bg_area {
		position: relative;
		box-sizing:border-box;
		margin: 0 auto;
	}
	.data_05 {
		padding: 0;
	}
	.data_05 .bg_area {
		position: relative;
		box-sizing:border-box;
		margin: 0 auto;
	}
	.fittime-visual--bg {
		max-width: 1920px;
		width: 100%;
		height: 360px;
		background: url(../img/content/visual-bg.png) 60% 47% no-repeat;
	}

	/* @list */
	.product-type {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin: 0 auto;
	}
	.product-type ul li {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.product-type ul li:first-child {
		border-bottom: 1px solid #ebebeb;
		border-right: none;
	}
	.product-type ul li:last-child {
		max-width: 448px;
		width: 100%;
	}
	.product-type ul.switch-turn li {
		float: none;
		border-left: none;
	}
	.product-type ul li .gds-payinfo {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 37px 0;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt {
		max-width: 100%;
		padding: 0;
	}
}

@media screen and (max-width:640px){
	#main_visual ul>li {
		background-position: 40% 0;
		background-size: cover;
	}
	#main_visual ul>li>div {
		top: 100px;
		left: 30%;
	}
	#main_visual ul,
	#main_visual {
		height: auto;
	}
	#main_visual ul>li .info_inner.event_visual {
		padding-left: 0;
		text-align: center;
		background: rgba(255,255,255,0.8);
	    height: auto;
	    padding: 10px 20px 15px 10px;
	    width: 255px;
	    top: inherit;
	    bottom: 55px;
	    left: 50%;
	    margin-left: -130px;
	    -webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#main_visual ul>li .event_visual .v_stitle {
		padding: 5px 0 18px;
	    margin-bottom: 6px;
	    font-weight: 400;
	    font-size: 15px;
		border: none;
	    line-height: 1.2;
	    background: transparent;
	    position: relative;
	    margin-right: -5px;
	}
	#main_visual ul>li .event_visual .v_stitle:after {
		content: "";
		position: absolute;
		bottom: 5px;
		width: 40px;
		height: 1px;
		background: #000;
		left: 50%;
		margin-left: -20px;
	}
	#main_visual ul>li .info_inner .v_title {
		color: #000;
    	line-height: 1.2;
        margin-top: 0;
    	font-size: 24px;
	}
	#main_visual ul>li .info_inner .v_title-sect {
		font-size: 41px;
    	line-height: 1.2;
	}
	#main_visual ul>li .event_visual .v_btn>a {
		background: #d7083c;
	    color: #fff;
	    border-radius: 18px;
	    line-height: 26px;
	    height: 26px;
	    display: inline-block;
	    padding: 2px 15px;
	    margin-left: -8px;
	    margin-top: -2px;
	    font-weight: 500;
	}
	.data_03 {
		padding: 66px 0 40px;
	}
	.data_03 .ico-set .ico-set-title {
		font-size: 38px;
		margin-bottom: 45px;
	}
	.data_04 {
		padding: 30px 0 0;
	}
	.data_04 .swiper-slide {
		position: relative;
		overflow: hidden;
	}
	.data_04 .swiper-slide img {
		width: 100%;
	}
	.data_04 .swiper-slide p.itm-txt {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 12px 10px;
		background: rgba(0,0,0,0.6);
		box-sizing: border-box;
	}
	.data_04 .swiper-slide p span {
		color: #fff;
		line-height: 1.4;
	}
	.data_04 .swiper-slide p span:last-child {
		color: #fff;
		opacity: 0.8;
	}
	.data_04 .itm-set p {
		padding-top: 16px;
	}
	.data_04 .itm-set .itm-set-title {
		display: inline-block;
		text-align: center;
		font-size: 30px;
		line-height: 42px;
		margin-bottom: 30px;
		padding-top: 0;
	}
	.data_05 .itm-set-title {
	    display: inline-block;
		text-align: center;
		font-size: 25px;
		line-height: 42px;
		margin-bottom: 20px;
		padding-top: 20px;
	}
	.data_05 .itm-set-subTxt {
	    font-size: 25px;
	    font-weight: 600;
	    color: #da1e48;
	    margin-bottom: 30px;
	}
	.data_05 .itm-set-subTxt img {
		width: 32px;
		margin-right: 14px;
	}
	.fittime-visual--bg {
		max-width: 1920px;
		width: 100%;
		height: 190px;
		background: url(../img/content/visual-bg.png) 53% 47% no-repeat;
		background-size: 133%;
	}
	.fittime-bg-log {
	    position: absolute;
	    top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 142px;
		opacity: 0.7;
		height: auto;
	}
	/* @login */
	#login-container {
		width: calc(100% - 30px);
		padding: 90px 0;
		background: #fff;
		margin: 0 15px;
	}
	.content-area {
		width: 1200px;
		margin: 0 auto;
	}
	.login-area {
		max-width: 400px;
		margin: 0 auto;
	}

	.product-type ul li > div > img {
		width: 100%;
	}

	/* @login */
	a.idpw-search {
		float: right;
		color: #d7083b;
		margin-bottom: 20px;
	}
	/* @회원가입 */
	.join-up-policy .form-join-write .form-selectbox.date-yy,
	.join-up-policy .form-join-write .form-selectbox.call-num,
	.join-up-policy .form-join-write .form-selectbox.date-mm,
	.join-up-policy .form-join-write .form-selectbox.date-dd {
		margin-bottom: 10px;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox {
		position: absolute;
		top: 50%;
		left: 50%;
		color: #111;
		transform: translate(-50%,-50%);
		text-align: center;
		width: 100%;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-tit {
		font-size: 25px;
		font-weight: 600;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-subtxt {
		font-size: 15px;
		font-weight: 500;
		padding-top: 11px;
		width: 62%;
		text-align: center;
		display: inline-block;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox {
		padding-top: 10px;
	}
	.ad-sub--chk input[type="checkbox"] + label{
		margin-bottom: 12px;
		padding-left: 15px;
		padding-right: 9px;
	}
	footer {
		padding: 15px;
		font-size: 13px;
	}
	footer .footer-address--box .footer-section01 p {
	    padding-right: 5px;
	}
	footer .footer-section01 {
		display: inline-block;
		padding-bottom: 11px;
	}
	footer .footer-address--box .footer-section02 p {
		line-height: 1.2;
		padding-bottom: 5px;
		padding-right: 5px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 4px;
	}
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	#main_visual.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 18px;
	}
	.data_03 .ico-set ul li {
		width: 45%;
		margin: 0 0 40px;
		padding-right: 0;
		text-align: center;
	}
	.data_03 .ico-set ul li img {
		width: 80px;
	}
	.data_03 .ico-set ul li span {
		display: block;
		margin-left:0;
		text-align: center;
		line-height: 1.2;
		margin-top: 10px;
		font-size: 17px;
	}
	.data_04.pageBox .swiper-container-horizontal>.swiper-pagination-bullets {
		display: block;
		bottom: 0;
	}
	.data_04.pageBox .itm-set {
		padding-bottom: 35px;
	}
	.data_04 .swiper-pagination-bullet {
		background: #999;
	}
	.data_04 .swiper-pagination-bullet-active {
		background: #d7083c;
	}
	.data_04 .itm-set p span:first-child {
		font-weight: 600;
	}
	.data_04 .itm-set .itm-set-title span {
		font-size: 38px;
		line-height: 38px;
	}
	.data_04 .itm-set .itm-set-title span.bulet {
		font-weight: 300;
		font-size: 38px;
		line-height: 42px;
		opacity: 1 !important;
		color: #000;
	}	
	.data_04 .itm-set .itm-set-title span.tit-en {
	    font-size: 38px;
	    font-weight: 600;
	    color: #111;    
	    line-height: 1;
	}
	.data_04 .swiper-itm-container {
		margin: 0 20px;
		overflow: hidden;
	}
	.data_04 .swiper-container-android .swiper-slide img {
		display: block;
		width: 100%;
	}

	/* @list */
	#list-contents	{
		width: 100%;
	}
	.product-type {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin: 0 auto;
	}
	.product-type ul li {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.product-type ul li:last-child {
		max-width: 448px;
		width: 100%;
	}
	.product-type ul li .gds-payinfo {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 16px 15px 0;
	}
	.product-type ul li .gds-payinfo .gds-payinfo-txt {
		max-width: 100%;
		padding: 0;
	}
	.gds-payinfo img {
		display: none;
	}
	#join-up .join-up-area .join-up-area-nav li a {
		position: relative;
		padding: 0 10px;
	}
	#join-up .join-up-area .join-up-area-nav li a em {
		position: absolute;
		left: 10px;
	}
	.product-type ul {
		margin-bottom: 50px;
	}
	.product-type ul:last-child {
		margin-bottom: 100px;
	}

}

@media screen and (max-width:420px){
	#main_visual {
		overflow: hidden;
	}
	#main_visual ul>li {
		background-position: 40% 0;
		background-size: cover;
	}
	#main_visual ul>li>div {
		top: 40px;
	}
	#join-up .join-up-area .join-up-area-nav li a {
		position: relative;
		padding: 0 10px;
		font-size: 13px;
		text-align: center;
	}
	#join-up .join-up-area .join-up-area-nav li a em {
		display: none;
	}
	/* 2018-09-19 */

	/* #join-up .join-up-area .join-up-policy {
		margin-top: 20px;
		position: relative;
		margin-bottom: 20px;
	} */
	#join-up-contents .join-up-policy .welcome-fitime {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		color: #111;
		transform: none;
		text-align: center;
		width: 100%;
		margin: 0;
	}
	#join-up-contents .join-up-policy .welcome-fitime img {
		display: none;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox {
		position: relative;
		top: 0;
		left: 50%;
		padding: 20px;
		margin: 0;
		color: #111;
		transform: translate(-50%,0);
		text-align: center;
		background: #ffe1e0;
		width: 100%;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-tit {
		font-size: 22px;
		font-weight: 600;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-subtxt {
		font-size: 15px;
		font-weight: 500;
		padding-top: 11px;
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	#join-up-contents .join-up-policy .welcome-fitime .welcome-fitime-titbox .welcome-fitime--btnbox {
		padding-top: 10px;
		width: 100%;
	}
	.data_04 .itm-set .itm-set-title {
		width: 79%;
	}
	.data_05 .itm-set-title {
		width: 79%;
	}
}


/* ******************************************************
	class
*******************************************************/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ******************************************************
	content responsive
*******************************************************/
.content-responsive {
	max-width: 1240px;
	margin: 0 auto;
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 128px;
}
.content-responsive {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content-responsive * {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width:1024px){
	.content-responsive {
		max-width: 1024px;
	}
}
@media screen and (max-width:768px){
	.content-responsive {
		padding-bottom: 90px;
	}
}
@media screen and (max-width:640px){
	.content-responsive {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 60px;
	}

}

/* ******************************************************
	page subtitle
*******************************************************/
.page-subtitle {
	color: #000;
	text-align: left;
	padding-top: 90px;
	padding-bottom: 60px;
}
.page-subtitle h2 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
}
.page-subtitle-mid {
	color: #000;
	text-align: center;
	padding-bottom: 65px;
}
.page-subtitle-mid h2 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
}

@media screen and (max-width:768px){
	.page-subtitle {
		padding-top: 60px;
		padding-bottom: 35px;
	}
}
@media screen and (max-width:640px){
	.page-subtitle {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.page-subtitle h2 {
		font-size: 25px;
	}
	#login-container {
		width: calc(100% - 30px);
		padding: 50px 0;
		background: #fff;
		margin: 0 15px;
	}
	.page-subtitle-mid {
		padding-bottom: 20px;
	}
	.page-subtitle-mid h2 {
		font-size: 30px;
		font-weight: 500;
		line-height: 1;
	}
}

/* ******************************************************
	table basic
*******************************************************/
.table--basic table {
	border-top: 2px solid #434343;
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
}
.table--basic th {
	color: #111;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	padding: 21px 8px 20px 8px;
	line-height: 1.4;
	vertical-align: middle;
}

.table--basic td {
	color: #434343;
	border-top: 1px solid #e4e4e4;
	/*padding: 20px 8px 21px 8px;*/
	height: 60px;
	padding: 6px 8px 5px 8px;
	text-align: center;
	vertical-align: middle;
	font-weight: 500;
	line-height: 1.4;
	font-size: 15px;
}
.table--basic td.title {
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
}
.table--basic .preview {
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	color: #111;
	font-weight: 600;
}
.table--basic .pretitle {
	text-align: left;
	padding-left: 50px;
	padding-right: 50px;
}
.table--basic .point .num,
.table--basic .point .title {
	color: #d7083b;
}
.table--basic .text-overflow {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	max-height: 42px;
	font-weight: 400;
	color: #575757;
}
.table--basic .text-overflow.photo:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
    width: 22px;
    height: 19px;
    background: url('../img/content/review-photo-ico.png') no-repeat 0 0;
    background-size: 100%;	
}
.table--basic .icon-lock {
	width: 12px;
	height: 15px;
	display: inline-block;
	background: url('../img/content/ico_lock.png') no-repeat 0 0;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}
.table--basic .input-secret-bullet {
	background: #f6f6f6;
}
.table--basic .input-secret {
	padding: 18px 30px 20px;
	text-align: left;
	background: #f6f6f6;
}
.table--basic .input-secret p {
	margin-bottom: 8px;
}
.table--basic .input-secret p span {
	color: #d7083b;
}
.table--basic .secret-password {
	display: none;
}
.table--basic .secret-password.active {
	display: table-row;
}
.table--basic .password-box input[type="password"] {
	width: 200px;
	height: 30px;
	padding: 3px 6px;
	font-weight: 100;
	border-color: #d2d2d2;
	float: left;
}
.table--basic .password-box .button--dimmed {
	float: left;
	width: 70px;
	height: 30px;
	color: #fff;
	background: #111;
	text-align: center;
	line-height: 28px;
}
.table--basic .tr-hide {
	display: none;
}
.table--basic .tr-hide.active {
	display: table-row;
}
@media screen and (max-width:768px){
	.table--basic td.title {
		padding-left: 7px;
		padding-right: 7px;
	}
	.table--basic .input-secret {
		padding-left: 7px;
		padding-right: 7px;
	}
	.table--basic th,
	.table--basic td {
		/*font-size: 14px;*/
		/* padding: 14px 7px 15px 7px; */
		height: 52px;
		padding: 5px 7px 4px 7px;
	}
}
@media screen and (max-width:640px){
	.table--basic th,
	.table--basic td {
		font-size: 14px;
		padding: 5px;
	}
	.table--basic th {
		font-weight: 500;
	}
	.table--basic td {
		font-weight: 400;
	}
	.table--basic .password-box input[type="password"] {
		width: 180px;
	}
	.table--basic .text-overflow {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* ******************************************************
	pagination
*******************************************************/
.pagination--basic a {
	font-size: 15px;
	font-weight: 500;
	color: #636468;
	display: inline-block;
	padding: 0 2px;
}
.pagination--basic {
	text-align: center;
}
.pagination--basic li {
	display: inline-block;
	padding: 0 8px;
	vertical-align: middle;
}
.pagination--basic li.on a {
	color: #111;
}
.pagination--basic .prev {
	margin-right: 5px;
}
.pagination--basic .prev a {
	width: 4px;
    height: 4px;
    border: solid #989796;
    border-width: 0 1px 1px 0;
    transform: rotate(135deg);
    padding: 0;
}
.pagination--basic .next a {
	width: 4px;
    height: 4px;
    border: solid #989796;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    padding: 0;
}
.pagination--basic .next {
	margin-left: 5px;
}
.table--basic + .pagination--basic,
.accordion--basic + .pagination--basic {
	margin-top: 68px;
}
@media screen and (max-width:768px){
	.pagination--basic a {
		font-size: 14px;
	}
	.table--basic + .pagination--basic,
	.accordion--basic + .pagination--basic {
		margin-top: 50px;
	}
}
@media screen and (max-width:640px){
	.pagination--basic li {
		padding: 0 5px;
	}
	.pagination--basic a {
		font-weight: 400;
	}
	.table--basic + .pagination--basic,
	.accordion--basic + .pagination--basic {
		margin-top: 35px;
	}
}

/* ******************************************************
	search box
*******************************************************/
.search-box  {
	position: relative;
}
.search-box input[type="text"] {
	height: 30px;
	padding: 3px 37px 3px 7px;
	width: 200px;
}
.search-box .icon-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url('../img/content/ico_search.png') no-repeat center;
}
.side-search {
	margin-bottom: 10px;
}
.side-search .search-box {
	float: right;
}
.side-search .form-selectbox {
    width: 80px;
    float: right;
    margin-right: -1px;
}
.side-search .form-selectbox select {
    padding: 3px 7px;
}
.side-search .form-selectbox:after {
    height: 28px;
}
@media screen and (max-width:420px){
    .side-search .form-selectbox {
        width: 40%
    }
    .side-search .search-box {
        width: 60%;
    }
    .search-box input[type="text"] {
        width: 100%;
    }
}

/* ******************************************************
	notice list
*******************************************************/
.notice-catalog .num {
	width: 8.8%;
}
.notice-catalog .title {
	width: 56%;
}
.notice-catalog .author {
	width: 11.5%;
}
.notice-catalog .date {
	width: 11.5%;
}
.notice-catalog .views {
	width: 5%;
	padding-left: 2px;
	padding-right: 2px;
}

@media screen and (max-width:768px){
	.notice-catalog .num {
		width: 12%;
	}
	.notice-catalog .title {
		width: 47%;
	}
	.notice-catalog .author {
		width: 15%;
	}
	.notice-catalog .date {
		width: 15%;
	}
	.notice-catalog .views {
		width: 11%;
	}
}
@media screen and (max-width:640px){
	.notice-catalog .num {
		width: 16%;
	}
	.notice-catalog .title {
		width: 61%;
		padding-right: 0;
	}
	.notice-catalog .author {
		display: none;
	}
	.notice-catalog .date {
		width: 23%;
	}
	.notice-catalog .views {
		display: none;
	}
	.notice-catalog .text-overflow {
		width: 200px;
	}
}


/* ******************************************************
	table detail
*******************************************************/
.table-detail-view .title {
	font-weight: 600;
}
.table-detail-view .preview {
	width: 102px;
}
.table-detail-view .subject {
	text-align: left;
	padding: 30px 30px 85px;
	line-height: 1.8;
}
.table-detail-view .date {
	width: 220px;
	text-align: right;
	padding-left: 30px;
	padding-right: 30px;
}
.table-detail-view .answer {
	text-align: left;
	padding: 18px 30px 45px;
	line-height: 1.5;
	background: #f6f6f6;
}
.table-detail-view .answer span {
	color: #d7083b;
	font-weight: 600;
	display: block;
	margin-bottom: 2px;
}
.table-detail-view + .section-action {
	text-align: right;
	margin-top: 50px;
	/* margin-bottom: 90px; */
}
.section-action .button--dimmed {
	background: #111;
	color: #fff;
	font-size: 13px;
	width: 120px;
	height: 35px;
	text-align: center;
	display: inline-block;
	line-height: 33px;
}
.section-action .button--ghost {
	background: transparent;
	color: #111;
	font-size: 13px;
	border: 1px solid #111;
	width: 120px;
	height: 35px;
	text-align: center;
	display: inline-block;
	line-height: 33px;
	margin-right: 10px;
}
@media screen and (max-width: 768px) {
	.table-detail-view td.title {
		padding-left: 30px;
		padding-right: 30px;
	}
	.table-detail-view .pretitle {
		padding-left: 15px;
		padding-right: 15px;
	}
	.table-detail-view + .section-action {
		margin-bottom: 50px;
	}
	
	.error_content_common {
		width: 95%;
		margin: 10px;
	}
}
@media screen and (max-width:640px){
	.table-detail-view .pretitle .text-overflow {
		width: 170px;
	}
	.table-detail-view .preview,
	.table-detail-view .date,
	.table-detail-view td.title,
	.table-detail-view .subject {
		padding-left: 10px;
		padding-right: 10px;
	}
	.table-detail-view .pretitle {
		padding-left: 0;
		padding-right: 0;
	}
	.table-detail-view + .section-action {
		margin-top: 35px;
	}
	.section-action .button--dimmed {
		width: 100%;
	}
	.section-action.button-group .button--dimmed,
	.section-action.button-group .button--ghost {
		width: calc(33% - 7px);
		margin-right: 10px;
	}
	.section-action.button-group.triple-sort-btn .button--dimmed,
	.section-action.button-group.triple-sort-btn .button--ghost {
		width: calc(27.33% - 10px);
		margin-right: 10px;
	}

	.section-action.button-group .button--dimmed {
		margin-right: 0;
	}
	.table-detail-view + .section-action {
		margin-bottom: 30px;
	}
	
	.error_content_common {
		width: 95%;
		margin: 10px;
	}
}

/* ******************************************************
	action group
*******************************************************/
.action-group {
	padding-top: 68px;
	position: relative;
}
.action-group .section-action {
	position: absolute;
	right: 0;
	top: 50px;
}
@media screen and (max-width:640px){
	.action-group {
		padding-top: 35px;
	}
	.action-group .section-action {
		position: relative;
		top: 0;
		margin-top: 30px;
	}
}

/* ******************************************************
	nav tab
*******************************************************/
.nav-tab--point.col-3 li {
	width: 33.33%;
	float: left;
}
.nav-tab--point.col-6 li {
	width: 16.6666666%;
	float: left;
}
.nav-tab--point.col-3  li:first-child a {
	border-left: none;
}
.nav-tab--point.col-3  li:last-child a {
	border-right: none;
}
.nav-tab--point li:last-child a {
	border-right: 1px solid #dcdcdc;
}
.nav-tab--point li.active a {
	background: #d7083b;
	color: #fff;
}
.nav-tab--point li.active + li a {
}
.nav-tab--point a {
	height: 50px;
	border-left: 1px solid #dcdcdc;
	line-height: 50px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	display: block;
	color: rgba(17,17,17,0.5);
	width: 100%;
	background: #eee;
	transition: all 0.2s;
}
@media screen and (max-width:640px){
	.nav-tab--point a {
		font-size: 14px;
		font-weight: 500;
		height: 40px;
		line-height: 40px;
	}
	.nav-tab--point.col-6 li {
		width: 33.333333%;
	}
	.nav-tab--point.col-6 li:first-child a,
	.nav-tab--point.col-6 li:nth-child(2) a,
	.nav-tab--point.col-6 li:nth-child(3) a {
		border-bottom: 1px solid #dcdcdc;
	}
	.nav-tab--point.col-6 li:nth-child(4) a,
	.nav-tab--point.col-6 li:nth-child(1) a {
		border-left: none;
	}
	.nav-tab--point.col-6 li:nth-child(6) a {
		border-right: none;
	}
}

/* ******************************************************
	qna list
*******************************************************/
.qna-nav {
	padding-top: 10px;
}
.qna-catalog .num {
	width: 8.8%;
}
.qna-catalog .title {
	width: 54%;
}
.qna-catalog .author {
	width: 11.5%;
}
.qna-catalog .date {
	width: 11.5%;
}
.qna-catalog .views {
	width: 7%;
	padding-left: 2px;
	padding-right: 2px;
}
.qna-catalog .scrore-num {
	width: 5%;
	padding-left: 2px;
	padding-right: 2px;
}
.qna-catalog .scrore-str {
	width: 11.5%;
	padding-left: 2px;
	padding-right: 2px;
}

@media screen and (max-width:1280px){
	.qna-catalog .title {
		width: 50%;
	}
}
@media screen and (max-width:768px){
	.qna-catalog .num {
		width: 12%;
	}
	.qna-catalog .title {
		width: 47%;
	}
	.qna-catalog .title.detail-m--tit {
	    width: 28%;
	}
	.qna-catalog .author {
		width: 15%;
	}
	.qna-catalog .date {
		width: 15%;
	}
	.qna-catalog .views {
		width: 11%;
	}
}
@media screen and (max-width:640px){
	.qna-catalog .num {
		width: 12%;
		padding: 5px 0;
	}
	.qna-catalog td.title {
		width: 43%;
		padding-right: 0;
	}
	.qna-catalog .author {
		width: 23%;
	}
	.qna-catalog .date {
		width: 22%;
		font-size: 13px;
		padding-left: 0;
		padding-right: 0;
	}
	.qna-catalog .views {
		display: none;
	}
	.qna-catalog .text-overflow {
		width: 150px;
	}
	.qna-catalog .title.detail-m--tit {
		width: 33%;
		padding-right: 0;
	}
	.qna-catalog td.title.detail-m--tit .text-overflow {
	    width: 100%;
	}
	.qna-catalog .author.detail-m--author {
		width: 18%;
	}
	.qna-catalog .date.detail-m--date {
		width: 9%;
		font-size: 13px;
		padding-left: 0;
		padding-right: 0;
	}
	.qna-catalog .scrore-num {display: none;}
	.qna-catalog .scrore-str {
		width: 15%;
		padding-left: 2px;
		padding-right: 2px;
	}
}

/* ******************************************************
	bodyinfo box
*******************************************************/
.bodyinfo-box {
	background: #fdf3f6;
	padding: 10px;
	text-align: center;
	margin-bottom: 60px;
}
.bodyinfo-box > .clearfix {
    font-size: 0;
    width: 960px;
    display: inline-block;
}
.bodyinfo-box__item {
	display: inline-block;
	text-align: left;
	width: 50%;
}
.bodyinfo-box__item:last-child {
    padding-left: 4%;
}
.bodyinfo-box__item i[class^="icon"]  {
	display: inline-block;
	width: 82px;
	height: 82px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    vertical-align: middle;
}
.bodyinfo-box__item .icon-tell {
	background: #fff url('../img/content/ico_tell.png') no-repeat center;
}
.bodyinfo-box__item .icon-card {
	background: #fff url('../img/content/ico_card.png') no-repeat center;
}
.bodyinfo-box__item .icon-box {
	background: #fff url('../img/content/ico_box.png') no-repeat center;
}
.bodyinfo-box__item .subject {
    display: inline-block;
	margin-left: 26px;
    vertical-align: middle;
}
.bodyinfo-box__item .subject strong {
	color: #000;
	font-size: 18px;
	font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}
.bodyinfo-box__item .subject strong.txt-lh {
	line-height: 1.6;
}
.bodyinfo-box__item .subject > div {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.bodyinfo-box__item .subject p {
	color: #636468;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 5px;
	font-weight: 400;
}
.bodyinfo-box__item .subject span {
	color: #434343;
	font-weight: 500;
    font-size: 13px;
}
@media screen and (max-width:1280px){
    .bodyinfo-box > .clearfix {
        width: 905px;
    }
}
@media screen and (max-width:1024px){
    .bodyinfo-box {
        padding: 15px 10px;
    }
    .bodyinfo-box > .clearfix {
        width: 690px;
    }
    .bodyinfo-box__item .subject {
		margin-left: 14px;;
		/* margin-top: 14px;
        text-align: left; */
	}
    .bodyinfo-box__item .subject strong {
        margin-right: 18px;
    }
    .bodyinfo-box__item i[class^="icon"] {
        width: 50px;
        height: 50px;
        background-size: 25px;
    }
    .bodyinfo-box__item .subject strong {
        font-size: 16px;
    }
    .bodyinfo-box__item:last-child {
        padding-left: 1.3%;
    }
}
@media screen and (max-width:768px) {
	.bodyinfo-box {
		display: none;
	}
}

/* ******************************************************
	select box
*******************************************************/
.form-selectbox {
    position: relative;
    border: 1px solid #e4e4e4;
    z-index: 1;
    width: 100%;
}
.form-selectbox:before {
	content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 9px;
    border: solid #6d6d71;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(45deg);
}
.form-selectbox:after {
	content: "";
	background: #f6f6f6;
	width: 26px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
}
.form-selectbox label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 7px;
    color: #a8a8a8;
    font-size: 13px;
    z-index: -1;
    font-weight: 500;
}
.form-selectbox select {
    width: 100%;
    height: auto;
    line-height: normal;
    font-family: inherit;
    padding: 4px 7px;
    border: 0;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}

/* ******************************************************
	detaii-radio / input box
*******************************************************/
.detail-option-table .detail-option.radio-size {
	font-size: 0;
	padding-bottom: 36px;
	/* width: 348px; */
}
.detaii-radio {
    position: relative;
	display: inline-block;
	width: 20%;
	height: 35px;
}
.detaii-radio input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.detaii-radio label {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 35px;
	line-height: 35px;
    text-align: center;
	font-size: 15px;
	z-index: 9;
	color: #000;
}
.detaii-radio .check {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
	line-height: 35px;
    border: 1px solid #eee;
	border-left: none;
	box-sizing: border-box;
}
.detaii-radio:first-child .check {
	border-left: 1px solid #eee;
}
.detaii-radio.on .check:after {
    display: none;
    content:"";
    position: absolute;
    left: 0;
    width: 100%;
    height: 33px;
    background: #000;
    border: 1px solid #000;
	box-sizing: border-box;
}
.detaii-radio.on label  {
	color: #fff;
}
.detaii-radio .check:after label {
	color: yellow;
}
.detaii-radio input[type="radio"]:checked ~ .check:after {
	display: block;
}
.option-counter.count_range {
	padding-left: 0;
	padding-bottom: 43px;
}
.option-counter.count_range input {
	border: none;
    width: 95px;
    font-size: 15px;
    text-align: center;
    height: 20px;
}
.option-counter.count_range .plus, .option-counter.count_range .minus {
    position: relative;
    top: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.detail-option .delivery-info {
	color: #8e8f91;
}

/* ******************************************************
	radio
*******************************************************/
.form-radio {
    position: relative;
}
.form-radio input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.form-radio label {
    display: inline-block;
    position: relative;
    z-index: 9;
    padding: 0 0 0 20px;
    color: #434343;
    font-size: 15px;
}
.form-radio .check {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #dadada;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.form-radio .check:after {
    display: none;
    content:"";
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 3px;
    width: 6px;
    height: 6px;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}
.form-radio input[type="radio"]:checked ~ .check:after{
	display: block;
}

/* ******************************************************
	form write
*******************************************************/
.form-write--basic {
	border-top: 2px solid #434343;
	display: table;
	width: 100%;
}
.form-write--basic.top-bd-base {
	border-top: 1px solid #e4e4e4;
	display: table;
	width: 100%;
}
.form-write--basic.non-border {
	border-top: 1px solid #e4e4e4;
	display: table;
	width: 100%;
}
.form-write--item {
	display: table-row;
}
.form-write--basic .form-title p,
.form-write--basic .form-item p {
	font-size: 15px;
	color: #111;
	font-weight: 500;
}
.form-write--basic .form-title,
.form-write--basic .form-item {
	height: 60px;
	display: table-cell;
	/*float: left;*/
	border-bottom: 1px solid #e4e4e4;
	padding-left: 30px;
	padding-top: 22px;
}
.form-write--basic .form-title {
	width: 20%;
}
.form-write--basic .form-item {
	border-left: 1px solid #e4e4e4;
	width: 80%;
}
.form-write--basic .form-item.has-input {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 0;
}
.form-write--basic .form-control {
	border:1px solid #d2d2d2;
	height: 30px;
	padding: 3px 7px;
	color: #111;
	font-weight: 500;
}
.form-write--basic textarea {
	resize: none;
}
.filebox .form-control {
	float: left;
	margin-right: 10px;
}
.form-inline > * {
	display: inline-block;
}
.form-write--basic .address-first {
	display: inline-block;
    width: 95px;
    height: 30px;
    overflow: hidden;
}
.filebox-input {
    position: relative;
    float: left;
    width: 90px;
    height: 30px;
    background: #111;
    overflow: hidden;
}
.filebox-input span {
    display: block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
}
.filebox input[type="file"] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.filebox .filebox-info--txt {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 400;
	color: #8e8f91;
	padding-left: 19px;
	margin-left: 12px;
	text-indent: -19px;
}
.filebox .filebox-info--txt i {
	display: inline-block;
	margin-right: 7px;
	width: 13px;
	height: 13px;
	background: url(../img/content/noti-ico.png) 0 0 no-repeat;
}
.form-write--basic .address-second {
	margin-top: 7px;
}
.form-write--basic .form-selectbox.call-num,
.form-write--basic .form-selectbox.date-mm,
.form-write--basic .form-selectbox.date-dd {
	display: inline-block;
	width: 70px;
	height: 30px;
	overflow: hidden;
}
.form-write--basic .call-input {
	display: inline-block;
	margin-right:10px;
}
.form-write--basic .call-input input {
	width: 110px;
	display: inline-block;
}
.form-write--basic .call-bullet {
	display: inline-block;
	margin: 5px 2px 0;
	color: #8e8f91;
	font-size: 14px;
}
.form-write--basic .call-input + .agree-sns {
	display: inline-block;
	margin-top: 8.5px;

}
.form-write--basic .call-input + .agree-sns label {
	margin-bottom: 0;
}
.pw-modify-box {
	display: none;
	padding-top: 10px;
}
.pw-modify-box.active {
	display: block;
}
.pw-modify-box input {
	margin-bottom: 10px;
}
.pw-modify-box span {
	display: inline-block;
	width: 129px;
	line-height: 30px;
	font-size: 15px;
	font-weight: 400;
	color: #434343;
}
@media screen and (max-width:924px) {
	.form-qna-write .my-modify .form-selectbox.emailbox {
		margin-bottom: 10px;
	}
	.form-qna-write .my-modify .form-selectbox.emailbox.ml10 {
		margin-left: 0;
		width: calc(100% - 130px);
	}
}
@media screen and (max-width:768px) {
	.form-write--basic .form-title {
		width: 30%;
		padding-left: 10px;
		/*text-align: center;*/
	}
	.form-write--basic .form-title.address-tit {
		padding: 50px 0 50px 10px;
	}
	.form-write--basic .form-item {
		width: 69%;
		padding-left: 10px;
	}
	.form-write--basic .form-title,
	.form-write--basic .form-item {
		height: 50px;
		padding-top: 18px;
	}
	.form-write--basic .form-item.has-input {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.form-write--basic .form-title p,
	.form-write--basic .form-item p {
		font-size: 14px;
		font-weight: 500;
	}
	.form-write--basic .form-control {
		font-weight: 400;
	}
	.filebox .filebox-info--txt {
		padding-top: 12px;
	}
		.join-up-policy .form-join-write .form-selectbox {
		width: 50%;
	}
	/* join-up */
	.join-up-policy .form-join-write .form-selectbox.emailbox {
		display: inline-block;
		margin-bottom: 10px;
		width: 77%;
		height: 30px;
		border: 1px solid #d2d2d2;
		overflow: hidden;
	}
	.join-up-policy .form-join-write .form-selectbox.emailbox.ml10 {
		margin: 0;
		margin-bottom: 10px;
	}
	.join-up-policy .form-join-write .form-selectbox.call-num {
		width: 29%;
	}
	.join-up-policy .form-join-write .form-selectbox.call-num-box {
		display: inline-block;
		width: 41%;
	}
	/* 마이페이지-회원정보수정 */
	.form-qna-write .my-modify .form-selectbox {
		width: 24%;
	}
	.my-modify .form-selectbox.date-yy {
		display: inline-block;
		width: 95px;
		height: 30px;
		overflow: hidden;
	}
	
	.form-qna-write .my-modify .form-selectbox.call-num,
	.form-qna-write .my-modify .form-selectbox.date-mm,
	.form-qna-write .my-modify .form-selectbox.date-dd {
		display: inline-block;
		width: 70px;
		height: 30px;
		overflow: hidden;
	}
	.form-qna-write .my-modify .form-selectbox.emailbox {
		margin-bottom: 10px;
		width: 47%;
	}
}
@media screen and (max-width:734px) {
	.form-qna-write .my-modify .form-selectbox.emailbox {
		margin-bottom: 10px;
		width: 91%;
	}
}
@media screen and (max-width:640px) {
	.form-write--basic .form-title {
	    width: 30%;
		padding-left: 0;
	}
	.form-write--basic .form-title.address-tit {
		padding: 50px 0 50px 0;
	}
	.button-input.ml10 {
		margin-left: 0;
	}
}
@media screen and (max-width:420px) {
	.join-up-policy .form-join-write .form-selectbox.call-num {
		width: 29%;
	}
	.join-up-policy .form-join-write .form-selectbox.call-num-box {
		display: inline-block;
		width: 40%;
	}
	.form-qna-write .my-modify .form-selectbox.emailbox.ml10 {
		margin-left: 0;
		width: calc(100% - 100px);
	}
}
/* ******************************************************
	qna write
*******************************************************/
.form-qna-write .form-selectbox {
	width: 225px;
}
.form-qna-write .title input {
	width: 700px;
}
.form-qna-write textarea.form-control {
	width: 700px;
	height: 305px;
}
.form-qna-write.form-write--basic .address-first {
	display: inline-block;
	width: 95px;
	height: 30px;
	overflow: hidden;
}
.form-qna-write .filebox .form-control {
	width: 225px;
}
.form-qna-write .selection .form-radio {
	margin-right: 18px;
}
.form-qna-write .password .form-control {
	width: 225px;
}
.form-write--basic + .section-action {
	text-align: right;
	margin-top: 50px;
	font-size: 0;
}
@media screen and (max-width:1024px){
	.form-qna-write .title input,
	.form-qna-write textarea.form-control {
		width: 80%;
	}
}
@media screen and (max-width:768px){
	.form-qna-write .title input,
	.form-qna-write textarea.form-control,
	.form-qna-write .form-selectbox,
	.form-qna-write .password .form-control {
		width: 100%;
	}
	.form-qna-write .filebox .form-control {
		width: 70%;
		margin-right: 0;
	}
	.form-qna-write .filebox-input {
		width: 30%;
	}
	.form-write--basic + .section-action {
		margin-top: 35px;
	}
}
@media screen and (max-width:420px){
	.form-qna-write.form-write--basic .address-first {
		display: inline-block;
		width: 93px;
		height: 30px;
		overflow: hidden;
		box-sizing: border-box;
	}
}
/* ******************************************************
	accordion
*******************************************************/
.accordion--basic-title {
	position: relative;
	min-height: 60px;
	cursor: pointer;
	padding-left: 30px;
	border-bottom: 1px solid #e4e4e4;
}
.accordion--basic {
	border-top: 2px solid #434343;
}
.accordion--basic-title p {
	color: #111;
	font-size: 15px;
	font-weight: 500;
	padding-right: 62px;
	padding-top: 20px;
	padding-bottom: 19px;
	line-height: 1.4;
	/*line-height: 58px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}
.accordion--basic-content {
	display: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 40px;
	background: #f6f6f6;
	border-bottom: 1px solid #e4e4e4;
}
.accordion--basic-content p {
 	font-size: 13px;
 	color: #434343;
 	font-weight: 500;
 	line-height: 1.8;
}
.icon-accordion {
    position: absolute;
    top: 28px;
    right: 30px;
    width: 20px;
    height: 1px;
    background: #434343;
    z-index: 1;
}
.icon-accordion:after {
	-webkit-transition: all 0.3s;
	-moztransition: all 0.3s;
	transition: all 0.3s;
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 1px;
    background: #434343;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.accordion--basic-title.open .icon-accordion:after {
	opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
}
@media screen and (max-width:640px){
	.accordion--basic-title {
		padding-left: 10px;
		min-height: 50px;
	}
	.accordion--basic-content {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.accordion--basic-title p {
		padding-top: 15px;
		padding-bottom: 14px;
		font-weight: 500;
		font-size: 14px;
		padding-right: 32px;
	}
	.icon-accordion {
		top: 23px;
		right: 10px;
	}
}

/* ******************************************************
	container
*******************************************************/
.full-container {
	width: 100%;
}

/* ******************************************************
	img responsive
*******************************************************/
.img-responsive {
	width: 100%;
	display: block;
}

/* ******************************************************
	cart
*******************************************************/
.page-cart,
.page-cart .content-responsive {
	background: #f8f8f8;
}
.cart__subtitle {
	font-size: 18px;
	font-weight: 600;
	display: block;
	margin-bottom: 8px;
	color: #111;
}
.section-cart-list .cart__subtitle {
	color: #d7083b;
}
.section-cart-sum .cart__subtitle {
	color: #111;
}
.section-cart-list {
	float: left;
	width: 60%;
	margin-right: 5%;
}
.section-cart-sum {
	float: right;
	width: 35%;
}
@media screen and (max-width:1024px){
	.section-cart-list {
		width: 57%;
		margin-right: 3%;
	}
	.section-cart-sum {
		width: 40%
	}
}
@media screen and (max-width:768px) {
	.section-cart-list {
		width: 100%;
		margin-right: 0;
	}
	.section-cart-sum {
		width: 100%;
		margin-top: 40px;
	}

}


/* ******************************************************
	order list
*******************************************************/
.order-list__item {
	position: relative;
	padding: 20px;
	background: #fff;
	border-top: 1px solid #ebebeb;
}
.order-list__item .thumbnail {
	width: 85px;
	float: left;
	border: 1px solid #ebebeb;
	margin-right: 20px;
}
.order-list__item .caption {
	float: left;
	width: calc(100% - 105px);
}
.order-list__item .caption-left {
	float: left;
}
.order-list__item .caption-right {
	float: right;
	padding-right: 65px;
}
.order-list__item .caption strong {
	color: #434343;
	font-size: 15px;
	display: block;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 2px;
}
.order-list__item .caption p {
	color: #434343;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}
.order-list__item .count {
	margin-bottom: 8px;
}
.order-list__item .toggle--option {
 	font-weight: 500;
 	font-size: 14px;
 	color: #8e8f91;
 	position: relative;
 	cursor: pointer;
 	display: inline-block;
 	padding-bottom: 2px;
}
.order-list__item .toggle--option:after {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #8e8f91;
}
.order-list__item .price {
	font-size: 15px;
	color: #d7083b;
	font-weight: 600;
}
.order-list__item .button--close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.order-list__item .button--close:after,
.order-list__item .button--close:before {
	content: "";
	position: absolute;
	top: 7px;
	right: -2px;
	width: 20px;
	height: 1px;
	background: #011111;
}
.order-list__item .button--close:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.order-list__item .button--close:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.order-list__option {
	background: #fff;
	padding: 33px;
	border-top: 1px solid #ebebeb;
	display: none;
}
.option-form--box {
	float: left;
	width: calc(50% - 5px);
/* 	border: 1px solid red;
	box-sizing: border-box; */
}

/* 장바구니 */
.option-counter,
.option-form--box .detail-option {
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
}
.option-group .option-counter {
	display: inline-block;
	width: calc(100% - 110px);
	padding-bottom: 10px;
}
.option-form--box:first-child {
	margin-left: 0;
}
.option-form--box{
	margin-left: 10px;
}
.option-group__item em {
	display: inline-block;
	width: 90px;
	margin-right: 15px;
	line-height: 35px;
}
/* .option-group__item {
	float: left;
}
.option-group__item:first-child {
	margin-right: 60px;
}
.option-group__item em {
	color: #111;
	font-size: 15px;
}
.option-group__item li {
	font-weight: 500;
	font-size: 15px;
	color: #111;
	line-height: 33px;
	height: 35px;
	text-align: center;
	width: 58px;
	float: left;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.option-group__item li:last-child {
	border-right: 1px solid #eee;
}
.option-group__item li.active {
	background: #111;
	color: #fff;
}
.option-group__item > * {
	display: inline-block;
	vertical-align: middle;
}
.option-group__item em {
	margin-right: 15px;
} */
.option-counter {
	padding-left: 40px;
}
.option-counter span,
.option-counter input {
	float: left;
}
.option-counter .plus,
.option-counter .minus {
	position: relative;
	top: 7px;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
.option-counter .minus:after,
.option-counter .plus:after,
.option-counter .plus:before {
	position: absolute;
	top: 10px;
	left: 3.5px;
	content: "";
	width: 13px;
	background: #515151;
	height: 1px;
}
.option-counter .plus:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.option-counter input[type=number] {
	border: none;
	width: 95px;
	font-size: 15px;
	text-align: center;
	height: 22px;
}
.option-group__item .option-counter input[type=number] {
	position: relative;
	top: 5px;
}
.size-simple .order-list__item .caption strong,
.size-simple .order-list__item .caption p {
	font-size: 13px;
}
.size-simple .order-list__item .caption p {
	line-height: 1.6;
}
.size-simple .order-list__item .count {
	margin-bottom: 16px;
}

@media screen and (max-width:1280px){
	.order-list__option {
		padding: 33px 20px;
	}
	/* .option-group__item:first-child {
		margin-right: 30px;
	} */
	.option-counter {
		padding-left: 10px;
	}
}
@media screen and (max-width:1024px){
	/* .option-group__item {
		float: none;
	}
	.option-group__item:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	} */
	.order-list__item {
		padding: 15px;
	}
	.order-list__item .button--close {
		top: 15px;
		right: 15px;
	}
	.order-list__item .thumbnail {
		margin-right: 15px;
	}
	.order-list__option {
		padding: 15px;
	}
	.order-list__item  .caption-left {
		float: none;
	}
	.order-list__item  .caption-right {
		float: none;
		margin-top: 10px;
	}
	/* .option-group__item:before,
	.option-group__item:after {
	    content: " ";
	    display: table;
	}
	.option-group__item:after {
	    clear: both;
	}
	.option-group__item {
	    *zoom: 1;
	}
	.option-group__item em {
		width: 40px;
		margin-right: 0;
		line-height: 35px;
		float: left;
	}
	.option-group__item > ul,
	.option-group__item > div {
		width: calc(100% - 54px);
		float: right;
	} */
	.option-counter {
		padding-left: 0;
	}
	.option-counter input {
		width: 100px;
	}
}
@media screen and (max-width:420px) {
	.option-group__item .option-counter input[type=number] {
		width: 65px;
		position: relative;
		top: 5px;
	}
}
@media screen and (max-width:640px) {
	.option-form--box{
		float: left;
		width: 100%;
		margin-left: 0;
	}

	.option-form--box:first-child {
		margin-left: 0;
	}
	/* option-group__item li {
		width: 20%;
	} */
	.option-counter input {
		width: calc(100% - 44px);
	}
}

/* ******************************************************
	order sum
*******************************************************/
.order-sum {
	background: #fff;
}
.order-sum__item {
	border-top: 1px solid #fbe6eb;
	padding: 22px 32px;
	color: #111;
	font-size: 15px;
	font-weight: 500;
}
.order-sum__item.total {
	padding: 28px 32px;
	font-weight: 600;
}
.order-sum__item:first-child {
	border-top: none;
}
.order-sum__item dl {
	margin-top: 25px;
}
.order-sum__item dl:first-child {
	margin-top: 0;
}
.order-sum__item dt {
	float: left;
}
.order-sum__item dd {
	float: right;
}
.order-sum__item.total dt {
	margin-top: 8px;
}
.order-sum__item.total dd {
	font-size: 18px;
}
.order-sum__item.total dd span {
	font-size: 30px;
	color: #d7083b;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 1px;
}
.order-sum__item.total .action {
	text-align: center;
	padding-top: 35px;
}
.order-sum__item.total .button--primary {
	width: 200px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	display: inline-block;
	background: #d7083b;
}
.order-sum__item.total .naver-pay {
	text-align: center;
}
.order-sum__item.total .naver-pay .npay_type_A_1 {
	padding-top: 20px !important;
	width: 100% !important;
	max-width: 420px !important;
	height: 130px !important;
}
@media screen and (max-width:1024px) {
	.order-sum__item {
		padding: 15px 20px;
	}
	.order-sum__item.total {
		padding: 18px 20px;
	}
}

/* ******************************************************
	order policy
*******************************************************/
.order_polices--basic h3 {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	padding-bottom: 12px;
}
.order_polices-contents {
    width: 100%;
    height: 170px;
    border: 1px solid #d9d9d9;
	box-sizing: border-box;
    overflow-y: scroll;
}
.order_polices-contents .info_polices_txt {
    padding: 12px 16px;
    color: #636468;
    font-size: 12px;
	font-weight: 300;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.6;
    letter-spacing: 0.03em;
}

/* ******************************************************
	order boxline
*******************************************************/
.order-list--boxline {
	border: 1px solid #111;
	height: 380px;
	position: relative;
}
.order-list--boxline .order-list {
	overflow-y: auto;
	height: 320px;
}
.order-list--boxline .order-list__item:first-child {
	border-top: none;
}
.order-list__count {
	background: #ebebeb;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.order-list__count strong {
	color: #111;
	display: block;
	font-size: 15px;
	line-height: 62px;
	font-weight: 600;
	text-align: center;
}
.order-list__count strong span {
	color: #d7083b;
}

/* ******************************************************
	order sum boxline
*******************************************************/
.order-sum--boxline {
	border: 3px solid #d7083b;
}

/* ******************************************************
	order
*******************************************************/
.order-top-policy,
.order-bottom-form,
.order-top-form {
	float: left;
	width: 60%;
	margin-right: 5%;
}
.order-top-goods,
.order-bottom-sum {
	float: right;
	width: 35%;
}
.order-top-policy .order_polices--basic {
	margin-bottom: 28px;
}
.order-top-policy .order_polices--basic + .order_polices--basic {
	margin-bottom: 0;
}
.page-order .form-write--basic {
	border-top: 1px solid #e4e4e4;
}
.order-bottom-form {
	padding-top: 70px;
}
.page-order .button-input {
	background: #aaa;
}
.page-order .customer input {
	width: 224px;
}
.page-order .address-second,
.page-order .address-request input {
	width: 95%;
}
.page-order .form-write--basic .form-title {
	width: 26%;
}
.page-order .form-write--basic .form-item {
	width: 74%;
}
.order-form-payment {
	margin-top: 68px;
}
@media screen and (max-width:1024px){
	.order-top-policy,
	.order-bottom-form,
	.order-top-form {
		width: 57%;
		margin-right: 3%;
	}
	.order-top-goods,
	.order-bottom-sum {
		width: 40%
	}
	.page-order .form-write--basic .form-title {
		padding-left: 5px;
	}
	.page-order .form-write--basic .form-item {
		padding-left: 10px;
	}
	.page-order .form-write--basic .call-input input {
		width: 90px;
	}
}
@media screen and (max-width:768px) {
	.order-top-policy,
	.order-bottom-form,
	.order-top-form {
		width: 100%;
		margin-right: 0;
	}
	.order-top-goods,
	.order-bottom-sum,
	.order-form-payment {
		width: 100%;
		margin-top: 40px;
	}
	.order-bottom-form {
		padding-top: 40px;
	}

}
@media screen and (max-width:640px) {
	.page-order .address-second,
	.page-order .address-request input,
	.page-order .customer input {
		width: 100%;
	}
	.page-order .form-write--basic .form-item {
		padding-right: 10px;
	}
	.page-order .form-write--basic .form-title {
		width: 30%;
	}
	.page-order .form-write--basic .form-item {
		width: 70%;
	}
/* 	.page-order .form-write--basic .call-input {
		width: calc(100% - 69px);
		margin-right: 0;
	}
	.page-order .form-write--basic .call-input input {
		width: 44%;
	} */

}
@media screen and (max-width:420px) {
/* 	.page-order .form-write--basic .call-input input {
		width: 42%;
	} */
	.form-write--basic .call-input {
		display: inline-block;
		margin-right: 0;
		width: calc(100% - 69px);
	}
	.page-order .form-write--basic .call-input input {
		width: 43%;
	}
}

/* ******************************************************
	order memeber
*******************************************************/
.page-order-member .order-bottom-form {
	padding-top: 0;
}
.page-order-member .order-bottom-sum {
	margin-top: 70px;
}
@media screen and (max-width: 768px) {
	.page-order-member .order-top-goods {
		margin-top: 0;
	}
	.page-order-member .order-top-form,
	.page-order-member .order-bottom-sum {
		margin-top: 40px;
	}
}


/* ******************************************************
	payment
*******************************************************/
.payment--basic {
	border-bottom: 1px solid #ebebeb;
}
.payment--basic__item {
	height: 60px;
	padding: 22px 20px 0;
	border-top: 1px solid #ebebeb;
}
.payment--basic .form-radio label {
	color: #111;
	font-weight: 500;
}
.payment--basic .payment--basic__item.checked {
	background: #fbe6eb;
}
.payment--basic .form-radio .check {
	border-color: #919192;
}
.payment--basic .checked + .cashbank-box {
	display: block;
}
.cashbank-box {
	display: none;
	background: #fdf2f5;
	padding: 20px 35px 20px ;
	border-top: 1px solid #ebebeb;
}
.cashbank-box__item {
	margin-top: 22px;
}
.cashbank-box__item:first-child {
	margin-top: 0;
}
.cashbank-box__item dt {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	float: left;
	width: 33%;
	padding-top: 10px;
}
.cashbank-box__item dt p {
	float: left;
	margin-right: 10px;
}
.cashbank-box__item dt label span {
	color: #111;
	font-size: 12px;
	font-weight: 300;
	line-height: 14px;
}
.cashbank-box__item dt input[type="checkbox"] + label {
	padding-left: 17px;
}
.cashbank-box__item dd {
	float: left;
	width: 67%
}
.cashbank-box__item dd .form-radio {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.cashbank-box__item dd .form-radio + .form-radio {
	margin-right: 10px;
}
.cashbank-box__item .form-control {
	display: inline-block;
	vertical-align: middle;
	color: #a8a8a8;
	font-size: 12px;
	font-weight: 300;
	height: 30px;
	padding: 4px 7px;
}
.cashbank-box__item .form-selectbox {
	width: 260px;
}
.cashbank-box__item.cashreceipt .form-control {
	width: calc(100% - 190px);
}
.cashbank-box__item.cashname .form-control {
	max-width: 260px;
}
.cashbank-box__item .guide {
	font-size: 12px;
	color: #8e8f91;
	line-height: 1.5;
	font-weight: 300;
	margin-top: 12px;
}
.cashbank-box__item.cashreceipt dt {
	padding-top: 42px;
}
@media screen and (max-width:1024px){
	.cashbank-box__item dt input[type="checkbox"] + label {
		margin-top: 5px;
	}
	.cashbank-box__item.cashreceipt .form-control {
		margin-top: 8px;
	}
	.cashbank-box__item .form-selectbox {
		width: 100%;
	}
	.cashbank-box__item.cashreceipt .form-control {
		width: 100%;
	}
	.cashbank-box__item.cashname .form-control {
		max-width: 100%;
	}
}
@media screen and (max-width:768px) {
	.cashbank-box__item dt input[type="checkbox"] + label {
		margin-top: 2px;
	}
}
@media screen and (max-width:640px) {
	.payment--basic__item {
		height: 50px;
		padding: 17px 20px 0;
	}
	.cashbank-box {
		padding: 15px 20px;
	}
	.cashbank-box__item.cashreceipt dt {
		padding-top: 0;
	}
	.cashbank-box__item dt input[type="checkbox"] + label {
		margin-top: 5px;
	}
}

/* ******************************************************
	order complete
*******************************************************/
.page-order-complete .page-subtitle {
	text-align: center;
}
.order-complete__item {
	color: #111;
	padding: 40px 5px;
	text-align: center;
}
.order-complete__item > strong {
	font-weight: 600;
	font-size: 18px;
	display: block;
	margin-bottom: 24px;
}
.order-complete-list {
	width: 400px;
	margin: 0 auto;
	border: 1px solid #e4e4e4;
}
.order-complete__item .text {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.8;
}
.order-complete__item .text span {
	display: block;
	color: #8e8f91;
}
.order-complete__item .text em {
	display: block;
	color: #d7083b;
}
.order-complete__item .button--primary {
	width: 200px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	background: #d7083b;
	margin-top: 45px;
}
.order-complete-payment {
	background: #ededed;
	border: 1px solid #e4e4e4;
}
.order-complete__item .price {
	font-size: 30px;
	color: #d7083b;
	font-weight: 600;
	margin-top:20px;
}
.order-complete__item .price span {
	color: #434343;
	font-size: 18px;
	display: inline-block;
	margin-top: 10px;
}
@media screen and (max-width:640px) {
	.order-complete-list {
		width: 100%;
	}
}

/* ******************************************************
	mypage
*******************************************************/
.mypage-section-left {
	float: left;
	width: 210px;
	padding-right: 10px;
}
.mypage-section-right {
	float: right;
	width: calc(100% - 210px);
}
.myinfobox {
	color: #111;
	font-weight: 500;
	border: 1px solid #ebebeb;
	padding: 18px 10px;
	min-height: 200px;
}
.myinfobox .name {
	font-size: 15px;
	margin-bottom: 20px;
}
.myinfobox .name span {
	color: #000;
	font-weight: 600;
}
.myinfobox .phone,
.myinfobox .email,
.myinfobox .address {
	font-size: 13px;
	line-height: 1.5;
}
.mypage-nav {
	margin-top: 15px;
}
.mypage-nav li {
	color: #8e8f91;
	font-size: 15px;
	font-weight: 500;
	background: #eee;
	border-top: 1px solid #dcdcdc;
	line-height: 50px;
	padding: 0 20px;
	cursor: pointer;
}
.mypage-nav li br {
	display: none;
}
.mypage-nav li:first-child {
	border-top: none;
}
.mypage-nav li.active {
	background: #d7083b;
	color: #fff;
}
.mypage-section-right .form-write--basic.top-bd-base .form-item > P {
	color: #434343;
}
/* 마이페이지-회원정보수정 */
.form-qna-write .my-modify .form-selectbox {
	width: 24%;
}
.form-qna-write .my-modify .email-write .form-selectbox {
	width: calc(50% - 11px);
}
.my-modify .email-write {
	display: inline-block;
	max-width: 397px;
	width: 100%;
}
.my-modify .form-selectbox.date-yy {
	display: inline-block;
	width: 95px;
	height: 30px;
	overflow: hidden;
}
.form-qna-write .my-modify .form-selectbox.call-num,
.form-qna-write .my-modify .form-selectbox.date-mm,
.form-qna-write .my-modify .form-selectbox.date-dd {
	display: inline-block;
	width: 70px;
	height: 30px;
	overflow: hidden;
}
.form-qna-write .my-modify .form-selectbox.call-num-box {
	display: inline-block;
	width: 110px;
}
.form-qna-write .my-modify .form-selectbox.emailbox {
	display: inline-block;
	height: 30px;
	border: 1px solid #d2d2d2;
	overflow: hidden;
}
.form-qna-write .my-modify .select-txt {
	display: inline-block;
	margin: 0 8px 0 3px;
	font-size: 13px;
	font-weight: 400;
	color: #8e8f91;
	line-height: 30px;
}

.form-qna-write .my-modify .form-selectbox.call-num-box {
	display: inline-block;
	width: 110px;
}


@media screen and (max-width:1024px) {
	.mypage-section-left {
		/*display: none;*/
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.mypage-section-right {
		float: none;
		width: 100%;
	}
	.mypage-nav ul {
		display: table-row;
		width: 100%;
	}
	.myinfobox {
		min-height: auto;
		display: inline-block;
	}
	.mypage-nav {
		display: table;
		width: 100%;
		margin-bottom: 20px;
	}
	.mypage-nav li {
		display: table-cell;
		width: 25%;
		text-align: center;
		line-height: inherit;
		height: 50px;
		padding: 0;
		vertical-align: middle;
		border-left: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
	}
	.mypage-nav li:first-child {
		border-left: none;		
		border-top: 1px solid #dcdcdc; 
	}
	.myinfobox .name {
		margin-bottom: 5px;
	}
	.myinfobox .phone, .myinfobox .email, .myinfobox .address {
		display: inline-block;
		margin-right: 10px;
	}
	.form-selectbox select#date-dd {
		width: 100%;
		height: auto;
		line-height: normal;
		font-family: inherit;
		padding: 4px 7px;
		border: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
}

@media screen and (max-width:640px) {
	.mypage-nav li {
		font-weight: 400;
		font-size: 13px;
		line-height: 16px;
	}
	.mypage-nav li br {
		display: inline;
	}
	.mypage-nav {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.form-qna-write .my-modify .email-write .form-selectbox {
		width: calc(50% - 11px);
	}
	.my-modify .email-write {
		display: inline-block;
		max-width: 396px;
		width: 100%;
	}
}
@media screen and (max-width:420px) {
	.form-qna-write .my-modify .email-write .form-selectbox {
		width: calc(50% - 11px);
	}
}
.date-lookup-box {
	border: 1px solid #ebebeb;
	padding: 10px 10px 0;
	font-size: 0;
	text-align: center;
	margin-bottom: 20px;
}
.date-lookup-box > * {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}
.date-lookup-box .title {
	color: #111;
	font-size: 13px;
	font-weight: 500;
	width: 84px;
	text-align: left;
}
.date-lookup-box li{
	color: #777;
	font-size: 12px;
	font-weight: 400;
	width: 45px;
	height: 30px;
	border: 1px solid #ebebeb;
	line-height: 27.5px;
	text-align: center;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

.date-lookup-box .date-wrapper input {
	height: 30px;
	border-color: #ebebeb;
	width: 140px;
	font-size: 13px;
	padding: 3px 20px 3px 7px;
	background: url('../img/content/ico_calendar.png') no-repeat right 5px center;

}
.date-lookup-box .date-wrapper > * {
	float: left;
}
.date-lookup-box .date-wrapper .bullet {
	margin: 5px 3px 0;
	font-size: 13px
}
.date-lookup-box .button--dimmed {
	color: #fff;
	background: #111;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 50px;
	margin-left: 5px;
	cursor: pointer;
}

@media screen and (max-width:640px) {
	.date-lookup-box {
		text-align: left;
		margin-bottom: 10px;
	}
	.date-lookup-box .date-wrapper {
		width: 100%;
	}
	.date-lookup-box .date-wrapper input {
		width: calc((100% - 66px)/2);
	}
	.form-qna-write .my-modify .form-selectbox.call-num-box {
		display: inline-block;
		width: calc(50% - 11px);
	}
	.form-qna-write .form-join-write .form-selectbox.call-num {
		width: 29%;
	}
}
@media screen and (max-width:420px) {
	.form-qna-write .my-modify .form-selectbox.call-num-box {
		display: inline-block;
		width: calc(50% - 11px);
		margin-bottom: 10px;
	}
	.form-qna-write .my-modify .form-selectbox.call-num {
		width: 29%;
		margin-bottom: 10px;
	}
}

/* ******************************************************
	table primary
*******************************************************/
.table--primary table {
	border-top: 2px solid #434343;
	width: 100%;
}
.table--primary th {
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	height: 50px;
	font-size: 15px;
	color: #111;
	font-weight: 600;
	vertical-align: middle;
}
.table--primary th:last-child {
	border-right: 1px solid #ebebeb;
}
.table--primary td {
	padding: 20px 10px;
	font-weight: 500;
	color: #434343;
	font-size: 13px;
	border-bottom: 1px solid #ebebeb;
}
.table--primary .thumbnail img {
	border: 1px solid #ebebeb;
	width: 85px;
}
.table--primary .thumbnail {
	/*display: inline-block;*/
	margin-right: 8px;
	float: left;
	margin-right: 10px;
}
.table--primary .caption {
	/*display: inline-block;*/
	float: left;
	margin-top: -3px;
	width: calc(100% - 96px);
}
.table--primary .date {
	text-align: center;
	vertical-align: middle;
}
.table--primary .button--ghost {
	font-size: 12px;
	display: inline-block;
	line-height: 1.2;
	border:1px solid #ebebeb;
	margin-top: 6px;
	padding: 2px 8px 3px;
}
.table--primary .goods-info strong {
	font-weight: 500;
	display: block;
	line-height: 1.4;
}
.table--primary .goods-info p {
	line-height: 1.4;
}
.table--primary .goods-info .price {
	font-weight: 600;
	font-size: 15px;
	margin-top: 8px;
	display: block;
}
.table--primary .status {
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
}
.table--primary .status .point {
	font-size: 18px;
	color: #d7083b;
	font-weight: 500;
	margin-bottom: 8px;
	display: block;
}
.table--primary .status .dday {
	font-size: 12px;
	line-height: 1.3;
}
.table--primary .action {
	text-align: center;
	vertical-align: middle;
}
/* .table--primary .action a:last-child {
    margin-top: 5px;
} */
.table--primary .action a {
    min-width: 62px;
}
.table--primary .action a + a {
    margin: 5px auto 0;
    display: block;
    width: 62px;
}
.table--primary .action a:first-child {
	margin-top: 0;
}
.table--primary .button--primary {
	color: #fff;
	background: #d7083b;
	font-size: 12px;
	display: inline-block;
	padding: 2px 8px 3px;
	line-height: 1.2;
}
.table--primary + .pagination--basic {
	margin-top: 30px;
}
.table--primary .nodata {
	font-size: 13px;
	color: #8e8f91;
	padding: 60px 5px;
	text-align: center;
	font-weight: 400;
}
.table--primary .text-overflow {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	max-height: 42px;
	line-height: 1.6;
}
@media screen and (max-width:1024px) {
	.table--primary table {
		width: 100%;
	}
}
@media screen and (max-width:640px) {
	.table--primary th {
		font-size: 13px;
	}
	.table--primary td {
		padding: 10px 5px;
		font-size: 10px;
	}
	.table--primary .thumbnail {
		/*margin-bottom: 8px;*/
		margin-right: 7px;
		/*transform: translateY(50%);*/
	}
	.table--primary .caption {
		width: calc(100% - 52px);
	}
	.table--primary .goods-info {
		padding-left: 0;
		padding-right: 0;
	}
	.table--primary .goods-info .price {
		margin-top: 4px;
		font-size: 13px;
	}
	.table--primary .goods-info .caption {
		display: block;
	}
	.table--primary .action {
		padding: 0;
	}
	.table--primary .thumbnail img {
		width: 45px;
	}
	.table--primary .button--primary,
	.table--primary .button--ghost {
		padding: 5px 3px;
		font-size: 10px;
	}
	.table--primary .date {
		padding-left: 0;
		padding-right: 8px;
	}
	.table--primary .status .point {
		font-size: 10px;
	}
	.table--primary .status .dday {
		font-size: 10px;
	}
    .table--primary .action a {
        min-width: 45px;
    }
    .table--primary .action a + a {
        width: 45px;
    }
}


/* ******************************************************
	table order list
*******************************************************/
.table--order-list .date {
	width: 20%;
}
.table--order-list .goods-info {
	width: 40%;
}
.table--order-list .status {
	width: 20%;
}
.table--order-list .action {
	width: 20%;
}
.table--order-list .action {
	width: 20%;
}
.table--order-payment p {
	width: 100%;
	padding: 0 25px;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #434343;
}
.table--order-payment p.mytotal-paymemt {
	padding-top: 22px;
	color: #d7083b;
}
@media screen and (max-width:768px) {
	.table--order-list .date {
		width: 15%;
	}
	.table--order-list .goods-info {
		width: 45%;
	}
	.table--order-list .status {
		width: 25%;
	}
	.table--order-list .action {
		width: 15%;
	}
}
@media screen and (max-width:640px) {
	.table--order-list .date {
		width: 15%;
	}
	.table--order-list .goods-info {
		width: 50%;
	}
	.table--order-list .status {
		width: 20%;
	}
	.table--order-list .action {
		width: 15%;
	}
	.pay-code {
		clear: both;
		display: inline-block;
		text-align: left;
	}
}

/* ******************************************************
	table review list
*******************************************************/
.table--review-list td {
	color: #111;
}
.table--review-list .number {
	width: 12%;
	vertical-align: middle;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
.table--review-list .goods-info {
	width: 20%;
	vertical-align: middle;
}
.table--review-list .text-date {
	margin-bottom: 4px;
	line-height: 1.5;
}
.table--review-list .reviews {
	width: 55%;
	cursor: pointer;
}
.table--review-list .action {
	width: 13%;
}
.table--review-list .review-write {
	background: #f6f6f6;
	padding: 20px;
	display: none;
}
.table--review-list .review-write.open {
	display: table-cell;
}
.table--review-list .review-write .text {
	line-height: 1.5;
}
.table--review-list .photo img {
	/*width: 400px;*/
	width: 25%;
	margin-left: 1%;
	float: left;
	margin-bottom: 10px;
}
.table--review-list .photo img:first-child {
	margin-left: 0;
}
@media screen and (max-width:640px) {
	.table--review-list .photo img {
		width: 49%;
		margin-bottom: 1%;
	}
	.table--review-list .button--primary,
	.table--review-list .button--ghost {
		   padding: 4px 8px 5px;
	}
}

/* ******************************************************
	mypage paydetail table order list 
*******************************************************/
.page-mypage-paydetail {}
.page-mypage-paydetail .table--order-list .date {
	width: 20%;
}
.page-mypage-paydetail .table--order-list .goods-info {
	width: 40%;
}
.page-mypage-paydetail .table--order-list .status {
	width: 20%;
}
.page-mypage-paydetail .table--primary .status.table--order-payment {
 	border-bottom: none;
}
.page-mypage-paydetail .table--primary .status.table--order-payment.totalpay {
 	border-bottom: 1px solid #ebebeb;
}
.page-mypage-paydetail .table--order-list .action {
	width: 20%;
}
.page-mypage-paydetail .table--order-list .action {
	width: 20%;
}
.page-mypage-paydetail .table--order-payment {
	background-color: #fdf2f5;
}

@media screen and (max-width:640px) {
	.page-mypage-paydetail .table--primary table * {
		display: block;
	}
	.page-mypage-paydetail .table--primary table  tbody {
		display: block;
	}
	.page-mypage-paydetail .table--primary table  tr {
		display: block;
	}
	.page-mypage-paydetail .table--primary table th {
		display: none;
	}
	.page-mypage-paydetail .table--primary table td {
		width: 100%;
		padding: 10px 5px;
	}
	.page-mypage-paydetail .table--primary .date {
		width: 100%;
		text-align: left;
	}
	.page-mypage-paydetail .table--primary .goods-info {
		display: inline-block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.page-mypage-paydetail .table--primary .thumbnail {
		float: left;
		margin-bottom: 0;
		margin-right: 7px;
		transform: none;
	}
	.page-mypage-paydetail .table--primary .goods-info .caption {
		display: block;
	}
	.page-mypage-paydetail .table--primary .status.table--order-payment {
		display: none;
	}
	.page-mypage-paydetail .table--primary .status.table--order-payment.totalpay {
		display: block;
		width: 100%;
		text-align: left;
		border-bottom: 2px solid #111;
	}
	.page-mypage-paydetail .table--order-list .action {
		width: 100%;
	}
	.page-mypage-paydetail .table--primary .pay-code {
		clear: both;
		float: none;
		display: inline-block;
		text-align: left;
		margin-left: 5px;
	}
	.page-mypage-paydetail .table--order-payment p {
		padding: 0 5px;
	}
	.page-mypage-paydetail .table--order-payment p.mytotal-paymemt {
		padding-top: 12px;
		color: #d7083b;
	}

}

/* ******************************************************
	nav qnareview
*******************************************************/
.nav-qnareview  {
	margin-bottom: 20px;
}
.nav-qnareview li {
	float: left;
	width: 50%;
	text-align: center;
	background: #eee;
	color: #111;
	font-size: 15px;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}
.nav-qnareview li.active {
	color: #fff;
	background: #313131;
}
@media screen and (max-width: 1024px) {
	.nav-qnareview  {
		margin-bottom: 0;
	}
	.page-mypage-qnareview .table--basic table {	
		border-top: none;
	}
	.page-mypage-qnareview .table--review-list table {	
		border-top: none;
	}
	.nav-qnareview li {
		float: left;
		width: 50%;
		text-align: center;
		background: transparent;
		color: #8e8f91;
		font-size: 15px;
		font-weight: 400;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		border-bottom: 1px solid #111;
	}
	.nav-qnareview li.active {
		color: #111;		
		background: transparent;
		border-bottom: 4px solid #111;
	}

	.table--primary table {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.nav-qnareview {
	    margin-bottom: 0;
	}
	.nav-qnareview li {
		float: left;
		width: 50%;
		text-align: center;
		background: transparent;
		color: #8e8f91;
		font-size: 13px;
		font-weight: 400;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		border-bottom: 1px solid #111;
	}
	.nav-qnareview li.active {
		color: #111;		
		background: transparent;
		border-bottom: 4px solid #111;
	}

	.table--primary table {
		/* border-top: none; */
		width: 100%;
	}
}

/* ******************************************************
	mypage qna review
*******************************************************/
.page-mypage-qnareview .qna-catalog .num,
.page-mypage-qnareview .qna-catalog .status,
.page-mypage-qnareview .qna-catalog .date {
	width: 15%;
}
.page-mypage-qnareview .qna-catalog .title {
	width: 55%;
	cursor: pointer;
}
.page-mypage-qnareview .qna-catalog .tr-hide td {
	text-align: left;
	background: #f6f6f6;
}
.page-mypage-qnareview .table--basic td.title,
.page-mypage-qnareview .tr-hide td {
	padding-left: 20px;
	padding-right: 20px;
}
@media screen and (max-width: 768px) {
	.page-mypage-qnareview .table--basic td.title,
	.page-mypage-qnareview .tr-hide td {
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media screen and (max-width: 640px) {
	.page-mypage-qnareview .qna-catalog .status,
	.page-mypage-qnareview .qna-catalog .date {
		width: 18%;
	}
	.page-mypage-qnareview .qna-catalog .title {
		width: 49%
	}
}

/* ******************************************************
	video-content
*******************************************************/
.video-content {
	font-size: 0;
}
.video-banner {
	display: inline-block;
	max-width: 580px;
	width: calc(25% - 15px);
	margin-bottom: 70px;
	box-sizing: border-box;
	margin-left: 20px;
}
.video-banner img {
	width: 100%;
}
.video-banner:first-child {
	margin-left: 0;
}
.video-banner:nth-child(4n - 3) {
	margin-left: 0;
}
.video-banner .video-tit {
	display: inline-block;
	width: 100%;
	padding-top: 30px;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 500;
	color: #111;
}
.video-banner .video-ddmmyy {
	display: inline-block;
	padding-top: 13px;
	font-size: 14px;
}
.video-pagination {
	padding-top: 87px;
}
.table-detail-view .subject.video-views {
	text-align: center;
}
.table-detail-view .subject.video-views video {
	max-width: 950px;
	width: 100%;
	padding-bottom: 30px;
}
.table-detail-view .subject.video-views p {
	text-align: left;
}

@media screen and (max-width: 900px) {
	.video-banner {
		display: inline-block;
		max-width: 580px;
		width: calc(50% - 15px);
		margin-bottom: 70px;
		box-sizing: border-box;
		margin-left: 20px;
	}
	.video-banner:nth-child(odd) {
		margin-left: 0;
	}
	.video-banner .video-tit {
		padding-top: 15px;
		line-height: 1.5;
	}
	.video-pagination {
		padding-top: 40px;
	}
}

@media screen and (max-width: 640px) {
	.video-banner {
		display: inline-block;
		max-width: 580px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.video-banner:nth-child(even) {
		margin-left: 0;
	}
	.video-banner .video-tit {
		padding-top: 15px;
		line-height: 1.5;
	}
	.video-pagination {
		padding-top: 40px;
	}
}
/* ******************************************************
	@ introduce-ems
*******************************************************/
.content-responsive.ems-introduce {
	max-width: 1240px;
	margin: 0 auto;
	background: transparent;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 128px;
}
.content-responsive.ems-introduce {
	text-align: center;
}
.ems-introduce-section02 {
	width: 100%;
	background-color: #f4f4f4;
	text-align: center;
}
.ems-introduce-tit .tit_num {
	position: relative;
	display: inline-block;
	padding-top: 66px;
	width: 24px;
	font-size: 20px;
	font-weight: 400;
	color: #d7083b;
	line-height: 1;
}
.ems-introduce-tit .tit_num:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	display: inline-block;
	content:"";
	width: 24px;
	height: 2px;
	background: #d7083b;
}
.ems-introduce-tit .ems-tit {
	padding-top: 32px;
	padding-bottom: 63px;
	font-size: 40px;
	font-weight: 600;
	color: #111;
	line-height: 1;
}
.ems-introduce-section01 p {
	font-size: 20px;
	font-weight: 400;
	color: #575757;
	text-align: center;
	line-height: 1.5;
}
.ems-introduce-section01 p .point-c {
	font-size: 20px;
	font-weight: 500;
	color: #f1839b;
}
.ems-introduce-section02 .ems-concept {
	display: inline-block;
    width: calc(33.33% - 25px);
	padding-right: 25px;
}
.ems-introduce-section02 .ems-concept:last-child {
	width: calc(33.33% - 50px);
	padding-right: 0;
}
.ems-introduce-section02 .ems-introduce {
	width: 100%;
	font-size: 0;
}
.ems-concept-txt .sub-txtbox-tit {
	position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #575757;
    text-align: left;
    text-indent: 0;
    margin-left: 30px;
}
.ems-concept-txt .sub-txtbox-tit:before {
    position: absolute;
    content: "■";
    display: inline-block;
    font-size: 8px;
    color: #575757;
    text-indent: -30px;
}
.ems-concept-txt {
	padding-top: 40px;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #8e8f91;
	text-align: left;
}
.ems-concept-txt li {
	padding-bottom: 22px;
}
.ems-concept-txt .sub-txtbox-txt-sort {
	position: relative;
    font-weight: 400;
    text-align: left;
    text-indent: 0;
    margin-left: 30px;
	line-height: 1.4;
	margin-top: 5px;
}
.ems-introduce-tit.content-responsive.ems-introduce {
    max-width: 1400px;
    margin: 0 auto;
    background: transparent;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
}
.ems-circle-txt {
	display: inline-block;
	width: 260px;
	height: 260px;
	background: #111;
	border-radius: 100%;
	position: relative;
}
.ems-circle-txt p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 190px;
	font-size: 25px;
	line-height: 30px;
	font-weight: 400;
	color: #fff;
}
.ems-circle-txt i {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%,0);
	font-size: 25px;
	font-weight: 300;
	opacity: 0.7;
	display: block;
	padding-bottom: 22px;
}
.ems-circle-txt .point-c {
	color: #f2849b;
}
.ems-introduce-section03 {
	margin-bottom: 110px;
}
.ems-circle--box {
	width: 1400px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	box-sizing: border-box;
}
.ems-circle--box ul li.swiper-slide {
	margin-left: 1.85%;
}
.ems-circle--box ul li:first-child {
	margin-left: 0;
}

@media screen and (max-width: 1400px) {
	.ems-circle--box {
		max-width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}
	.ems-circle--box ul li.swiper-slide {
		max-width: 260px;
		height: 260px;
		margin-left: 3%;

	}
}
@media screen and (max-width: 768px) {
	.ems-circle--box ul li.swiper-slide {
		max-width: 260px;
		height: 260px;
		margin-left: 0;
		position: relative;
		left: 0;
	}
	.content-responsive.ems-introduce {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 64px;
	}
	.ems-introduce-section02 .ems-concept {
		display: inline-block;
		width: calc(33.33% - 10px);
		padding-right: 10px;
	}
	.ems-introduce-section02 .ems-concept:last-child {
		width: calc(33.33% - 20px);
		padding-right: 0;
	}
	.ems-concept-txt .sub-txtbox-tit {
		position: relative;
		/* font-size: 14px; */
		font-weight: 400;
		color: #575757;
		text-align: left;
		text-indent: 0;
		margin-left: 15px;
	}
	.ems-concept-txt .sub-txtbox-tit:before {
		position: absolute;
		content: "■";
		display: inline-block;
		/* font-size: 8px; */
		color: #575757;
		text-indent: -15px;
	}
	.ems-concept-txt {
		padding-top: 40px;
		/* font-size: 12px; */
		line-height: 20px;
		font-weight: 400;
		color: #8e8f91;
		text-align: left;
		letter-spacing: -0.5px;
	}
	.ems-concept-txt li {
		padding-bottom: 11px;
	}
	.ems-concept-txt .sub-txtbox-txt-sort {
		position: relative;
		font-weight: 400;
		text-align: left;
		text-indent: 0;
		margin-left: 15px;
		line-height: 1.2;
	}
}
@media screen and (max-width: 640px) {
	.ems-introduce-section02 .ems-concept {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.ems-introduce-section02 .ems-concept:last-child {
		width: 100%;
		padding-right: 0;
	}
	.ems-concept-txt .sub-txtbox-tit {
		padding-bottom: 5px;
		position: relative;
		line-height: 25px;
		font-weight: 400;
		color: #575757;
		text-align: center;
		text-indent: 0;
		margin-left: 15px;
	}
	.ems-concept-txt .sub-txtbox-tit:before {
		position: absolute;
		content: "■";
		display: inline-block;
		color: #575757;
		text-indent: -15px;
	}
	.ems-concept-txt {
		padding-top: 25px;
		padding-bottom: 40px;
		line-height: 20px;
		font-weight: 400;
		color: #8e8f91;
		text-align: center;
		letter-spacing: -0.5px;
	}
	.ems-concept-txt li {
		padding-bottom: 18px;
	}
	.ems-concept-txt .sub-txtbox-txt-sort {
		position: relative;
		font-weight: 400;
		text-align: center;
		text-indent: 0;
		margin-left: 15px;
	}
}
/* ******************************************************
	@ secession
*******************************************************/
#secession {
	margin: 0 auto;
	max-width:570px;
	height: 354px;
	padding: 50px 44px;
	background: #f6f6f6;
}
#secession .secession-area {
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	color: #575757;
}
#secession .secession-area p span {
	display: inline-block;
	font-size: 13px;
	color: #575757;
}
#secession .secession-area p span.txt-tit {
	padding-top: 30px;
	padding-bottom: 7px;
	font-size: 15px;
	line-height: 1;
	color: #111;
}
#secession .secession-area .secession-notice {
	color: #d7083b;
	line-height: 1;
	font-size: 13px;
}
.secession-alert {
	padding: 30px 0 32px;
	margin: 0 auto;
	text-align: center;
}
.secession-alert input[type="checkbox"] + label {
    float: none;
	display: inline-block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    font-size: 14px;
    color: #909090;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
#secession .secession-area .button-group {
	font-size: 0;
}

@media screen and (max-width: 420px) {
	#secession {
		max-width: 570px;
		height: 324px;
		padding: 20px 20px;
		background: #f6f6f6;
	}
	#secession .secession-area p span.txt-tit {
		padding-top: 10px;
		padding-bottom: 7px;
		font-size: 13px;
		line-height: 1.3;
		color: #111;
	}
	#secession .secession-area p span {
		display: inline-block;
		font-size: 13px;
		line-height: 1.3;
		color: #575757;
	}
	#secession .secession-area .section-action.button-group .button--dimmed, #secession .secession-area .section-action.button-group .button--ghost {
	    width: calc(50% - 10px);
		display: inline-block;
		margin-right: 5px;
	}
	#secession .secession-area .section-action.button-group .button--dimmed {
		margin-right: 0;
	}
}
/* ******************************************************
	@ review-content
*******************************************************/
.best-review-content {	
	padding: 5px 0 9px;
	width: 100%;
}
.full-review-content {	
	padding: 100px 0 9px;
	width: 100%;
}
.best-review-content .best-review-txt {
	width: 100%;
}
.best-review-content .best-review-txt > span {
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	color: #575757;
	text-align: left;
}
.best-more-btn {
	display: inline-block;
	float: right;
}
.best-more-btn > span {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color: #575757;
	text-align: right;
}
.best-more-btn i {
	display: inline-block;
}
.best-more-btn i img {
	margin-left: 10px;
	width: 14px;
	height: 14px;
	vertical-align: baseline;
}
.best-review--box {
	width: 100%;
	font-size: 0;
}
.best-review--box li {
	display: inline-block;
	width: 33.33%;
	box-sizing: border-box;
}
.best-review-hit {
	font-size: 13px;
	color: #2d2d2d;
	text-align: center;
	cursor: pointer;
}
.best-review-hit li {
	width: 100%;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-top: none;
}
.best-review-hit li:first-child {
	border-left: 1px solid #ebebeb;
	border-right: none;
}
.review-hit-area {
	padding: 29px;
}
.best-review-hit .frist-line {
	border-left: 1px solid #ebebeb;
}
.best-review-hit .review-hit-tit {
	font-size: 18px;
	font-weight: 600;
	color: #111;
	line-height: 1;
	padding-bottom: 13px;
}
.best-review-hit .review-hit-str {
	padding-bottom: 16px;
}
.best-review-hit .review-hit-txt {
	display: -webkit-box;
	font-size: 13px;
	font-weight: 300;
	color: #2d2d2d;
    line-height: 19px;
    max-width: 240px;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    height: 38px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    
}
.best-review-hit .review-hit-info {
	padding-top: 11px;
	font-size: 12px;
	line-height: 1;
	color: #8e8f91;
}
.best-review-hit li.bst-bds-price {
	display: inline-block;
	padding: 9px 0;
	width: 100%;
	text-align: center;
}
.best-review-hit li.bst-bds-price .bst-bds-price--area {
	width: 100%;
}
.bst-bds-price-img {
	display: inline-block;
	width: 52px;
	height: 52px;
}
.bst-bds-price-img img {
	width: 100%;
}
.bds-price-txt {
	display: inline-block;
	padding: 7px 0 10px;
}
.bds-price-txt span {
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
	color: #111;
}
.bds-price-txt .review-price {
	font-size: 13px;
	color: #8e8f91;
	line-height: 1;
}



.full-review--box {
	width: 100%;
	font-size: 0;
}
.full-review--box > ul > li {
	display: inline-block;
	width: calc(25% - 15px);
	margin-right: 20px;
	padding-bottom: 25px;
	box-sizing: border-box;
}
.full-review--box li:nth-child(4n+0) {
	margin-right: 0;
}
.full-review--box li img {
	width:100%;
}
.full-review-hit {
	font-size: 13px;
	color: #2d2d2d;
	text-align: center;
	cursor: pointer;
}
.full-review-hit li {
	width: 100%;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-top: none;
}
.full-review-hit li:first-child {
	border-left: 1px solid #ebebeb;
	border-right: none;
}
.full-review-hit-area {
	padding: 29px;
}
.full-review-hit .frist-line {
	border-left: 1px solid #ebebeb;
	margin-right: 0;
}
.full-review-hit .review-hit-tit {
	font-size: 18px;
	font-weight: 600;
	color: #111;
	line-height: 1;
	padding-bottom: 13px;
}
.full-review-hit .review-hit-str {
	padding-top: 10px;
	padding-bottom: 16px;
}
.full-review-hit-txt {
	font-weight: 300;
	line-height: 1.4;
}
.full-review-hit-info {
	padding-top: 10px;
}
.full-review-hit .review-hit-txt {
	display: -webkit-box;
	font-size: 13px;
	font-weight: 300;
	color: #2d2d2d;
    line-height: 19px;
    max-width: 240px;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    height: 38px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    
}
.full-review-hit .review-hit-info {
	padding-top: 11px;
	font-size: 12px;
	line-height: 1;
	color: #8e8f91;
}
.full-review-hit li.bst-bds-price {
	display: inline-block;
	padding: 9px 0;
	width: 100%;
	text-align: center;
}
.full-review-hit li.bst-bds-price .bst-bds-price--area {
	width: 100%;
}
.bst-bds-price-img {
	display: inline-block;
	width: 52px;
	height: 52px;
}
.bst-bds-price-img img {
	width: 100%;
}
.bds-price-txt {
	display: inline-block;
	padding: 7px 0 10px;
}
.bds-price-txt span {
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
	color: #111;
}
.bds-price-txt .review-price {
	font-size: 13px;
	color: #8e8f91;
	line-height: 1;
}

/* ******************************************************
	review-list/review-bestlist action group
*******************************************************/
.action-group.review-list {
	padding-top: 5px;
	position: relative;
}
.action-group.review-bestlist {
	padding-top: 30px;
	position: relative;
}
.action-group.review-list .section-action {
	position: absolute;
	right: 0;
	top: 50px;
}
@media screen and (max-width: 768px) {
	.full-review--box > ul > li {
		display: inline-block;
		width: calc(50% - 10px);
		margin-right: 20px;
		padding-bottom: 25px;
		box-sizing: border-box;
	}
	.full-review--box li:nth-child(2n+0) {
		margin-right: 0;
	}
}
@media screen and (max-width:640px){
	.action-group.review-list {
		padding-top: 35px;
	}
	.action-group.review-list .section-action {
		position: relative;
		top: 0;
		margin-top: 30px;
	}
}
@media screen and (max-width: 420px) {
	.best-review--box > li {
		display: inline-block;
		padding-bottom: 25px;
		width: 100%;
		box-sizing: border-box;
	}	
	.best-review-hit li {
		width: 100%;
		border-right: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		border-left: 1px solid #ebebeb;
		border-top: none;
	}
	.best-review-hit li:first-child {
		border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb;
	}
	.full-review--box > ul > li {
		display: inline-block;
		width: calc(100% - 0px);
		margin-right: 0;
		padding-bottom: 25px;
		box-sizing: border-box;
	}
}

/* ******************************************************
	promotion
*******************************************************/
.promotion-select-item {
    width: 100%;
    position: relative;
}
.promotion-select-item video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.pormotion-contents__catalog {
    margin-left: -12.5px;
    margin-right: -12.5px;
    margin-top: 100px;
    overflow: hidden;
}
.promotion-catalog-item {
    padding: 0 12.5px;
    margin-bottom: 15px;
    float: left;
    width: 20%;
}
.promotion-catalog-item .thumbnail {
    position: relative;
}
.promotion-catalog-item .thumbnail:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px;
    background: url('../img/content/icon-videoplay.png') no-repeat 0 0;
    width: 47px;
    height: 47px;
    filter: grayscale(1) brightness(4);
    opacity: 0.5;
}
.promotion-catalog-item.active .thumbnail:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23.5px;
    margin-left: -23.5px;
    background: url('../img/content/icon-videoplay.png') no-repeat 0 0;
    width: 47px;
    height: 47px;
    filter: grayscale(0);
    opacity: 1;
}
.promotion-catalog-item img {
    cursor: pointer;
}
.promotion-contents__select {
    overflow: hidden;
}
.promotion-catalog-item.active .thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 3px solid #d7083b;
}
.promotion-catalog-item p {
    font-size: 15px;
    color: #111;
    font-weight: 500;
    margin-top: 16px;
    line-height: 1.3;
    overflow: hidden;
    margin-bottom: 8px;
}
.promotion-content__action {
    margin-top: 60px;
}
.promotion-content__action-bullet {
    background: #fff;
    cursor: pointer;
    width: 14px;
    color: #636468;
    font-weight: 400;
}
.pormotion-contents__catalog .swiper-pagination-bullet-active {
    color: #111;
    font-weight: 500;
}
@media screen and (max-width: 1024px) {
    .pormotion-contents__catalog {
        margin-top: 75px;
    }

    .promotion-content__action {
        margin-top: 45px;
    }
}
@media screen and (max-width: 768px) {
    .pormotion-contents__catalog {
        margin-top: 50px;
    }
    .promotion-catalog-item p {
        margin-top: 10px;
    }
    .promotion-catalog-item {
        width: 33.3333333%;
    }
}
@media screen and (max-width: 600px) {
    .pormotion-contents__catalog {
        margin-top: 20px;
    }
    .pormotion-contents__catalog {
        margin-left: -6px;
        margin-right: -6px;
    }
    .promotion-catalog-item {
        padding: 0 6px;
    }
    .promotion-catalog-item p {
        margin-bottom: 0;
    }
    .promotion-content__action {
        margin-top: 20px;
    }
    .promotion-catalog-item {
        width: 50%;
    }
}


/* ******************************************************
	@ event-content
*******************************************************/
.event-content {
	padding-top: 50px;
	font-size: 0;
}
.event-tab-contents {
	display: none;
}
.event-tab-contents.open {
	display: block;
}
.event-banner {
	display: inline-block;
	max-width: 580px;
	width: calc(50% - 20px);
	margin-bottom: 70px;
	box-sizing: border-box;
}
.event-banner:nth-child(even) {
	margin-left: 40px;
}
.event-banner .video-tit {
	display: inline-block;
	width: 100%;
	padding-top: 30px;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 500;
	color: #111;
}
.event-banner .event-ddmmyy {
	display: inline-block;
	padding-top: 13px;
	font-size: 14px;
}
.event-banner .event--mark {
	position: relative;
	top: 7px;
	display: inline-block;
	padding: 4px 8px;
	margin-right: 5px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	background: #d7083b;
	border-radius: 19px;
}
.event-banner .event--mark.off {
	background: #585858;
	border-radius: 19px;
}
.event-catalog .num {
	width: 8%;
}
.event-catalog .title {
	width: 60%;
}
.event-catalog .author {
	width: 20%;
}
.event-catalog .date {
	width: 12%;
}
.event-catalog .views {
	width: 5%;
	padding-left: 2px;
	padding-right: 2px;
}

@media screen and (max-width:768px){
	.event-catalog .num {
		width: 12%;
	}
	.event-catalog .title {
		width: 47%;
	}
	.event-catalog .author {
		width: 15%;
	}
	.event-catalog .date {
		width: 15%;
	}
	.event-catalog .views {
		width: 11%;
	}
}
@media screen and (max-width:640px){
	.event-banner {
		display: inline-block;
		max-width: 580px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.event-banner:nth-child(even) {
		margin-left: 0;
	}
	.event-banner .video-tit {
		padding-top: 15px;
		line-height: 1.5;
	}
	.event-catalog .num {
		width: 18%;
		font-size: 12px;
	}
	.event-catalog .title {
		width: 31%;
		padding-right: 0;
		font-size: 12px;
	}
	.event-catalog .author {
		/* display: none; */
		width: 31%;
		font-size: 12px;
	}
	.event-catalog .date {
		width: 20%;
		font-size: 12px;
	}
	.event-catalog .text-overflow {
		max-width: 144px;
	}
}
.event-img img {
	width: 100%;
}

.join-up-confirm-btn.event-btn {
	width: 100%;
	display: inline-block;
	padding: 100px 0 0;
	text-align: center;
}
.join-up-confirm-btn.event-btn p {
	display: inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	color: #111;
	background: #fff;
	border: 1px solid #111;
	box-sizing: border-box;
	margin-left: 8px;
}
.join-up-confirm-btn p a {
	display: block;
	width: 100%;
	font-size: 15px;
	/* line-height: 48px; */
	color: #575757;
}

/* ******************************************************
	index data02 임시
*******************************************************/
.data_02__info .bullet {
    width: 380px;
    display: inline-block;
    margin-top: -120px;
}
.data_02__info .info_text01 {
    font-weight: 600;
    font-size: 60px;
    font-style: italic;
    display: block;
    color: #fff;
    margin-top: -80px;
    position: relative;
    padding-bottom: 50px;
}
.data_02__info .info_text02 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
}
.data_02__info .info_text01:after {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 2px;
    /* background: #575757; */
    background: rgba(255,255,255,0.2);
}
.data_02__info .info_text03 {
    font-size: 20px;
    font-weight: 400;
    color: #c6c6c6;
    line-height: 1.4;
}
.data_02__info .button--ghost {
    border: 1px solid #fff;
    margin-top: 40px;
    border-radius: 30px;
    width: 150px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    transition: all 0.3s;
}
.data_02__info .button--ghost:hover {
    background: #fff;
    color: #1f2739;
}
@media screen and (max-width: 1600px) {
    .data_02 {
        height: auto;
    }
}
@media screen and (max-width: 1560px) {
    .data_02 {
        padding: 120px 0;
    }

}
@media screen and (max-width: 640px) {
    .data_02__info .bullet {
        width: 240px;
        margin-top: -40px;
        margin-bottom: 24px;
    }
    .data_02__info .info_text01 {
        font-size: 38px;
        padding-bottom: 40px;
    }
    .data_02__info .info_text01:after  {
        bottom: 18px;
    }
    .data_02__info .info_text02,
    .data_02__info .info_text03 {
        font-size: 16px;
        padding: 0 20px;
    }
    .data_02__info .button--ghost {
        font-size: 15px;
        line-height: 38px;
        width: 135px;
    }
}

/* .content-responsive {min-height: calc(100vh - 258px)}
@media screen and (max-width: 1024px) {
	.content-responsive {min-height: calc(100vh - 258px)}
}
@media screen and (max-width: 768px) {
	.content-responsive {min-height: calc(100vh - 258px)}
}
@media screen and (max-width: 640px) {
	.content-responsive {min-height: calc(100vh - 258px)}
} */


/* ==========================================================================
   기업소개
   ========================================================================== */

/* 기업소개 */
.goods_tab ul.tab-nav {
	width: 100%;
	margin-bottom: 70px;
	border-bottom: 1px solid #111;
}
.goods_tab > ul > li a {
	float: left;
	width: 120px;
	padding: 10px 0;
	font-size: 13px;
	text-align: center;
	color: #909092;
}
.goods_tab ul li a.on {
	width: 120px;
	position: relative;
	color: #111;
	top: 1px;
	border-bottom: 2px solid #fff;
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
}
.company_info {
	padding-top: 20px;
}
.vision_content {
	width: 100%;
	padding-top: 30px;
}
.vision_content ul li {
	display: inline-block;
	width: calc(100%/3 - 7px);
	min-height: 410px;
	border: 1px solid #e4e4e4;
	padding: 20px;
	margin-left: 10px;
	box-sizing: border-box;
}
.vision_content ul li:first-child {
	margin-left: 0;
}
.vision_content ul li p {
	font-size: 14px;
	line-height: 1.8;
	color: #636469;
	font-family: 'NotoSansCJKkr-Light';
	letter-spacing: -0.0.3em;
}
.vision_content ul li p.concept_tit {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: #111;
	font-family: 'NotoSansCJKkr-Medium';
}
.subTit_box {
	float: left;
	width: 1200px;
	border-top: 1px solid #e4e4e4;
	padding: 10px 0;
	cursor: pointer;
}
.underLine3 {
    float: left;
    display: block;
    width: 33px;
    height: 1px;
    margin-top: 18px;
    border-bottom: 1px solid #111;
}
.compantinfo-txt {
	clear: both;
	padding-top: 15px;
}
.thumbnail-company img {
	width: 100%;
}
/* 비디오 */
.video_list_tit {
	display: inline-block;
	font-size: 16px;
	color: #575757;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding: 30px 0 10px;
}
@media screen and (max-width:900px){
	.goods_tab ul.tab-nav {
		width: 100%;
		margin-bottom: 70px;
		border-bottom: 1px solid #111;
	}	
}

@media screen and (max-width:420px){
	.vision_content ul li {
	    display: inline-block;
	    width: 100%;
	    height: auto;
	    border: 1px solid #e4e4e4;
	    padding: 20px;
	    margin-left: 0;
	    margin-bottom: 20px;
	    box-sizing: border-box;
	} 
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* htnl5video */
								
.video-container {
	position: relative !important;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	width: 100% !important;
	height: 100% !important;
}
/*
.html5gallery-container-0,
.html5gallery-box-0,
.html5gallery-elem-0 {
	width:100% !important;
	height:100% !important;
}
.video-container #html5gallery-elem-video-0,
.video-container #html5gallery-elem-video-0 iframe,
.video-container #html5gallery-elem-video-0 object,
.video-container #html5gallery-elem-video-0 embed {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
 .html5gallery-container-0 div {
    box-sizing: border-box;
}
.html5gallery-car-0 {
    width: 100% !important;
    border: 1px solid blue;
}
.html5gallery-thumbs-0 {
	position: relative;
    display: block;
    margin-left: 0 !important;
    width: 100% !important;
    top: 0px;
}
.html5gallery-tn-0 {
    margin-right: 10px;
    margin-bottom: 16px;
    width: 100% !important;
    max-width: 420px;
    height: 84px;
    overflow: hidden;
    border: 1px solid red
}
.html5gallery-tn-img-0 {
	width: 100% !important;
}
.html5gallery-tn-img-0 div {
	width: 100% !important;
}
.html5gallery-tn-img-0 div img {
	width: 100%;
	border:1px solid red
} */

/*modal*/
.modal-wrap.hidden{display:none;}
.modal-wrap{position: fixed;top:0;left:0;z-index:100; width:100%;height:100%;background:rgba(0,0,0,0.6);}
.modal-content{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.modal-content-inner{width:420px;height:420px;background:#fff;}
.modal-content-inner > .img_link{display:block;width:100%;height:100%;}
.modal-content-inner > .img_link img,
.modal-content-inner .slick-slide img{width:100%;}
.modal-content-inner .btn-area{display: flex;flex-wrap:wrap;text-align: center;}
.modal-content-inner .btn-area > a{display:block;width: 50%;font-size:14px;color:#111;padding: 16px 0px;box-sizing: border-box;background: rgba(0,0,0,0.7);color:#fff;} 
.modal-content-inner .btn-area > a:first-child{border-right:0;position: relative;}
.modal-content-inner .btn-area > a:first-child:after{content:"";width:1px;height:20px;background: rgba(255,255,255,.5);top:50%;right:0;position: absolute;transform: translateY(-50%);}
.modal-pop-slider .slick-dots{padding: 10px 0;display:flex;justify-content: center;align-items: center;}
.modal-pop-slider .slick-dots li{margin:0 5px;}
.modal-pop-slider .slick-dots li button{display:block;padding:0;width: 10px;height: 10px;border: 1px solid #666666;background: #141414;border-radius: 50%;text-indent:-9999px;transition:all .3s;}
.modal-pop-slider .slick-dots .slick-active button{background: #fff;border-color: #fffbee;width: 25px;border-radius: 15px;}
@media screen and (max-width:420px){
	.modal-content-inner{width:320px;height:320px;}
}