@charset "utf-8";

/* 메인 비주얼
------------------------------------------------------ */
.main-visual { 
	position:relative;
	width:100%;
    overflow:hidden;
}
.main-visual .swiper-wrapper .swiper-slide { 
	overflow:hidden;
	position:relative;
    /* padding-bottom:600px; */
    height:380px;
    max-height:380px;
}
.main-visual .swiper-slide .visual-image {position:absolute; top:0; left:50%; width:100%; max-width:1920px; height:100%; background:#fff no-repeat center/cover; transform: translateX(-50%);}
.main-visual .swiper-slide a { 
	display:block;
	/* padding-bottom:31.5292%; */
    /* padding-bottom:600px; */
	width:100%; height:100%;
	line-height:0;
    position:absolute;
    top:0;
    left:0;
}
.main-visual .swiper-slide .pic { 
	position:relative; 
	width:100vw; 
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-transition:all 1.5s cubic-bezier(.58, .36, .84, .87);
	-moz-transition:all 1.5s cubic-bezier(.58, .36, .84, .87);
	-ms-transition:all 1.5s cubic-bezier(.58, .36, .84, .87);
	-o-transition:all 1.5s cubic-bezier(.58, .36, .84, .87);
	transition:all 1.5s cubic-bezier(.58, .36, .84, .87);
}
.main-visual .swiper-slide img { 
	position:relative; top:0; left:50%; 
	display:block;
	width:100%; max-width:120%; 
	-webkit-transform: translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0); 
}
.main-visual .swiper-slide-active .pic { 
	-webkit-transform:scale(1.0);
	-ms-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-o-transform:scale(1.0);
	transform:scale(1.0);
}
.main-visual :is(.swiper-button-next,.swiper-button-prev) { 
	margin-top:-49px;
	width:58px; height:98px;	
    width:140px; height:140px;
    text-align:center;
}
.main-visual .swiper-button-prev { 
	display:none;
	right:auto; left:50%;
	margin-left:-780px;
}
.main-visual .swiper-button-next { 
	display:none;
	left:50%;
	margin-left:640px; 
}
.main-visual :is(.swiper-button-next:after,.swiper-button-prev:after) {
	content:'';
    border:3px solid #c8c8c8;
    width:55px; height:55px; 
    transform:rotate(-45deg);
}
.main-visual .swiper-button-prev:after { 
	/* background:url('../images/main_tpl01/visual_prev.png') no-repeat center center; */
    border-right:none;
    border-bottom:none;
    margin-left:39px;
}
.main-visual .swiper-button-next:after { 
	/* background:url('../images/main_tpl01/visual_next.png') no-repeat center center; */
    border-left:none;
    border-top:none;
    margin-right:39px;
}
.main-visual :is(.swiper-button-next:hover,.swiper-button-prev:hover) { 
    background:rgba(255,255,255,.5);
}
.main-visual :is(.swiper-button-next:hover:after,.swiper-button-prev:hover:after) { 
    border-color:#000;
}

.visual-text-box {
    position:absolute;
    top:0;
    left:50%;
    width:100%;
    max-width:1180px;
    transform:translateX(-50%);
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.visual-text-box .text-box {
    font-size:40px;
    font-weight:bold;
    color:#333;
    letter-spacing:-.05em;
    line-height:1.3em;
}
.visual-text-box .text-box span.light {
    font-weight:normal;
}

.visual-text-box .text-box span.big {
   font-size:60px;
}

.main-visual .swiper-pagination {
    bottom:40px;
    font-size:0;
}
.main-visual  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:40px;
}
.main-visual .swiper-pagination .swiper-pagination-bullet {
    width:40px;
    height:8px;
    background:#ccc;
    border-radius:4px;
}
.main-visual .swiper-pagination .swiper-pagination-bullet-active {
    background:#0148d4;
} 
.main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 2px;
}

@media only screen and (max-width:1500px) { 
    .main-visual .swiper-wrapper .swiper-slide {height:44vw;}
	.main-visual .swiper-slide a {
		/* padding-bottom:50%; */
	}
	.main-visual .swiper-slide .pic {
		width:100%;
	}
	.main-visual .swiper-slide img {
		width:165%; max-width:200%;
	}
	.main-visual .swiper-button-prev { 
		left:0;
		margin-left:0;
	}
	.main-visual .swiper-button-next { 
		left:auto; right:0;
		margin-left:0;
	}
    .main-visual .swiper-button-next, .main-visual .swiper-button-prev {
        width:70px;
        height:70px;
    }
    .main-visual .swiper-button-next:after, .main-visual .swiper-button-prev:after {
        width:35px;
        /* height:35px; */
    }
    .main-visual .swiper-button-next:after {margin-right:0;}
    .main-visual .swiper-button-prev:after {margin-left:0;}
    .visual-text-box .text-box {margin-left:3.7vw;}
}
@media only screen and (max-width:1200px) { 
	/* .main-visual .swiper-slide a {
		padding-bottom:49%;
	} */
    .visual-text-box .text-box {
        font-size:3.3vw;
        margin-left:5vw;
        letter-spacing:-0.07em;
    }
    .main-visual :is(.swiper-button-prev,.swiper-button-next):after {font-size:35px;}
}
@media only screen and (max-width:768px) { 
    .main-visual .swiper-wrapper .swiper-slide {height:47vw;}
    .main-visual .swiper-slide.mo-image {height:115.625vw;}
    .visual-text-box {
        justify-content:flex-start;
        align-items:center;
    }
    .visual-text-box .text-box {
        font-size:4.5vw;
        margin-top:8vw;
        margin-left:0;
        line-height:1.5em;
        letter-spacing:-0.05em;
        text-align:center;
    }
	.visual-text-box .text-box span.big {
   font-size:8vw;
	}
	.main-visual :is(.swiper-button-prev,.swiper-button-next) { 
		width:24px;
        display:none;
	}
	.main-visual .swiper-button-prev { 
		left:20px; 
	}
	.main-visual .swiper-button-next { 
		right:20px; 
	}
	.main-visual .swiper-button-prev:after ,
	.main-visual .swiper-button-next:after { 
		background-size:100% auto; 
	}
    .main-visual .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom:6.25vw;
    }
    .main-visual .swiper-pagination .swiper-pagination-bullet {
        width:6.5vw;
        max-width:40px;
        height:1.25vw;
        max-height:8px;
        min-height:5px;
    }
}

