.subvisual_wrap{
	height:180px;
}

.subvisual_wrap .inner_lo{
	position:relative;
	height:100%;
}

.subvisual_wrap .subvisual{
	height:100%;
	border-radius:20px;
	background:#fdcf31;
	background:url('../images/subvisual_bg.jpg') center center no-repeat #fdcf31;
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;
}

.subvisual_wrap .titlegroup{
	position:relative;
}
/*
.subvisual_wrap .titlegroup:before,
.subvisual_wrap .titlegroup:after{
	content:'';
	position:absolute;
	width:30px;
	height:30px;
	background:url('../images/sub_visual_corner.png') 0 0 no-repeat;
}

.subvisual_wrap .titlegroup:before{
	left:0;
	bottom:100%;
}
.subvisual_wrap .titlegroup:after{
	left:100%;
	bottom:0;
}
*/
.subvisual_wrap .pagetitle{
	font-size:50px;
	font-weight:800;
	font-family:'GmarketSans';
	line-height:1;
	letter-spacing:-2px;
}

.subvisual_wrap .char{
	position:absolute;
}

.subvisual_wrap .char01{
	width:205px;
	height:155px;
	background:url('../images/subvisual_char01.png');
	left:100px;
	bottom:-20px;
}
.subvisual_wrap .char02{
	width:185px;
	height:175px;
	background:url('../images/subvisual_char02.png');
	right:100px;
	bottom:-20px;
}


/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.subvisual_wrap{
			height:140px;
		}
		.subvisual_wrap .titlegroup{
			padding-top:0;
		}
		.subvisual_wrap .pagetitle{
			font-size:34px;
		}
		.subvisual_wrap .char01{
			width:154px;
			height:116px;
			background-size:contain;
			left:20px;
		}
		.subvisual_wrap .char02{
			width:144px;
			height:136px;
			background-size:contain;
			right:20px;
		}
	}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.subvisual_wrap{
			height:180px;
		}

		.subvisual_wrap .titlegroup{
			padding-bottom:60px;
		}

		.subvisual_wrap .char01{
			width:116px;
			height:88px;
			left:auto;
			right:50%;
		}
		.subvisual_wrap .char02{
			width:100px;
			height:95px;
			left:50%;
		}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


/* NAVIGATION : S */
#navigation{
	margin-bottom:24px;
}

#navigation ul{
	display:flex;
	align-items:center;
	justify-content:center;
}

#navigation ul li{
	position:relative;
	color:rgba(0,0,0,0.6);
	font-size:18px;
	font-weight:500;
	line-height:1;
}

#navigation ul li + li{
	margin-left:16px;
	padding-left:24px;
}

#navigation ul li + li:before{
	content:'';
	position:absolute;
	width:8px;
	height:12px;
	top:50%;
	left:0;
	margin-top:-6px;
	background:url('../images/nav_arrow.png') 0 0 no-repeat;
}

#navigation ul li .ico_home{
	width:20px;
	height:18px;
	background:url('../images/nav_home.png') 0 0 no-repeat;
	display:block;
	font-size:0;
	text-indent:-9999px;
}

#navigation ul li.current{
	font-weight:800;
}


#container.bg_about{background:url('../images/bg_about.jpg') right center no-repeat; background-size:cover; background-attachment: fixed;}


/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		#navigation{
			margin-bottom:14px;
		}
		#navigation ul li + li{
			margin-left:10px;
			padding-left:18px;
		}
		#navigation ul li{font-size:16px;}

		#navigation ul li .ico_home{
			width:16px;
			height:14px;
			background-size:contain;
		}
	}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		#container.bg_about .contents_wrap{background:rgba(255,255,255,0.5); backdrop-filter: blur( 8px );}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


/* NAVIGATION : E */



/* CONTENTS : S */
.contents_wrap{
	padding:60px 0 60px 0;
	font-size:16px;
	min-height:calc(100vh - 154px);
	min-height:calc(100dvh - 154px);
}

.contents_wrap.lblue_bg{
	background:#f3f8fb;
}

.conttitle {
	margin-bottom:20px;
	line-height:1;
	font-size:34px;
	font-weight:700;
	font-family:'GmarketSans';
	letter-spacing:-2px;
}

.txttitle{
	font-size:20px;
	font-weight:700;
}


/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.contents_wrap{
			min-height:0;
			padding:40px 0;
		}
		.conttitle {
			font-size:24px;
			margin-bottom:14px;
		}
	}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ MEDIA 480px : S ------------------------------------------------------------------ */
	@media (max-width: 480px) {
		.pagetitle{
			flex-direction:column;
			align-items:flex-start;
		}
		
		.pagetitle h2{
			margin-right:0;
			margin-bottom:6px;
		}

		.txttitle{
			font-size:18px;
		}
	}
/* ------------------------------------------------------------------ MEDIA 480px : E ------------------------------------------------------------------ */


.termbox_top{
	display:flex;
	padding:14px 0;
}

.termbox_top label{
	margin-left:auto;
}
.termbox_top .txttitle{
	margin:0;
}
.termbox_top .txttitle span{
	font-size:inherit;
	font-weight:inherit;
}

.termbox{
	background:#f5f5f5;
	padding:20px;
	border-radius:12px;
	height:200px;
	overflow-y:auto;
}

	
	/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
		@media (max-width: 768px) {
			.termbox_top{
				flex-direction:column;
				align-items: flex-start;
			}
			.termbox_top label{
				margin-left:0;
				margin-top:6px;
			}
		}
	/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