@media only screen and (max-width:570px) { 
    .visual-text-box .text-box {
        font-size:6.25vw;
        margin-top:11vw;
    }
	.visual-text-box .text-box span.big {
   font-size:10vw;
	}
}



/* 클래스 영상
------------------------------------------------------ */
.main-class {  
}

/* -------- category -------- */
.main-class-cate { 
	margin:0 auto; padding:46px 0 60px;
	width:1180px;
}
.main-class-cate .category-wrap { 
	margin-bottom:20px;
	border-bottom:1px solid #eee;
	font-size:0; 
	text-align:center;
}
@media only screen and (min-width:1181px) {
	.main-class-cate .category-wrap .swiper-wrapper { 
		justify-content:center; 
	}
}
.main-class-cate .category-wrap .swiper-slide { 
	display:inline-block;
	margin:0 20px;
	width:auto;
	vertical-align:top;
}
.main-class-cate .category-wrap .swiper-slide a { 
	display:block;
	font-size:22px; line-height:50px;
	color:var(--color-dark-gray, #333);
}
.main-class-cate .category-wrap .swiper-slide.slick-active a { 
	position:relative;
	font-weight:700;
	color:#000;
}
.main-class-cate .category-wrap .swiper-slide.on a:after { 
	content:'';
	position:absolute; bottom:-1px; left:0;
	width:100%; height:4px;
	background:var(--color-primary, #0148d4);
}
.main-class-cate .sub-category { 
	font-size:0; 
	text-align:center;
}
@media only screen and (min-width:1181px) {
	.main-class-cate .sub-category .swiper-wrapper { 
		justify-content:center; 
	}
}
.main-class-cate .sub-category .swiper-slide { 
	display:inline-block;
	margin:0 7px;
	width:auto;
	vertical-align:top;
}
.main-class-cate .sub-category .swiper-slide a { 
	display:block;
	padding:0 20px;
	border-radius:25px;
	font-size:18px; line-height:50px;
	color:var(--color-dark-gray, #333);
}
.main-class-cate .sub-category .swiper-slide.on a { 
	background:var(--color-primary, #0148d4);
	color:#fff;
}
@media only screen and (max-width:1180px) {
	.main-class-cate {
		width:100%;
	}
	.main-class-cate .category-wrap { 
		padding-left:10px; 
	}
	.main-class-cate .sub-category { 
		padding-left:3px; 
	}
}
@media only screen and (max-width:768px) { 
	.main-class-cate .category-wrap { 
		padding-left:0; 
	}	 
	.main-class-cate .sub-category { 
		padding-left:0; 
	}
	.main-class-cate .sub-category .swiper-slide { 
		margin:0;
	}
}
@media only screen and (max-width:640px) { 
	.main-class-cate { 
		padding:20px 0 30px; 
	} 
	.main-class-cate .category-wrap { 
		margin-bottom:17px; padding-left:5px;
	}
	.main-class-cate .category-wrap .swiper-slide { 
		margin:0 15px; 
	}
	.main-class-cate .sub-category { 
		padding-left:5px; 
	}
	.main-class-cate .category-wrap .swiper-slide.on a:after { 
		height:3px; 
	}
	.main-class-cate .category-wrap .swiper-slide a { 
		font-size:17px; line-height:45px; 
	}
	.main-class-cate .sub-category .swiper-slide a { 
		padding:0 12px;
		font-size:15px; line-height:36px; 
	}
}


/* -------- list -------- */
.main-class-wrap { 
	padding:80px 0;
	width:100%; 
}
.main-class-wrap:nth-of-type(odd) { 
	background:#f8f8f8; 
}
.main-class-wrap .main-class-inner { 
	margin:0 auto;
	width:1180px;
}

.main-class-wrap .main-class-tit { 
	margin-bottom:24px;
	font-size:0;
}
.main-class-wrap .main-class-tit h1 { 
	display:inline-block;
	width:calc(100% - 75px);
	font-weight:500; font-size:24px; line-height:1;
	color:var(--color-dark-gray, #333);
	vertical-align:bottom;
}
.main-class-wrap .main-class-tit a { 
	display:inline-block;
	width:75px;
	font-size:16px;
	color:#666;
	text-align:right;
	vertical-align:bottom;
}

.main-class-wrap .main-class-list { 
	display:flex;
	flex-wrap:wrap;
	gap:75px 20px;
	/* margin-bottom:-75px; */
	/* font-size:0;  */
}
.main-class-wrap .main-class-list .main-class-box { 
	display:inline-block;
	/* margin-bottom:75px; */
	/* padding-right:20px; */
	vertical-align:top;
	width:33.33%;
	width:calc((100% - 40px) / 3);
}
.main-class-wrap .main-class-list .main-class-box .thumb { 
	overflow:hidden;
	border-radius:6px;
    height:auto;
	aspect-ratio:1.9/1.07;
}
.main-class-wrap .main-class-list .main-class-box .thumb a { 
	display:block; 
}
.main-class-wrap .main-class-list .main-class-box .thumb img { 
	width:100%; 
	transition:transform .5s;
}
.main-class-wrap .main-class-list .main-class-box:hover .thumb img { 
	transform:scale(1.05); 
}
.main-class-wrap .main-class-list .main-class-box .class-info { 
	padding:15px 10px 0; 
}
.main-class-wrap .main-class-list .main-class-box .class-name { 
	font-size:14px; line-height:26px;
	color:var(--color-dark-gray, #333);
}
.main-class-wrap .main-class-list .main-class-box .class-name strong { 
	display:inline-block;
	margin-right:6px;
	padding:0 10px;
	border-radius:4px;
	background:var(--color-primary, #0148d4);
	font-weight:400;
	color:#fff;
}
.main-class-wrap .main-class-list .main-class-box .name { 
	margin-top:15px; margin-bottom:7px;
	font-size:15px;
	color:#000;
}
.main-class-wrap .main-class-list .main-class-box .class-subject { 
    overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	width:100%; height:40px;
	font-size:16px; line-height:20px;
	color:var(--color-dark-gray, #333);
	word-break:keep-all;
    font-weight:700;
}
.main-class-wrap .main-class-list .main-class-box .price { 
	display:block;
	margin-top:20px;
	font-size:16px;
	color:#111;
	text-align:right;	 
}
.main-class-wrap .main-class-list .main-class-box .price .discount { 
	margin-right:5px;
	color:var(--color-red, #dc3545); 
}
.main-class-wrap .main-class-list .main-class-box .price strong { 
	font-weight:400; font-size:24px;
}
.main-class-wrap .main-class-list .main-class-box .price del {
    text-decoration:line-through;
    color:var(--color-light-gray, #ccc);
}
.thumb {
    position: relative;
    width: '33%';
    height: 272px;
}
.thumb img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

@media only screen and (max-width:1180px) {
	.main-class-wrap .main-class-inner { 
		padding:0 30px;
		width:100%;
	}
	.main-class-wrap .main-class-list { 
		/* width:calc(100% + 30px);  */
	}
}

@media only screen and (max-width:1024px) {
	.main-class-wrap .main-class-list { 
		width:calc(100% + 20px); 
		gap:0;
	}
	.main-class-wrap .main-class-list .slick-slide { 
		width:380px; 
	}
	.main-class-wrap .main-class-list .main-class-box { 
		padding-right:20px;
	}
}

@media only screen and (max-width:768px) { 
	.main-class-wrap .main-class-inner { 
		padding:0 20px;
	}
	.main-class-wrap .main-class-list .slick-slide { 
		/* width:300px;  */
		width:59.3vw;
	}
}
@media only screen and (max-width:640px) { 
	.main-class-wrap { 
		padding:50px 0; 
	}
	.main-class-wrap .main-class-tit { 
		margin-bottom:20px; 
	}
	.main-class-wrap .main-class-tit h1 { 
		font-size:20px; 
	}
	.main-class-wrap .main-class-tit a { 
		font-size:14px; 
	}
	.main-class-wrap .main-class-list { 
		margin-bottom:-40px; 
	}
	.main-class-wrap .main-class-list .main-class-box { 
		margin-bottom:40px;
		padding-right:15px; 
	}
	.main-class-wrap .main-class-list .main-class-box .class-info { 
		padding:12px 7px 0; 
	}
	.main-class-wrap .main-class-list .main-class-box .class-name { 
		font-size:13px; line-height:22px; 
	}
	.main-class-wrap .main-class-list .main-class-box .class-name strong { 
		margin-right:4px; padding:0 7px;
	}
	.main-class-wrap .main-class-list .main-class-box .name { 
		margin-top:12px; margin-bottom:5px;
		font-size:13px; 
	}
	.main-class-wrap .main-class-list .main-class-box .class-subject { 
		height:34px;
		font-size:14px; line-height:17px; 
	}
	.main-class-wrap .main-class-list .main-class-box .price { 
		margin-top:12px;
		font-size:14px;
	}
	.main-class-wrap .main-class-list .main-class-box .price strong { 
		font-size:20px; 
	}
}



/* 교수 소개
------------------------------------------------------ */
.main-professor { 
	position:relative;
	width:100%; height:650px;	
	overflow-x:hidden; 
}
.main-professor .slide1 { 
	background:url('../images/main_tpl01/main_professor01.jpg') no-repeat center center;
	background-size:cover;
}
.main-professor .slide2 { 
	background:url('../images/main_tpl01/main_professor02.jpg') no-repeat center center;
	background-size:cover;
}
.main-professor .swiper-slide a {
    position:absolute;
    top:0;left:0;
    width:100%; height:100%;
}
.main-professor .swiper-button-next, 
.main-professor .swiper-button-prev {
	left:50%;
	width:23px; height:44px;
}
.main-professor .swiper-button-prev {
	margin-left:-663px;
}
.main-professor .swiper-button-next {
	margin-left:640px;
}
.main-professor .swiper-button-prev:after ,
.main-professor .swiper-button-next:after {
	content:'';
	width:100%; height:100%;
}
.main-professor .swiper-button-prev:after {
	background:url('../images/main_tpl01/btn_prev_w.png') no-repeat left center;
}
.main-professor .swiper-button-next:after {
	background:url('../images/main_tpl01/btn_next_w.png') no-repeat left center;
}

@media only screen and (max-width:1180px) {
	.main-professor {
		height:auto;
	}
	.main-professor .swiper-slide {
		padding-bottom:55.9%;
	}
	.main-professor .swiper-button-next, 
	.main-professor .swiper-button-prev {
		display:none;
	}
}




/* 메인 게시판
------------------------------------------------------ */
.main-board { 
	padding:80px 0 100px; 
}
.main-board .inner { 
	font-size:0;	 
}

.main-board .main-board-tit { 
	position:relative;
}
.main-board .main-board-tit h1 { 
	margin-bottom:20px;
	font-weight:500; font-size:24px; line-height:1;
	color:var(--color-dark-gray, #333);
}
.main-board .main-board-tit a { 
	position:absolute; top:50%; right:0;
	transform:translateY(-50%);
	width:23px; height:23px;
	font-size:0;
}
.main-board .main-board-tit a:before,
.main-board .main-board-tit a:after { 
	content:'';
	position:absolute; top:50%; right:0;
	margin-top:-1.5px;
	width:100%; height:3px;
	background:var(--color-dark-gray, #333);
}
.main-board .main-board-tit a:after { 
	transform:rotate(-90deg); 
}

@media only screen and (max-width:768px) {
	.main-board { 
		padding:80px 0; 
	}
}
@media only screen and (max-width:640px) {
	.main-board { 
		padding:50px 0; 
	}
	.main-board .main-board-tit h1 {
		margin-bottom:15px;
		font-size:18px;
	}
	.main-board .main-board-tit a {
		width:16px; height:16px;
	}
}

/* -------- 공지사항 -------- */
.main-board .main-notice { 
	display:inline-block;
	width:380px;
	vertical-align:top;
}
.main-board .main-notice-list { 
	padding:21px 30px;
	border:1px solid #eee;
	border-radius:8px;
}
.main-board .main-notice-list li a { 
	overflow:hidden;
	display:block;
	width:100%;
	font-size:16px; line-height:35px;
	color:var(--color-dark-gray, #333);
	white-space:nowrap;
	text-overflow:ellipsis;
	transition:.3s;
}
.main-board .main-notice-list li:hover a { 
	text-decoration:underline; 
}

@media only screen and (max-width:768px) {
	.main-board .main-notice {
		width:100%;
	}
	.main-board .main-notice-list { 
		padding:16px 20px;
	}
}
@media only screen and (max-width:640px) {
	.main-board .main-notice-list li a {
		font-size:14px; line-height:30px;
	}
}


/* -------- 수강후기 -------- */
.main-board .main-review { 
	display:inline-block;
	margin-left:20px;
	width:calc(100% - 400px);
	vertical-align:top;
}
.main-board .main-review-list { 
	overflow:hidden;
	position:relative;
	border-radius:8px;
	border:1px solid #eee;
}
.main-board .main-review-list .main-review-box { 
	padding:34px 30px;
}
.main-board .main-review-list .main-review-box .subject { 
	overflow:hidden;
	display:block; 
	margin-bottom:14px;
	font-weight:500; font-size:20px; line-height:1;
	color:var(--color-dark-gray, #333);
	white-space:nowrap;
	text-overflow:ellipsis;
}
.main-board .main-review-list .main-review-box .conts { 
    overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	margin-bottom:20px;
	width:100%; height:72px;
	font-weight:300; font-size:16px; line-height:24px;
	color:var(--color-dark-gray, #333);
}
.main-board .main-review-list .main-review-box .name { 
	display:block;
	font-size:16px;
	color:#999;
	text-align:right;
}

.main-board .main-review-list .swiper-pagination {
	position:absolute; bottom:34px; left:30px;
	width:auto;
	font-weight:400; font-size:16px;
	color:var(--color-dark-gray, #333);
	text-align:left;
}
.main-board .main-review-list .swiper-pagination .swiper-pagination-current {
	color:var(--color-primary, #0148d4);
}

@media only screen and (max-width:768px) {
	.main-board .main-review {
		margin-top:40px; margin-left:0;
		width:100%;
	}
	.main-board .main-review-list .main-review-box { 
		padding:22px 20px;
	}
	.main-board .main-review-list .swiper-pagination {
		bottom:22px; left:20px;
	}
}
@media only screen and (max-width:640px) {
	.main-board .main-review {
		margin-top:30px;
	}
	.main-board .main-review-list .main-review-box .subject {
		margin-bottom:10px;
		font-size:16px;
	}
	.main-board .main-review-list .main-review-box .conts {
		margin-bottom:15px;
		height:54px;
		font-size:14px; line-height:18px;
	}
	.main-board .main-review-list .main-review-box .name {
		font-size:13px;
	}
	.main-board .main-review-list .swiper-pagination {
		font-size:13px;
	}
}



/* 메인 영상
------------------------------------------------------ */
.main-movie { 
	padding:80px 0;
	background:#20242b;
}
.main-movie .main-movie-outer {
	position:relative;
}
.main-movie .main-movie-list { 
	overflow:hidden;
	position:relative; left:7px;
	margin:0 auto;
	width:1194px;
}
.main-movie .main-movie-list .swiper-slide { 
	padding-right:14px;
	width:299px;
}
.main-movie .main-movie-list .swiper-slide a { 
	display:block; 
	line-height:0;
	width:100%;
	height:100%;
	aspect-ratio:5.7/3.2;
	overflow:hidden;
}
.main-movie .main-movie-list .swiper-slide img { 
	/* overflow:hidden; */
	border-radius:8px;
	width:100%; 
	height:100%;
	object-fit:cover;
}
.main-movie .swiper-button-next, 
.main-movie .swiper-button-prev {
	left:50%;
	width:23px; height:44px;
}
.main-movie .swiper-button-prev {
	margin-left:-663px;
}
.main-movie .swiper-button-next {
	margin-left:640px;
}
.main-movie .swiper-button-prev:after ,
.main-movie .swiper-button-next:after {
	content:'';
	width:100%; height:100%;
}
.main-movie .swiper-button-prev:after {
	background:url('../images/main_tpl01/btn_prev_w.png') no-repeat left center;
}
.main-movie .swiper-button-next:after {
	background:url('../images/main_tpl01/btn_next_w.png') no-repeat left center;
}
.main-movie .swiper-pagination-progressbar {
	position:relative;
	display:none;
	margin-top:30px;
}
.main-movie .swiper-pagination-progressbar {
	background:rgba(255,255,255,.1);
}
.main-movie .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:#fff;
}

@media only screen and (max-width:1180px) {
	.main-movie .main-movie-outer {
		padding:0 0 0 30px;
	}
	.main-movie .main-movie-list {
		left:0;
		width:100%;
	}
	.main-movie .swiper-button-next, 
	.main-movie .swiper-button-prev {
		display:none;
	}
	.main-movie .swiper-pagination-progressbar {
		display:block;
		width:calc(100% - 30px) !important;
	}
}
@media only screen and (max-width:768px) {
	.main-movie .main-movie-outer {
		padding:0 0 0 20px;
	}
	.main-movie .swiper-pagination-progressbar {
		width:calc(100% - 20px) !important;
	}
}
@media only screen and (max-width:640px) {
	.main-movie {
		padding:50px 0;
	}
	.main-movie .main-movie-list .swiper-slide { 
		padding-right:10px;
		width:190px;
	}
	.main-movie .main-movie-list .swiper-slide img { 
		border-radius:4px; 
	}
}



/* 메인 교재시리즈
------------------------------------------------------ */
.main-textbook { 
	padding:80px 0;
	background:#f8f8f8;
}
.main-textbook .main-textbook-tit { 
	margin-bottom:40px;
	font-weight:500; font-size:24px;
	color:var(--color-dark-gray, #333);
	text-align:center;
}
.main-textbook .main-textbook-tit strong { 
	display:block;
	font-weight:700; font-size:32px;
}
.main-textbook .main-textbook-wrap { 
	position:relative; 
    overflow:hidden;
}
.main-textbook .main-textbook-outer { 
	overflow:hidden;
	margin:0 auto;
	width:1180px;
}
.main-textbook .main-textbook-list { 
	position:relative; left:-44px;
	margin:0 auto;
	width:1180px;
}
.main-textbook .main-textbook-list .swiper-slide { 
	float:none;
	display:inline-block !important;
	margin:0 -24px;
	width:268px;
	transition:.3s;
	vertical-align:middle;
}
.main-textbook .main-textbook-list .swiper-slide-active {
	margin:0 20px;
}
.main-textbook .main-textbook-list .main-textbook-box a { 
	display:block;
	aspect-ratio:93/128;
}
.main-textbook .main-textbook-list .main-textbook-box img { 
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(0.7);
	box-shadow:5px 0 7px rgba(0,0,0,.2);
	transition:.3s;
}
.main-textbook .main-textbook-list .swiper-slide-active img { 
	transform:scale(1);
}

.main-textbook .swiper-button-next1, 
.main-textbook .swiper-button-prev1 {
	position:absolute;
	top:50%; left:50%;
	z-index:111;
	margin-top:-22px;
	width:23px; height:44px;
}
.main-textbook .swiper-button-prev1 {
	margin-left:-663px;
}
.main-textbook .swiper-button-next1 {
	margin-left:640px;
}
.main-textbook .swiper-button-prev1:after ,
.main-textbook .swiper-button-next1:after {
	content:'';
	display:block;
	width:100%; height:100%;
}
.main-textbook .swiper-button-prev1:after {
	background:url('../images/main_tpl01/btn_prev_g.png') no-repeat left center;
}
.main-textbook .swiper-button-next1:after {
	background:url('../images/main_tpl01/btn_next_g.png') no-repeat right center;
}

@media only screen and (max-width:1500px) {
	.main-textbook .swiper-button-prev1 {
		left:30px;
		margin-left:0;
	}
	.main-textbook .swiper-button-next1 {
		left:auto; right:30px;
		margin-left:0;
	}
}
@media only screen and (max-width:1180px) {
	.main-textbook .main-textbook-outer {
		width:100%;
	}
	.main-textbook .main-textbook-list {
		width:100%;
	}
}
@media only screen and (max-width:768px) {
	.main-textbook { 
		padding:50px 0; 
	}
	.main-textbook .swiper-button-prev1 {
		left:20px;
	}
	.main-textbook .swiper-button-next1 {
		right:20px;
	}
}
@media only screen and (max-width:767px) {
	.main-textbook .main-textbook-outer {
		margin-left:50px;
	}
	.main-textbook .main-textbook-list {
		left:-4px;
	}
	.main-textbook .main-textbook-list .swiper-slide {
		width:188px;
	}
}
@media only screen and (max-width:640px) { 
	.main-textbook .main-textbook-tit { 
		margin-bottom:25px;
		font-size:18px;
	}
	.main-textbook .main-textbook-tit strong { 
		font-size:24px; 
	}
	.main-textbook .main-textbook-outer {
		margin-left:40px;
	}
	.main-textbook .main-textbook-list .swiper-slide {
		margin:0 -15px;
	}
	.main-textbook .main-textbook-list .swiper-slide-active {
		margin:0 15px;
	}
	.main-textbook .swiper-button-prev1:after ,
	.main-textbook .swiper-button-next1:after {
		background-size:auto 30px;
	}
}

/*Popup*/
.main-popup-wrap.dim {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:99999;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
}
.main-popup {
    position:absolute;
    z-index:9999;
    background-color:rgb(255, 255, 255);
    line-height:20px;
}
.main-popup .popup-bottom {
    padding:3px 6px;
    background-color:#000000;
}
.main-popup .popup-bottom .popup-bottom-inner {
    display:flex;
    justify-content:space-between;
}
.main-popup .popup-bottom label {
    color:#fff;
    font-weight:bold;
}
.main-popup .popup-bottom input[type="checkbox"] {margin:0;}
.main-popup .popup-bottom .btn-close {
    color: var(--color-gray, #aaa);
}
.main-popup.center {
	position:fixed;
	top:50% !important;
	left:50% !important;
  transform:translate(-50%, -50%);
}
.main-popup .ck-content .image {margin:0;}

.top-popup {
    position:relative;
    overflow-y:hidden;
}
.top-popup .popup-control {
    position:absolute; top:20%; right:10px;
    display:flex; align-items:center;
}
.top-popup .popup-control label {color:var(--color-dark-gray, #333);}
.top-popup .popup-control .close {
    position:relative;
    display:block;
    width: 20px;
    height: 20px;
    margin-left:7px;
    font-size: 0;
}
.top-popup .popup-control .close:before,
.top-popup .popup-control .close:after {
    content: '';
    position:absolute;
    top:50%;
    left:0;
    z-index:10;
    width:100%;
    height:1px;
    border-radius:5px;
    background:var(--color-dark-gray, #333);
}
.top-popup .popup-control .close:before {transform: rotate(45deg);}
.top-popup .popup-control .close:after {transform: rotate(-45deg);}

@media only screen and (max-width:767px) {
    .top-popup .popup-control label {display:none;}
    .top-popup .popup-control .close {
        width:30px;
        height:30px;
    }
.top-popup .popup-control .close:before,
.top-popup .popup-control .close:after {
        height:2px;
    }
}

/* 가격확인 후 의뢰까지 3분 */
.main-m3m-wrap { 
	padding:80px 0;
	width:100%; 
}
.main-m3m-wrap .main-m3m-inner { 
	margin:0 auto;
	width:1180px;
	display:table;
}
.m3m-left, .m3m-right { 
	float:left;
	width:50%;
}
.m3m-left li {
	text-align:center;
	color:#000;
}
.m3m-left li:nth-child(1) {
	background:url('/html/_skin/1/images/main_icon_1_1.png') center 0 no-repeat;
	padding-top:155px;
	font-size:32px;
	font-weight:500;
}
.m3m-left li:nth-child(2) {
	padding-top:5px;
	font-size:20px;
	font-weight:400;
}
.m3m-right li {
	margin:50px 0 50px 100px;
	padding:10px 0 10px 60px;
	font-size:18px;
}
.m3m-right li:nth-child(1) {
	margin-top:20px !important;
	background:url('/html/_skin/1/images/main_icon_1_2.png') 0 center no-repeat;
}
.m3m-right li:nth-child(2) {
	background:url('/html/_skin/1/images/main_icon_1_3.png') 0 center no-repeat;
}
.m3m-right li:nth-child(3) {
	background:url('/html/_skin/1/images/main_icon_1_4.png') 0 center no-repeat;
}

@media only screen and (max-width:1024px) {
	.main-m3m-wrap .main-m3m-inner { 
		width:100%;
	}
}
@media only screen and (max-width:767px) {
   .main-m3m-wrap { 
	padding:40px 0;
	}
	.m3m-left, .m3m-right { 
		width:100%;
	}
	.m3m-left li:nth-child(1) {
		background-size:40%;
		padding-top:150px;
		font-size:5.5vw;
	}
	.m3m-left li:nth-child(2) {
		font-size:4vw;
		margin-bottom:10px;
	}
	.m3m-right li {
		margin:15px 0 15px 20%;
		padding:10px 0 10px 60px;
	}
}
@media only screen and (max-width:460px) {
	.m3m-left li:nth-child(1) {
		padding-top:105px;
		font-size:6vw;
	}
}

/* Concorde의 경험과 기술을... */
.main-merit-wrap { 
	padding:0 0 80px 0;
	width:100%; 
}
.main-merit-wrap .main-merit-inner { 
	margin:0 auto;
	width:1180px;
	display:table;
}
.merit_tit {
	text-align:center;
	font-size:34px;
	font-weight:500;
	margin-bottom:70px;
}
.merit_tit span { color:#ff5758; }
.merit_tit br { display:none; }
.main-merit-inner div:nth-child(2), .main-merit-inner div:nth-child(3), .main-merit-inner div:nth-child(4) {
	width:30%;
	margin:0 1.5%;
	float:left;
	text-align:center;
	-webkit-box-shadow:0 0 5px rgba(55,55,5,0.5);
	-moz-box-shadow:0 0 5px rgba(55,55,5,0.5);
	box-shadow:0 0 15px rgba(0,0,0,0.15);
	border-radius:10px;
	padding:200px 0 50px 0;
	font-size:20px;
	font-weight:500;
	color:#000;
}
.main-merit-inner div:nth-child(2) {
	background:url('/html/_skin/1/images/main_icon_2_1.png') center 80px no-repeat;
}
.main-merit-inner div:nth-child(3) {
	background:url('/html/_skin/1/images/main_icon_2_2.png') center 80px no-repeat;
}
.main-merit-inner div:nth-child(4) {
	background:url('/html/_skin/1/images/main_icon_2_3.png') center 80px no-repeat;
}

@media only screen and (max-width:1180px) {
	.main-merit-wrap .main-merit-inner { 
		width:100%;
	}
	.merit_tit {
		margin-bottom:45px;
	}
}

@media only screen and (max-width:768px) {
	.main-merit-wrap { 
	padding:0 0 40px 0;
	}
	.merit_tit {
		font-size:5.5vw;
		margin-bottom:30px;
	}
	.merit_tit br { display:block; }
	.main-merit-inner div:nth-child(2), .main-merit-inner div:nth-child(3), .main-merit-inner div:nth-child(4) {
		width:84%;
		margin:0 8% 20px 8% !important;
		float:auto;
		padding:140px 0 50px 0;
		font-size:20px;
	}
	.main-merit-inner div:nth-child(2) {
		background:url('/html/_skin/1/images/main_icon_2_1.png') center 40px no-repeat;
	}
	.main-merit-inner div:nth-child(3) {
		background:url('/html/_skin/1/images/main_icon_2_2.png') center 40px no-repeat;
	}
	.main-merit-inner div:nth-child(4) {
		background:url('/html/_skin/1/images/main_icon_2_3.png') center 40px no-repeat;
	}
}

/* 이상현 변호사 */
.main-pf-wrap { 
	padding:0 0 80px 0;
	width:100%; 
}
.main-pf-wrap .main-pf-inner { 
	margin:0 auto;
	width:1180px;
	display:table;
}
.main-pf-inner div {
	float:left;
	width:50%;
}
.main-pf-inner div:nth-child(1) {
	padding:50px 0 50px 270px;
	font-size:18px;
	color:#898989;
 	background:url('/html/_skin/1/images/main_pf.png') 100px center no-repeat;
}
.main-pf-inner div:nth-child(2) {
	border-left:2px solid #ff5758;
	padding:0 0 0 40px;
	font-size:24px;
	color:#000;
	margin-top:50px;
}

@media only screen and (max-width:1180px) {
		.main-pf-wrap .main-pf-inner { 
		width:100%;
	}
	.main-pf-inner div {
		width:50%;
	}
	.main-pf-inner div:nth-child(1) {
	padding:50px 0 50px 220px;
 	background:url('/html/_skin/1/images/main_pf.png') 60px center no-repeat;
	}
	.main-pf-inner div:nth-child(2) {
		padding:0 0 0 40px;
		font-size:2.2vw;
		line-height:26px;
		margin-top:50px;
	}
}

@media only screen and (max-width:768px) {
	.main-pf-inner div {
		width:100%;
	}
	.main-pf-inner div:nth-child(1) {
		padding:30px 0 10% 40%;
		background:url('/html/_skin/1/images/main_pf.png') 20% top no-repeat;
		background-size:20%;
	}
	.main-pf-inner div:nth-child(2) {
		padding:0 0 0 30px;
		font-size:2.6vw;
		line-height:26px;
		width: calc(100% - 100px);
		margin:35px 0 0 100px;
	}
}
@media only screen and (max-width:510px) {
	.main-pf-inner div:nth-child(1) {
		padding:30px 0 40px 45%;
		background-size:25%;
	}
	.main-pf-inner div:nth-child(2) {
		padding:0 0 0 15px;
		font-size:3.6vw;
		line-height:26px;
		width: calc(100% - 100px);
		margin:10px 0 0 50px;
	}
}

/* Concorde와 함께 해야 하는 이유 */
.main-with-wrap { 
	padding:80px 0 40px 0;
	width:100%; 
	background-color:#f7f7f7;
}
.main-with-wrap .main-with-inner { 
	margin:0 auto;
	width:1180px;
	display:table;
}
.with_tit {
	text-align:center;
	font-size:40px;
	color:#000;
	font-weight:500;
	margin-bottom:20px;
}
.main-with-inner div:nth-child(2), .main-with-inner div:nth-child(3), .main-with-inner div:nth-child(4) {
	width:30%;
	margin:0 1.5%;
	float:left;
	text-align:center;
	#border-top:2px solid #ff5758;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding:150px 0 50px 0;
	font-size:16px;
	font-weight:400;
	#background-color:#fff !important;
	color:#000;
	height:315px;
}
.main-with-inner div:nth-child(2) span, .main-with-inner div:nth-child(3) span, .main-with-inner div:nth-child(4) span {
	font-size:22px;
	font-weight:500;
	line-height:48px;
}
.main-with-inner div:nth-child(2) {
	background:url('/html/_skin/1/images/main_icon_3_1.png') center 70px no-repeat;
}
.main-with-inner div:nth-child(3) {
	background:url('/html/_skin/1/images/main_icon_3_2.png') center 70px no-repeat;
}
.main-with-inner div:nth-child(4) {
	background:url('/html/_skin/1/images/main_icon_3_3.png') center 70px no-repeat;
}

@media only screen and (max-width:1180px) {
	.main-with-wrap .main-with-inner { 
		width:100%;
	}
	.with_tit {
		margin-bottom:45px;
	}
	
}

@media only screen and (max-width:768px) {
	.main-with-wrap { 
	padding:60px 0 40px 0;
	}
	.with_tit {
		font-size:5.5vw;
		margin-bottom:30px;
	}
	.main-with-inner div:nth-child(2), .main-with-inner div:nth-child(3), .main-with-inner div:nth-child(4) {
		width:84%;
		margin:0 8% 20px 8% !important;
		float:auto;
		padding:120px 0 50px 0;
		font-size:16px;
		height:285px;
	}
	.main-with-inner div:nth-child(2) {
		background:url('/html/_skin/1/images/main_icon_3_1.png') center 40px no-repeat;
	}
	.main-with-inner div:nth-child(3) {
		background:url('/html/_skin/1/images/main_icon_3_2.png') center 40px no-repeat;
	}
	.main-with-inner div:nth-child(4) {
		background:url('/html/_skin/1/images/main_icon_3_3.png') center 40px no-repeat;
	}
}

/* 견적 */
.main-estimate-wrap { 
	padding:80px 0 80px 0;
	width:100%; 
	background-color:#f7f7f7;
}
.main-estimate-wrap .main-estimate-inner { 
	margin:0 auto;
	width:1180px;
	display:table;
}
.estimate_tit {
	text-align:center;
	font-size:24px;
	color:#000;
	font-weight:400;
	margin-bottom:30px;
}
.estimate_tit span {
	font-size:34px;
	font-weight:500;
	line-height:60px;
}
.estimate_tit br.m_br {
	display:none;
}
.estimate_go { 
	text-align:center;
	margin-bottom:45px;
} /* 견적문의 바로가기 */
.estimate_go span {
	border:1px solid #d2d2d2;
	border-radius:20px;
	font-size:14px;
	padding:5px 20px;
	color:#000;
}
.estimate_go a {
	color:#ff5758;
}
.estimate_go br {
	display:none;
}
.estimate_1 , .estimate_2 , .estimate_3 {
	width:30%;
	margin:0 1.5% 0 1.5%;
	float:left;
	font-size:18px;
	color:#000;
	line-height:20px;
} /* 입력항목 박스 */
.estimate_1 select , .estimate_2 select , .estimate_3 select {
	width:95%;
	margin:0 0 0 10px;
	border:0;
}
.estimate_1 div, .estimate_2 div, .estimate_3 div {
	background-color:#fff;
	border:1px solid #d2d2d2;
	border-radius:5px;
	margin-top:15px;
	line-height:46px;
}
.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border:0;
    width: 70%;
    color: #999999;
}
.filebox label {
    display: inline-block;
    padding: 5px 20px;
    color: #000;
	font-size:16px;
    vertical-align: middle;
    background-color: #f7f7f7;
	border:1px solid #e4e4e4;
	border-radius:5px;
    cursor: pointer;
    margin-left: 5px;
	line-height:100%;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.estimate_btn_pay {
	margin:0 auto;
	text-align:center;
	display:table;
	padding-top:40px !important;
} /* 가격 확인하기 버튼 */
.estimate_btn_pay a {
	display:inline-block;
	background-color:#ff5758;
	color:#fff;
	width:355px;
	margin-left:-10px;
	padding:15px 0;
	font-size:20px;
	font-weight:500;
	border-radius:10px;
}
.estimate_btn_pay img {
	margin-left:10px;
}

@media only screen and (max-width:1024px) {
	.main-estimate-wrap .main-estimate-inner { 
			width:100%;
		}
		.filebox .upload-name {
		width: 55%;
	}
}

@media only screen and (max-width:768px) {
		/* 견적 */
		.main-estimate-wrap { 
			padding:50px 0 80px 0;
		}
		.estimate_tit {
			font-size:16px;
			margin-bottom:20px;
			line-height:34px;
		}
		.estimate_tit span {
			font-size:24px;
			line-height:22px !important;
		}
		.estimate_tit br.m_br {
			display:block;
		}
		.estimate_go { 
			margin-bottom:25px;
		} /* 견적문의 바로가기 */
		.estimate_go span {
			display:inline-block;
			padding:10px 20px;
		}
		.estimate_go br {
			display:block;
		}
		.estimate_1 , .estimate_2 , .estimate_3 {
			width: calc(100% - 40px);
			margin:0px 0 5px 20px !important;
			line-height:16px;
		} /* 입력항목 박스 */
		.estimate_1 div, .estimate_2 div, .estimate_3 div {
			margin:5px 0 5px 0;
			line-height:46px;
		}
		.filebox .upload-name {
			display: inline-block;
			height: 40px;
			padding: 0 10px;
			vertical-align: middle;
			border:0;
			width: 70%;
			color: #999999;
		}
		.filebox label {
			margin-top:10px;
			margin-right:10px;
			line-height:100%;
			float:right;
		}
		.estimate_btn_pay {
			padding-top:30px !important;
			width: calc(100% - 40px);
			margin:20px 0 0 20px !important;
		} /* 가격 확인하기 버튼 */
		.estimate_btn_pay a {
			width:100%;
			margin-left:auto;
			padding:15px 0;
		}
}
.estimate_btn_box div {
	width:30%;
	margin:0 1.5% 0 1.5%;
	float:left;
	padding-top:40px !important;
} 
.estimate_btn_box a {
	text-align:center;
	display:inline-block;
	background-color:rgba(0,0,0,0);
	border:1px solid #ff5758;
	color:#ff5758;
	width:355px;
	padding:15px 0;
	font-size:20px;
	font-weight:500;
	border-radius:10px;
}
.estimate_btn_box img {
	margin-left:10px;
}
@media only screen and (max-width:1024px) {
	.estimate_btn_box a {
		width:100%;
	}
}
@media only screen and (max-width:768px) {
	.estimate_btn_box div {
	width: calc(100% - 40px);
	margin:20px 0 0 20px !important;
	padding-top:0px !important;
	} 
	.estimate_btn_box img {
		margin-left:10px;
	}
}

/* 옵션 내용들 */
.estimate-result-wrap div.estimate_option {
	margin:45px 0 0 0;
	width:30%;
	margin-left:1.5%;
	float:left;
}
.estimate_option ul {
	margin:0 0 10px 0;
	width:100%;
	float:left;
	border:1px solid #d2d2d2;
	border-radius:12px;
	background-color:rgba(0,0,0,0);
	padding:15px;
	font-size:16px;
	font-weight:400;
	color:#000;
}
.estimate_option li:nth-child(1) {
	text-align:right;
}
.estimate_option li:nth-child(2) {
	line-height:26px;
	padding-left:15px;
}
.estimate_option li:nth-child(2) span {
	color:#626262;
}
/* 가격표 */
.estimate-result-wrap div.estimate_pay {
	width:63%;
	margin:45px 2.5% 0 0;
	float:right;
	text-align:center;
	border:1px solid #d2d2d2;
	border-radius:12px;
	background-color:#fff;
	font-size:16px;
	font-weight:400;
	color:#000;
}
.estimate_pay ul {
	float:left;
	width:50%;
	padding:40px;
}
.estimate_pay ul:nth-child(1) {
	border-right:1px solid #d2d2d2;
}
.estimate_pay li:nth-child(1) {
	font-size:26px;
	font-weight:500;
}
.estimate_pay li:nth-child(2) {
	font-size:18px;
	font-weight:400;
	padding:15px 0 25px 0;
	background:url('/html/_skin/1/images/icon_line.png') center bottom no-repeat;
}
.estimate_pay li:nth-child(3) {
	font-size:18px;
	font-weight:400;
	padding-top:25px;
}
.estimate_pay li:nth-child(3) span {
	font-weight:500;
	font-size:20px;
}
.estimate_pay li:nth-child(4) {
	font-size:20px;
	font-weight:500;
}
.estimate_pay a {
	display:inline-block;
	background-color:#ff5758;
	color:#fff;
	padding:10px 40px;
	font-size:20px;
	font-weight:500;
	border-radius:10px;
	margin-top:30px;
}
@media only screen and (max-width:1024px) {
	
}
@media only screen and (max-width:768px) {
	/* 옵션 내용들 */
	.estimate-result-wrap div.estimate_option {
		margin:20px 0 0 0;
		width:100%;
	}
	.estimate_option ul {
		width: calc(100% - 40px);
		margin:10px 0 0 20px !important;
	}
	/* 가격표 */
	.estimate-result-wrap div.estimate_pay {
		float:left;
		width:calc(100% - 40px);
		margin:30px 0 0 20px !important;
	}
	.estimate_pay ul {
		float:left;
		width: 100%;
		margin:20px 0 0 0 !important;
		padding:40px;
	}
	.estimate_pay ul:nth-child(1) {
		border-right:0;
		border-bottom:1px solid #d2d2d2;
	}
	.estimate_pay li:nth-child(1) {
		font-size:26px;
		font-weight:500;
	}
	.estimate_pay li:nth-child(2) {
		font-size:18px;
		font-weight:400;
		padding:15px 0 25px 0;
		background:url('/html/_skin/1/images/icon_line.png') right bottom no-repeat;
	}
	.estimate_pay li:nth-child(3) {
		font-size:18px;
		font-weight:400;
		padding-top:25px;
	}
	.estimate_pay li:nth-child(3) span {
		font-weight:500;
		font-size:20px;
	}
	.estimate_pay li:nth-child(4) {
		font-size:20px;
		font-weight:500;
	}
	.estimate_pay a {
		display:inline-block;
		background-color:#ff5758;
		color:#fff;
		padding:10px 40px;
		font-size:20px;
		font-weight:500;
		border-radius:10px;
		margin-top:30px;
	}
}

/* 메인수정 - 세로 320픽셀 */
.mainVisual {
	position:relative;
	width:100%;
	height:320px;
}
.mainVisual-in {
	position:relative;
	display:table;
	width:1180px;
	margin:0 auto;
	background:url('/html/_skin/1/images/main2.jpg') right bottom no-repeat;
	height:100%;
}
.visual-text-box2 {
    position:absolute;
   top:50%;
	left:35px;
    width:100%;
    transform:translateY(-50%);
}
.visual-text-box2 .text-box2 {
    font-size:36px;
    font-weight:bold;
    color:#333;
    letter-spacing:-.05em;
    line-height:1.3em;
}
.visual-text-box2 .text-box2 span.light2 {
    font-weight:normal;
}

.visual-text-box2 .text-box2 span.big2 {
   font-size:56px;
}
.visible_mo { display:none; }

@media only screen and (max-width:1200px) {
	.mainVisual-in {
	width:100%;
	}
}
@media only screen and (max-width:885px) {
	.mainVisual {
	height:300px;
	}
	.mainVisual-in {
	width:100%;
	background-size:120%;
	}
	.visual-text-box2 .text-box2 {
    font-size:32px;
	}
	.visual-text-box2 .text-box2 span.big2 {
	   font-size:50px;
	}
}
@media only screen and (max-width:768px) {
	.visible_pc { display:none; }
	.visible_mo { display:block; }
	.mainVisual {
	height:450px;
	}
	.mainVisual-in {
		width:100%;
		background:url('/html/_skin/1/images/main_m.jpg') center bottom no-repeat;
		height:100%;
		background-size:auto 115%;
	}
	.visual-text-box2 {
	   top:0;
		left:0;
		transform:translateY(20%);
		text-align:center;
	}
	.visual-text-box2 .text-box2 {
		font-size:30px;
	}
	.visual-text-box2 .text-box2 span.big2 {
	   font-size:50px;
	}
	.mo_form_title {
	float:left;
	width: calc(100% - 40px);
	margin:10px 0 0 20px !important;
	font-size:16px;
	}
}