.confirm_row{
	display:flex;
}
.confirm_row .btngroup{
	display:flex;
}
.confirm_row .btngroup li + li{
	margin-left:8px;
}
.confirm_row .center{
	margin:0 auto;
}
.confirm_row .center .btncom{
	width:200px;
}
.confirm_row .full{
	width:100%;
}
.confirm_row .full li{
	flex:1;
}


/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.confirm_row .center{
			flex-direction:column;
			width:100%;
		}
		.confirm_row .btngroup li{
			width:100%;
		}
		.confirm_row .center .btncom{
			width:100%;
		}
		.confirm_row .btngroup li + li{
			margin-left:0;
			margin-top:8px;
		}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */

.lecture_wrap{display:flex; width:100%;}
.lecture_wrap .left_lo{flex:none; margin-right:80px;}
.lecture_wrap .left_lo a{display:block; position:relative; overflow:hidden; border-radius:10px;}
.lecture_wrap .left_lo a .ico{position:absolute; width:110px; height:110px; border-radius:100%; left:50%; top:50%; margin-left:-55px; margin-top:-55px; background:url('../images/ico_player_play.png') center center no-repeat rgba(255,255,255,0.2); box-shadow:0 0 20px rgba(0,0,0,0.5); backdrop-filter: blur( 5px ); transition:.2s;}
.lecture_wrap .left_lo a:hover .ico{background:url('../images/ico_player_play.png') center center no-repeat rgba(67,164,255,0.9); width:120px; height:120px; margin-left:-60px; margin-top:-60px;}
.lecture_wrap .left_lo a:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.lecture_wrap .left_lo .pic{width:500px; background:#f5f5f5; min-height:400px;}
.lecture_wrap .left_lo .pic img{width:100%; min-height:100%;}
.lecture_wrap .right_lo{flex:1;}
.lecture_wrap .list_info_point{border-radius:10px; margin-top:20px; padding:20px 10px; background:#f5f5f5; display:flex; flex-wrap:wrap;}
.lecture_wrap .list_info_point li{position:relative; width:50%; padding:10px 20px 10px 34px;}
.lecture_wrap .list_info_point li:before{content:''; position:absolute; left:20px; top:20px; width:4px; height:4px; border-radius:100%; background:#a8a8a8;}

.lecture_wrap .conttitle{padding-bottom:14px; margin-bottom:24px; border-bottom:1px solid #ddd;}

/* ------------------------------------------------------------------ MEDIA 1024px : S ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	.lecture_wrap{display:block;}
	.lecture_wrap .left_lo .pic{width:100%;}
	.lecture_wrap .left_lo{margin-bottom:40px; margin-right:0;}
}
/* ------------------------------------------------------------------ MEDIA 1024px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
@media (max-width: 768px) {
	.lecture_wrap .left_lo .pic{min-height:300px;}
	.lecture_wrap .list_info_point li{width:100%;}
}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */







/* LOGIN */
.member-wrap{ min-height:calc(100vh - 154px);;min-height:calc(100dvh - 154px);display:flex;align-items:center; justify-content: center;}
.member-wrap .member-box{position:relative; width:100%; max-width:600px;background: #fff;overflow:hidden; display: flex;flex-direction: column;justify-content: center; align-items:center; padding:60px 20px;}
.member-wrap .member-box .member-box-inner{width:100%;}
.member-wrap .logo{position:absolute; left:30px; top:30px;}
.member-wrap .logo img{width:220px;}

.member-wrap .boxtitle{display:flex;flex-direction:column; justify-content:center; margin-bottom:20px;}
.member-wrap .boxtitle .logo{display:flex; align-items:center; justify-content:center;}
.member-wrap .boxtitle .logo img{width:44px; margin-right:6px;}
.member-wrap .boxtitle .logo .txt{text-align:center; font-weight:600; font-size:20px; line-height:1.2; margin-top:8px; letter-spacing:-2px; color:#77787a;}
.member-wrap .boxtitle .title{ text-align:center; font-weight:600; font-size:60px; line-height:1; letter-spacing:-5px;}

.member-wrap .member-box .login-inplist{display:flex; flex-direction:column;}
.member-wrap .member-box .login-inplist li + li{margin-top:10px;}
.member-wrap .member-box .login-inplist input{width:100%; height:60px; font-size:18px; padding:0 20px 0 48px; border:0; border-bottom:1px solid #ccc; background:transparent;}
.member-wrap .member-box .login-inplist label{display:block; position:relative;}
.member-wrap .member-box .login-inplist .label-id:before,
.member-wrap .member-box .login-inplist .label-mail:before,
.member-wrap .member-box .login-inplist .label-pw:before{content:''; position:absolute; left:10px; top:50%; margin-top:-12px; border-radius:100%; width:24px; height:24px; z-index:1; background-color:#65757c; background-size:auto 12px; background-position:center center; background-repeat:no-repeat;}
.member-wrap .member-box .login-inplist .label-id:before{background-image:url('../images/login-ico-id.svg');}
.member-wrap .member-box .login-inplist .label-mail:before{background-image:url('../images/login-ico-mail.svg');}
.member-wrap .member-box .login-inplist .label-pw:before{background-image:url('../images/login-ico-pw.svg');}
.member-wrap .member-box .btn-confirm{margin-top:30px; width:100%;  border-radius:4px; background:#4099ed; border:0; height:60px; color:#fff; font-size:18px; font-weight:800;}


.member-wrap .member-box .login-inplist label .inp-pw-vis{position:absolute; right:10px; top:50%; margin-top:-10px; border:0; font-size:0; text-indent:-9999px; width:22px; height:20px; transition:opacity .2s;}
.member-wrap .member-box .login-inplist label.pw-visible .inp-pw-vis{background:url('../images/input-visible.png') 0 0 no-repeat; }
.member-wrap .member-box .login-inplist label.pw-hidden .inp-pw-vis{background:url('../images/input-hidden.png') 0 0 no-repeat; }
.member-wrap .member-box .login-inplist label.pw-visible input,
.member-wrap .member-box .login-inplist label.pw-hidden input{padding-right:40px;}

.member-wrap .member-box .login-inplist-bot{display:flex; justify-content:space-between; margin-top:20px;}
.member-wrap .member-box .login-inplist-bot .link-join{display:inline-flex; align-items:center;font-size:16px; font-weight:500; text-decoration: underline;}
.member-wrap .member-box .login-inplist-bot .link-join:before{content:''; display:block; background:url('../images/login-btn-join.svg') 0 0 no-repeat; background-size:contain; width:20px; height:20px; margin-right:8px;}
.member-wrap .member-box .login-inplist-bot .txt-phone{font-size:16px; color:var(--color-lgray);}

.member-wrap .txtlist-notice{background:#f6f9fb; border-radius:4px; padding:20px 30px; margin-top:30px;}
.member-wrap .txtlist-notice li + li{margin-top:6px;}
.member-wrap .txtlist-notice li{font-size:14px; padding-left:10px; position:relative; color:var(--color-lgray); word-break:auto-phrase;}
.member-wrap .txtlist-notice li:before{content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background:var(--color-lgray); border-radius:100%;}



/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.member-wrap{ min-height:0;}
		.member-wrap .member-box{padding:80px 20px;}
		.member-wrap .boxtitle .title{font-size:50px;}
		.member-wrap .member-box .login-inplist input{font-size:15px;}
		.member-wrap .member-box .btn-confirm{font-size:15px; height:50px; margin-top:20px;}
	}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ MEDIA 480px : S ------------------------------------------------------------------ */
	@media (max-width: 480px) {
		.member-wrap .boxtitle .title{font-size:40px;}
	}
/* ------------------------------------------------------------------ MEDIA 480px : E ------------------------------------------------------------------ */

.page_done{text-align: center; padding:60px 0;}
.page_done .ico{text-align:center; margin-bottom:20px;}
.page_done .ico:before{content:''; display:block; margin:0 auto; width:86px; height:94px; background:url('../images/ico_done.png') 0 0 no-repeat; background-size:contain;}
.page_done .txtbig{font-size:30px; font-weight:800; margin-bottom:20px; line-height:1.2;}
.page_done .txtsmall{font-size:20px;}


.payment_table{text-align:left; width:100%; max-width:500px; margin:0 auto; margin-top:60px; border-top:1px solid #dcdcdc;}
.payment_table .row{border-bottom:1px solid #dcdcdc; padding:16px 0;}
.payment_table dl{display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
.payment_table dl dt{color:#8d8d8d; flex:none; width:80px;}
.payment_table dl dd{}

.payment_table .pay_final{font-size:30px; font-weight:800; color:#4099ed; letter-spacing:-3px; line-height:1;}
.payment_table .pay_final span{font-size:18px; font-weight:500; margin-left:4px;}


/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.page_done .ico:before{width: 60px; height: 66px;}
		.page_done .txtbig{font-size:20px; margin-bottom:10px;}
		.page_done .txtsmall{font-size:16px;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


.sitemap_box:after{display: block;content: '';clear: both}
.sitemap_box dl{float: left;margin-bottom: 30px;padding-right: 30px;width:33.33%}
.sitemap_box dt a{
    display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E1E4E6;
    padding: 19px 10px 15px 10px;
    color: #4b65a2;
    font-size: 20px;
    color: #000;
    margin-bottom:10px;
	font-weight: 600;
}
.sitemap_box dd{
    display: block;
}
.sitemap_box dd a{
    color: #000;
    display:block;
    padding:5px 10px;
    font-size:16px;
}
.sitemap_box dd a:before{content:"- ";}


/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
    	.sitemap_box dl{float: none;padding-right:0px;width:100%}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


.courses_wrap{width:100%; border-top: 2px solid #000; border-bottom:1px solid #dcdcdc;}
.courses_wrap .top{width:100%; padding:80px 0; display:flex; justify-content:space-between;}
.courses_wrap .top .txtbox{}
.courses_wrap .top .txtbox .homename{font-size:26px; margin-bottom:20px; line-height:1.2; font-weight:600;}
.courses_wrap .top .txtbox .homename strong{font-weight:800;}
.courses_wrap .top .txtbox .title{display:flex; flex-wrap:wrap; line-height:1; font-size:100px; font-weight:600; letter-spacing:-4px; word-break: break-all;}
.courses_wrap .top .txtbox .title span{padding-top:10px; font-size:40px; letter-spacing:0px; font-weight:1000; margin-right:20px;}
.courses_wrap .top .infobox{flex:1; display:flex; flex-direction:column; justify-content:center; padding-left:40px; border-left:1px solid #ddd; margin-left:40px; max-width:600px; }
.courses_wrap .top .infobox .duration{font-size:20px;}
.courses_wrap .top .infobox .progress{display:flex; align-items:center; margin-top:20px;}
.courses_wrap .top .infobox .progress .value{margin-right:10px; flex:none; font-weight:800; color:#4099ed; font-size:24px; letter-spacing:-2px;}
.courses_wrap .top .infobox .progress .bar{display:block; flex:1; border-radius:100px; height:12px; background:#ddd; overflow:hidden;}
.courses_wrap .top .infobox .progress .bar .fill{height:100%; border-radius:0 100px 100px 0; background:#4099ed;}
.courses_wrap .top dl{display:flex; min-height:34px; font-size:18px; align-items:center;}
.courses_wrap .top dl dt{font-weight:700; width:100px; padding-right:14px; }
.courses_wrap .top dl dd{flex:1;}
.courses_wrap .top dl + dl{margin-top:10px;}


.courses_wrap .bot{flex:1; display: flex; flex-direction: column; justify-content: center;}
.courses_wrap .bot li + li{margin-top:20px;}
.courses_wrap .bot li.done dl{background:#f4faff; border-color:#bed4e9; color:#4099ed;}
.courses_wrap .bot li.done dl dd.title{color:#4099ed;}
.courses_wrap .bot dl{display:flex; align-items:center; background:#f5f5f5; border:1px solid #f5f5f5; padding:24px 30px; border-radius:10px;}
.courses_wrap .bot dl dt{font-size:30px; font-weight:700; line-height:1;}
.courses_wrap .bot dl dd.title{flex:1; color:#5f5f5f; font-size:20px; padding:0 40px;}
.courses_wrap .btn_view{display:inline-flex; align-items:center; border-radius:100px; background:#4099ed; height:40px; padding:0 20px; color:#fff; font-weight:600; font-size:16px;}
.courses_wrap .btn_view:before{content:''; margin-right:6px; width:14px; height:14px; background:url('../images/ico_course_play.png') 0 0 no-repeat; margin-right:6px;}
.courses_wrap .label_done{display:inline-flex; align-items:center; border-radius:100px; background:#d7ecff; height:40px; padding:0 20px; color:#6c8399; font-weight:600; font-size:16px;}
.courses_wrap .label_done:before{content:''; margin-right:6px; width:14px; height:14px; background:url('../images/ico_course_done.png') 0 0 no-repeat; margin-right:6px;}

.courses_wrap .bot .progress{display:flex; align-items:center; width:20%; margin-right:40px;}
.courses_wrap .bot .progress .value{margin-right:10px; flex:none; font-weight:800; color:#4099ed; font-size:18px; letter-spacing:-2px;}
.courses_wrap .bot .progress .bar{display:block; flex:1; border-radius:100px; height:8px; background:#ddd; overflow:hidden;}
.courses_wrap .bot .progress .bar .fill{height:100%; border-radius:0 100px 100px 0; background:#4099ed;}
/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
@media (max-width: 1240px) {
	.courses_wrap{display:block;}
	.courses_wrap .bot dl{padding:30px;}
}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
@media (max-width: 768px) {
	.courses_wrap{ }
	.courses_wrap .top{padding:30px 0; display:block;}
	.courses_wrap .top .infobox{margin-left:0; margin-top:20px; max-width:100%; padding-top:20px; border-left:0; padding-left:0; border-top:1px solid #ddd;}
	.courses_wrap .top .infobox .progress{padding-top:20px; border-top:1px solid #ddd;}
	.courses_wrap .top .infobox .progress .value{font-size:20px;}
	.courses_wrap .top .infobox .progress .bar{height:10px;}
	.courses_wrap .top .txtbox .homename{font-size:18px; margin-bottom:10px;}
	.courses_wrap .top .txtbox .title{font-size:54px;}
	.courses_wrap .top .txtbox .title span{font-size:28px; margin-right:14px; padding-top:4px;}
	.courses_wrap .top dl{font-size:16px;}
	.courses_wrap .top dl dt{width:80px;}
	.courses_wrap .bot li + li{margin-top:14px;}
	.courses_wrap .bot dl{padding:14px;}
	.courses_wrap .bot dl dt{font-size:18px;}
	.courses_wrap .bot dl dd.title{font-size:16px; padding:0 20px;}
	.courses_wrap .btn_view{font-size:14px; height:30px; width:30px; justify-content: center; font-size:0; text-indent:-9999px; padding:0;}
	.courses_wrap .btn_view:before{margin-right:0;}
	.courses_wrap .label_done{font-size:14px; height:30px; width:30px; justify-content: center; font-size:0; text-indent:-9999px; padding:0;}
	.courses_wrap .label_done:before{margin-right:0;}
}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 480px : S ------------------------------------------------------------------ */
@media (max-width: 480px) {
	.courses_wrap .bot dl{position:relative; flex-wrap:wrap; padding:14px 60px 14px 14px;}
	.courses_wrap .bot .progress{width:100%; margin-right:0; margin-top:8px;}
	.courses_wrap .bot .btn{position:absolute; right:14px; top:50%; margin-top:-15px;}
}
/* ------------------------------------------------------------------ MEDIA 480px : E ------------------------------------------------------------------ */


.myinfo_wrap{
	width: 100%;
	/*
	border-top: 2px solid #000;
	padding:60px 0;
	*/
	display:flex;
}
.myinfo_wrap .left{
	flex:none;
	display:flex;
	flex-direction:column;
	width:360px;
	overflow:hidden;
	border-radius:20px;
	box-shadow:5px 5px 12px rgba(0, 0, 0, 0.04);
	padding:30px;
	background:#fff;
}

.myinfo_wrap .item.myinfo{
	background:#262a2d;
	color:#fff;
}

.myinfo_wrap .item.myinfo .pic{
	border-radius:100%;
	overflow:hidden;
	width:100%;
	max-width:200px;
	margin:0 auto;
}
.myinfo_wrap .item.myinfo .pic .pic_inner{
	padding-bottom:100%;
	background-color:#f5f5f5;
	background-size:cover;
	background-position:center center;
}
.myinfo_wrap .item.myinfo .info {
	
}
.myinfo_wrap .item.myinfo .info .info_top{
}
.myinfo_wrap .item.myinfo .info .info_top .name{
	font-size:30px;
	font-weight:600;
	line-height:1;
	margin-bottom:4px;
}
.myinfo_wrap .item.myinfo .info .info_top .birthday{
	font-size:16px;
	color:#939393;
}

.myinfo_wrap .item.myinfo .info .info_list {
	padding:20px 0;
}
.myinfo_wrap .item.myinfo .info .info_list dl{
	display:flex; 
	align-items:center;
	font-size:18px;
	word-break: break-all;
}
.myinfo_wrap .item.myinfo .info .info_list dl dt{
	font-weight:600;
	min-width:80px;
}
.myinfo_wrap .item.myinfo .info .info_list dl dd{
	color:#939393;
}
.myinfo_wrap .item.myinfo .info .info_list dl + dl{
	margin-top:10px;
}
.myinfo_wrap .item.myinfo .btn_edit_myinfo{
	margin-top:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#4c5053;
	color:#fff;
	font-size:16px;
	height:50px;
	font-weight:600;
	border-radius:100px;
	transition:background .2s;
}
.myinfo_wrap .item.myinfo .btn_edit_myinfo:before{
	content:'';
	width:14px;
	height:14px;
	background:url('../images/ico_edit_myinfo.png') 0 0 no-repeat;
	margin-right:8px;
}
.myinfo_wrap .item.myinfo .btn_edit_myinfo:hover{
	background:#4099ed;
}

.myinfo_wrap .itemlist{
	flex:1;
	display:flex;
	flex-wrap:wrap;
	margin-top:-20px;
}

.myinfo_wrap .item{
	display:flex;
	flex-direction:column;
	width:calc(50% - 20px);
	margin-top:20px;
	margin-left:20px;
	box-shadow:5px 5px 12px rgba(0, 0, 0, 0.04);
	border-radius:20px;
	padding:30px;
	min-height:340px;
	background:#fff;
}

.myinfo_wrap .itemlist .infogroup .title{
	display:flex;
	align-items:center;
	font-size:24px;
	font-weight:800;
	padding-bottom:20px;
	line-height:1;
	flex:none;
}

.myinfo_wrap .itemlist .infogroup .title .btn_right{
	display:inline-flex;
	font-size:14px;
	font-weight:700;
	align-items:center;
	margin-left:auto;
	transition:color .2s;
}
.myinfo_wrap .itemlist .infogroup .title .btn_right:after{
	content:'';
	display:block;
	margin-left:6px;
	width:18px;
	height:18px;
	background:url('../images/m_mobilegnb_arrow_w.png') center center no-repeat #262a2d;
	border-radius:100%;
	background-size:5px;
	transition:background-color .2s;
}

.myinfo_wrap .itemlist .infogroup .title .btn_right:hover{
	color:#4099ed;
}

.myinfo_wrap .itemlist .infogroup .title .btn_right:hover:after{
	background-color:#4099ed;
}

.myinfo_wrap .itemlist .infogroup .empty{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	border-top: 1px solid #ddd;
	color:#737373;
}


.myinfo_wrap .itemlist .infogroup .list01 {
	padding-top:20px;
	flex:1;
	border-top:1px solid #ddd;
}
.myinfo_wrap .itemlist .infogroup .list01 li {
	position:relative;
	padding-left:18px;
}

.myinfo_wrap .itemlist .infogroup .list01 li + li{
	margin-top:14px;
}
.myinfo_wrap .itemlist .infogroup .list01 li:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;
	width:6px;
	height:6px;
	border-radius:100px;
	background:#262a2d;
}
.myinfo_wrap .itemlist .infogroup .list01 li dl{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.myinfo_wrap .itemlist .infogroup .list01 li dt{
	flex:none;
	margin-right:auto;
}
.myinfo_wrap .itemlist .infogroup .list01 li dd{
	flex:1;
	color:#737373;
	text-align:right;
	padding-left:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




.myinfo_wrap .itemlist .infogroup .list02 {
	padding-top:20px;
	flex:1;
	border-top:1px solid #ddd;
}
.myinfo_wrap .itemlist .infogroup .list02 li {
	padding-left:18px;
	position:relative;
}

.myinfo_wrap .itemlist .infogroup .list02 li + li{
	margin-top:6px;
}

.myinfo_wrap .itemlist .infogroup .list02 li:before{
	content:'';
	position:absolute;
	left:0;
	top:8px;
	width:6px;
	height:6px;
	border-radius:100px;
	background:#262a2d;
}

.myinfo_wrap .itemlist .infogroup .list02 li dl{

}
.myinfo_wrap .itemlist .infogroup .list02 li dt{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.myinfo_wrap .itemlist .infogroup .list02 li dd{
	font-size:14px;
	color:#737373;
}



.myinfo_wrap .itemlist .infogroup .list03 {
	flex:1;
	border-top:1px solid #ddd;
}
.myinfo_wrap .itemlist .infogroup .list03 li{
	padding:16px 0;
}
.myinfo_wrap .itemlist .infogroup .list03 li + li{
	border-top:1px solid #ddd;
}

.myinfo_wrap .itemlist .infogroup .list03 dl{
	display:flex;
	align-items:center;
}

.myinfo_wrap .itemlist .infogroup .list03 li dt{
	font-weight:600;
	width:70px;
	margin-right:20px;
	text-align:center;
	font-size:16px;
	flex:none;
}

.myinfo_wrap .itemlist .infogroup .list03 dd{
	flex:1;
}

.myinfo_wrap .itemlist .infogroup .progress{display:flex; align-items:center; margin-top:auto;}
.myinfo_wrap .itemlist .infogroup .progress .value{margin-right:4px; flex:none; font-weight:800; color:#4099ed; font-size:18px; width:50px;}
.myinfo_wrap .itemlist .infogroup .progress .bar{display:block; flex:1; border-radius:100px; height:8px; background:#ddd; overflow:hidden;}
.myinfo_wrap .itemlist .infogroup .progress .bar .fill{height:100%; border-radius:0 100px 100px 0; background:#4099ed;}


/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
@media (max-width: 1240px) {
	.myinfo_wrap .itemlist{margin-top:0; margin-left:20px;}
	.myinfo_wrap .item{width:100%; margin-left:0; margin-top:0;}
	.myinfo_wrap .itemlist .item + .item{margin-top:20px;}
}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
@media (max-width: 768px) {
	.myinfo_wrap{display:block;}
	.myinfo_wrap .item.myinfo .info .info_list dl{font-size:16px;}
	.myinfo_wrap .itemlist{margin-left:0; margin-top:20px;}
	.myinfo_wrap .itemlist .item .list01 li dl{font-size:14px;}
	.myinfo_wrap .itemlist .item .list03 li dt{font-size:16px; width:60px;}
}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


.tab_type02{display:flex; margin-bottom:20px; border-bottom:1px solid #ddd;}
.tab_type02 li{flex:1;}
.tab_type02 li a{position:relative; padding:0 10px; display:flex; align-items:center; justify-content:center; height:60px; font-size:16px; font-weight:800; color:#737373; transition:color .2s;}
.tab_type02 li a:hover{color:#262a2d;}
.tab_type02 li.active a{color:#262a2d;}
.tab_type02 li.active a:before{content:''; position:absolute; bottom:-1px; width:100%; left:0; height:4px; background:#262a2d;}

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.tab_type02{margin-bottom:20px;}
		.tab_type02 li{max-width:100%;}
		.tab_type02 li a{font-size:14px; height:40px;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


.tab_type03{display:flex; margin-bottom:40px;}
.tab_type03 li{flex:1;}
.tab_type03 li + li{margin-left:10px;}
.tab_type03 li a{position:relative; padding:0 10px; display:flex; align-items:center; justify-content:center; height:60px; font-size:16px; font-weight:500; color:#737373; transition:border-color .2s, color .2s; border:1px solid #ddd; border-radius:4px;}
.tab_type03 li a:hover{color:#4099ed; border-color:#4099ed;}
.tab_type03 li.active a{color:#fff; background:#4099ed; border-color:#4099ed; font-weight:800;}

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.tab_type03{margin-bottom:40px;}
		.tab_type03 li{max-width:100%;}
		.tab_type03 li a{font-size:14px; height:40px;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */



.m_tablelist .title{margin-bottom:6px;}
.m_tablelist dl{display: inline-flex; margin-right: 24px; font-size:14px;}
.m_tablelist dl dt{flex:none; margin-right:14px; color:#8d8d8d;}
.m_tablelist dl dd{flex:1; word-break:break-all;}

.pagination{display:flex; justify-content:center; align-items:center; margin-top:60px;}
.pagination .prevlist{margin-right:20px; display:flex;}
.pagination .numblist{display:flex;}
.pagination .nextlist{margin-left:20px; display:flex;}
.pagination a{display:flex; align-items:center; justify-content:center; font-size:18px; min-width:40px; height:40px; color:#737373; border-radius:100%; transition:background-color .2s;}
.pagination .prevlist a,
.pagination .nextlist a{font-size:0;}
.pagination a:hover{background-color:#f5f5f5;}
.pagination .numblist .active{background:#262a2d !important; color:#fff; font-weight:700;}
.pagination .first{background:url('../images/pagination_last.png') center center no-repeat; transform:rotate(180deg);}
.pagination .last{background:url('../images/pagination_last.png') center center no-repeat;}
.pagination .prev{background:url('../images/pagination_next.png') center center no-repeat; transform:rotate(180deg);}
.pagination .next{background:url('../images/pagination_next.png') center center no-repeat;}


/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
@media (max-width: 1240px) {
	.pagination{
		position:fixed;
		left:0; bottom:0;
		width:100vw;
		background:#f5f5f5;
		height:50px;
		z-index:10;
		padding:0 10px;
		margin-top:0;
	}
	.pagination a{width:30px; height:50px;}
	.pagination .numblist{display:none;}

	.pagination .m_numblist {flex:1; display:flex; align-items:center; justify-content:center; color:#8d8d8d;}
	.pagination .m_numblist span + span{margin-left:4px;}
	.pagination .m_numblist .current{font-weight:600; color:#000;}
}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */


.faq_table{border-top:2px solid #000;}
.faq_table li{border-bottom:1px solid #ddd;}
.faq_table .item{position:relative; padding:30px 60px 30px 20px; font-size:18px;}
.faq_table .row_Q{position:relative; padding-left:36px; font-weight:600;}
.faq_table .row_Q:before{content:''; width:26px; height:28px; background:url('../images/faq_q.png') 0 0 no-repeat; position:absolute; left:0; top:-3px;}
.faq_table .row_A{position:relative; padding-left:36px; display:none; margin-top:20px;}
.faq_table .row_A:before{content:''; width:26px; height:28px; background:url('../images/faq_a.png') 0 0 no-repeat; position:absolute; left:0; top:-3px;}
.faq_table .btn_toggle{position:absolute; width:24px; height:24px; right:20px; top:50%; margin-top:-12px; border:0; transition:transform .2s; background:url('../images/faq_toggle_btn.png') center center no-repeat;}
.faq_table li.active .btn_toggle{transform:rotate(180deg);}

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.faq_table .item{ font-size:16px; padding:20px 60px 20px 20px;}
		.faq_table .btn_toggle{right:10px;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */

.board_view{border-top:2px solid #000;}
.board_view .view_top{border-bottom:1px solid #ddd; padding:30px 20px;}
.board_view .view_top .title{font-size:24px; font-weight:700;}
.board_view .view_top .infolist{margin-top:14px; display:flex; flex-wrap:wrap;}
.board_view .view_top .infolist li{margin-right:20px; position:relative;}
.board_view .view_top .infolist li + li{padding-left:14px;}
.board_view .view_top .infolist li + li:before{content:''; position:absolute; left:0; top:50%; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.board_view .view_top .infolist li dl{display:flex; font-size:16px; color:#737373;}
.board_view .view_top .infolist li dl dt{margin-right:10px;}
.board_view .view_top .infolist li dl dd{}

.board_view .view_body{padding:60px 20px; border-bottom:1px solid #ddd;}

.board_view .view_reply{border:1px solid #ddd; margin-top:20px;}
.board_view .view_reply .reply_top{background:#f5f5f5; text-align:center; padding:10px 20px; font-weight:600;}
.board_view .view_reply .reply_body{padding:20px}

.reply_title_textarea{width:100%; resize:none; height:42px; background: #f5f5f5; border:0; text-align:center; font-family:inherit; font-size:inherit; line-height:inherit; color:inherit;}
.reply_textarea{width:100%; resize:none; background:#fff; border:0; padding:20px; font-family:inherit; font-size:inherit; line-height:inherit; color:inherit;}

.page_bot_btngroup{display:flex; margin-top:30px;}
.page_bot_btngroup .center{margin:0 auto;}
.page_bot_btngroup .right{margin-left:auto;}

.view_pager{margin-top:40px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 10px 0;}
.view_pager .item dl{display:flex; align-items:center; padding:14px 20px; font-size:18px;}
.view_pager .item dt{flex:none; position:relative; padding-left:24px; font-weight:700; margin-right:20px; min-width:80px;}
.view_pager .item dt:before{content:''; position:absolute; left:0; top:50%; margin-top:-4px; width:14px; height:8px; background:url('../images/faq_toggle_btn.png') center center no-repeat; margin-right:10px;}
.view_pager .item dd{flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.view_pager .prev .item dt:before{transform:rotate(180deg);}

.filebox{
	display:flex;
	padding:14px 20px;
}

.filebox .txt{
	font-weight:700;
	font-size:16px;
	margin-right:20px;
	padding:14px 0;
	flex:none;
}

.filebox .filelist{
	display:flex;
	flex-wrap:wrap;
	flex;1;
}
.filebox .filelist li{
	margin-right:6px;
	padding:4px 0;
}

.filebox .filelist li a{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #ddd;
	border-radius:100px;
	padding:10px 20px;
	background:#fff;
	font-size:14px;
	transition:border-color .2s;
}
.filebox .filelist li a:hover{
	border-color:#262a2d;
	color:#262a2d;
}
.filebox .filelist li a:before{
	content:'';
	width:14px;
	height:14px;
	margin-right:6px;
	background:url('../images/ico_file.png') 0 0 no-repeat;
	flex:none;
}

.filebox + .view_body{padding-top:20px;}


/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.board_view .view_top{padding:20px 14px;}
		.board_view .view_top .title{font-size:18px;}
		.board_view .view_top .infolist{margin-top:8px;}
		.board_view .view_top .infolist li dl{font-size:14px;}
		.board_view .view_body{padding:30px 14px; font-size:14px;}

		.board_view .view_reply .reply_body{font-size:14px;}

		.view_pager{padding:0;}
		.view_pager li + li{border-top:1px solid #ddd;}
		.view_pager .item dl{font-size:16px; padding:14px;display:block;}
		.view_pager .item dt{margin-right:0; margin-bottom:4px;}

		.filebox{display:block; padding:20px 14px;}
		.filebox .txt{padding:0; margin-bottom:4px;}
		.filebox .filelist li a{padding:8px 14px;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


.about_wrap{
	padding:120px 0;
	text-align:center;
}

.about_wrap .txtsmall{
	font-size:20px;
	word-break:auto-phrase;
	line-height:1.8;
}

.about_wrap .txtgroup{
	max-width:800px;
	margin:0 auto;
}

.about_wrap .txtbig{
	font-size:60px;
	font-family:'GmarketSans';
	line-height:1.1;
	letter-spacing:-2px;
	margin-bottom:60px;
	font-weight:800;
}

.about_wrap .txtbig strong{
	display:block;
	color:#a08325;
}
.about_wrap .logo{
	margin-top:120px;
}

.about_wrap img{
	
}

/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.about_wrap{padding:40px 0;}


	}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.about_wrap{padding:0 0;}
		.about_wrap .txtbig{
			font-size:34px;
			line-height:1;
			margin-bottom:40px;
		}
		.about_wrap .txtsmall{
			font-size:16px;
			line-height:1.2;
		}
		.about_wrap .logo{
			margin-top:60px;
		}
		.about_wrap .logo img{
			width:140px;
		}

	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */

.product_view .product_main{
	display:flex;
	padding:60px 0;
}
.product_view .product_main .col_pic{
	flex:none;
	position:relative;
	width:40%;
}
.product_view .product_main .col_pic .picbox{
	position:relative;
	height:0;
	padding-bottom:100%;
}
.product_view .product_main .col_pic .swiper-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.product_view .product_main .col_pic .pic{
	overflow:hidden;
	display:flex;
	align-items:center;
	height:100%;
	background:#fff;
}
.product_view .product_main .col_pic img{
	max-width:100%;
	border-radius:20px;
}
.product_view .product_main .col_info{margin-left:100px; flex:1;}
.product_view .info_top .category{font-size:18px; line-height:1; color:#737373; margin-bottom:6px;}
.product_view .info_top .title{font-size:30px; font-family:'GmarketSans'; letter-spacing:-2px; font-weight:800;}
.product_view .info_top .price{display:flex; flex-wrap:wrap; word-break:break-all; align-items:center; line-height:1; margin-top:20px;}
.product_view .info_top .price .sale_label{font-weight:800; color:#fff; font-size:14px; background:#ff002a; border-radius:4px; display:flex; align-items:center; height:24px; padding:0 4px; margin-right:6px; word-break: break-all;}
.product_view .info_top .price .sale_label strong{font-size:16px;}
.product_view .info_top .price .current{font-size:16px;}
.product_view .info_top .price .current strong{font-size:24px; font-family:'GmarketSans'; font-weight:800; letter-spacing:-2px; margin-right:2px;}
.product_view .info_top .price .saled{text-decoration:line-through; color:#737373; font-size:16px; margin-left:10px;}

.product_view .info_top.pc{}
.product_view .info_top.mobile{display:none;}

.product_view .product_main .infolist{border-top:1px solid #ddd; margin-top:30px; padding:30px 0 0 0;}
.product_view .product_main .infolist dl{display:flex; padding:10px 0;}
.product_view .product_main .infolist dt{flex:none; padding-right:20px;}
.product_view .product_main .infolist dd{flex:1; color:#737373; word-break:break-all;}

.product_view .product_main .info_bot{padding-top:20px; margin-top:30px; border-top:1px solid #ddd;} 
.product_view .product_main .btn_buy button{
	width:100%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid #dcdcdc;
	padding:0 14px;
	border-radius:8px;
	height:70px;
	background:#000;
	color:#fff;
	max-width:100%;
	font-weight:800;
	font-size:18px;
}

.product_view .price_final{display:flex; align-items:center; margin-bottom:20px;}
.product_view .price_final dt{flex:none; font-weight:700; font-size:18px;}
.product_view .price_final dd{flex:1; font-size:20px; font-weight:700; color:#ff002a; text-align:right; word-break:break-all;}
.product_view .price_final strong{font-size:34px; font-family:'GmarketSans'; letter-spacing:-2px; margin-right: 2px;}

.product_view .product_fullimg{text-align:center;}
.product_view .product_fullimg img{max-width:100%;}

/* ------------------------------------------------------------------ MEDIA 1240px : S ------------------------------------------------------------------ */
	@media (max-width: 1240px) {
		.product_view .product_main .col_info{margin-left:60px;}
	}
/* ------------------------------------------------------------------ MEDIA 1240px : E ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.product_view .product_main{flex-direction:column; padding:0 0 40px 0;}
		.product_view .product_main .col_pic{width:100%;}
		.product_view .product_main .col_pic .pic{}
		.product_view .product_main .col_info{margin-left:0; margin-top:40px;}
		.product_view .product_main .infolist{margin-top:0;}

		.product_view .info_top.pc{display:none;}
		.product_view .info_top.mobile{display:block; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ MEDIA 480px : S ------------------------------------------------------------------ */
	@media (max-width: 480px) {
		.product_view .product_main .category{font-size:16px;}
		.product_view .info_top .title{font-size:24px;}
		.product_view .product_main .infolist{padding-top:16px;;}
		.product_view .product_main .infolist dt{padding-right:14px;}
		.product_view .product_main .infolist dl{font-size:14px; padding:6px 0;}
		.product_view .product_main .info_bot{margin-top:16px;}
		.product_view .price_final strong{font-size:24px;}
		.product_view .price_final dd{font-size:16px;}
	}
/* ------------------------------------------------------------------ MEDIA 480px : E ------------------------------------------------------------------ */

.product_main .swiper-control-group{
	margin-top:20px;
	display:flex;
	align-items:center;
}
.product_main .swiper-pagination{
	position:unset;
	line-height:1;
	display:flex;
	margin-left:10px;
	flex:1;
}
.product_main .swiper-pagination .swiper-pagination-bullet{
	margin:0;
	width:17px;
	height:17px;
	background:rgba(0,0,0,0.2);
	opacity:1;
	transition:.2s;
}
.product_main .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{
	margin:0;
	margin-left:10px;
}
.product_main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width:40px;
	border-radius:100px;
	background:#000;
	margin-right:0;
}

.product_main .btn-pagination{
	width:24px;
	height:24px;
	border-radius:100%;
	border:0;
	background:url('/html/images/pagination_next.png') center center no-repeat;
	font-size:0;
	z-index:1;
}
.product_main .btn-pagination.prev{left:-20px; transform:rotate(180deg);}
.product_main .btn-pagination.next{right:-20px; margin-left:10px;}
/* ------------------------------------------------------------------ MEDIA 768px : S ------------------------------------------------------------------ */
	@media (max-width: 768px) {
		.product_main .btn-pagination{display:none;}
	}
/* ------------------------------------------------------------------ MEDIA 768px : E ------------------------------------------------------------------ */


/* CONTENTS : E */