@charset "UTF-8";

@import url('common/base.css');
@import url('common/common.css');
@import url('common/layout.css');

#wrap.sub.bottom{padding-bottom:3.75rem}
#content{padding:3.563rem 1.5rem 5rem}


/* COLOR */
[class*="-title"]{color:#292929;}
.red{color:#d00000;}

/* MARGIN */
.img-wrap{margin:1.875rem auto;}
.section + .section{margin-top:3.15rem}
ul:not(.data-list).img-wrap{margin: 3.15rem 0}
.map{margin-top:0.5rem;margin-bottom:2.188rem}
.branch-info + .data-list.small{margin-top:3.375rem}
.page-title + .data-list.small{margin-top:-1rem}
.page-title + .data-list.medium {margin-top:-1rem}
.section-title2 + .sub-title2{margin-top:0.313rem;}
.page-title + .select.bdr{margin-top:.438rem;}
.page-title + .article{margin-top:.438rem;}
.article + .btn-area.full{padding-top:2.438rem;}

/* TITLE */
.page-title{padding-bottom: 1.875rem;font-size:1.5625rem;line-height:1;}
.page-title.bar{position:relative;}
.page-title.bar:after{position:absolute;top:.75rem;left:-1.5rem;display:block;width:0.75rem;height:1px;background-color:#292929;content:'';}
.section-title{padding-bottom: .688rem;font-size:2.5rem;line-height:3rem;}
.section-title2{padding-bottom: 1rem;font-size:1.875rem;line-height:2.188rem;}
.sub-title{padding-bottom: 1rem;font-size:1.25rem;line-height:1.875rem;font-weight:normal}
.sub-title2{padding-bottom: 1rem;font-size:1.125rem;line-height:1.375rem;font-weight:normal}
.small-title{display:block;font-weight:normal}
p + .small-title{margin-top:1rem}

.article{border-top:1px solid #292929;border-bottom:1px solid #292929}
.article-head{padding:1.75rem  0}
.article-body{padding:2.188rem 0;border-top:2px solid #292929;word-break: break-word;}
.article-title{margin-top:.5rem;font-size:1.688rem;line-height:2.344rem;}
.article-body p + p:not(.img-wrap){margin-top:.875rem}

/* ps0100 */
.hello .img-wrap.c1{margin-left:-1.5rem;margin-top:2.75rem;margin-bottom:2.688rem}
.hello .img-wrap.t1{margin:2rem 0 0;width:73%}
.research{position:relative;}
.research .w375{position:relative;right:-8.625rem;z-index:-1}
.research .w325{position:absolute;left:0;top:1.5rem;z-index:-2}
.research .section-title{margin-top:-10.688rem;z-index:2}

/* ps0200 */
#gallery { width:100%; margin:0 auto; position:relative; overflow:hidden; }
#gallery ul { width:99999px; position:absolute; top:0; left:0; overflow:hidden; }
#gallery ul li { float:left; width:100%;}
.img-viewer{position:relative;}
.slider-controls {}
.slider-controls .btn.prev,
.slider-controls .btn.next {position:absolute;left:50%;bottom:-4.375rem;display:block;width:2.5rem; height:2.5rem;border:1px solid #fff;background: url('../images/common/btn-viewer-arr.png') 50% 50% no-repeat;background-size:8px auto;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.slider-controls .btn.prev {margin-left:-3.563rem;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slider-controls .btn.next {margin-left:1.063rem;}
.slider-count {display: block;position:absolute;top:-2.2rem; font-size: 0.8125rem; color:#fff}

/* ps0300 */
.ceo{text-align:center;}
.ceo .img-wrap{margin-top:.5rem;margin-bottom:1.488rem}
.ceo .section-title2,
.ceo .sub-title2{margin-top:.375rem}
.ceo ul{margin-top:.875rem;padding:1.5rem 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.ceo ul + p{margin-top:1.5rem}
.staff .data-list.small li p{margin-top:.938rem}

/* ps0400 */
.program .data-list.medium{margin:-1.375rem -1.5rem 0}

/* br100 */
.branch-info .section + .section{margin-top:1.483rem;padding-top:1.563rem;border-top:1px solid #d7d7d7}
.sub-title2 + .section{margin-top:0.375rem;}
.section.time-table{margin-top:3.75rem;}
.time-table .section{padding-top:1.75rem;border-top:2px solid #292929}
.time-table .section+.section{margin-top:1rem;border-top-width:1px}
.time-table ul:after{display:block;content:'';clear:both}
.time-table ul li{float:left;width:20%;display:block;height:3.875rem}
.time-table ul li .time{display:block;color:#292929}
.reserve-status > span{display:inline-block;position:relative;}
.reserve-status > span + span{display:inline-block;}
.reserve-status {margin-top:1.625rem}
.reserve-status > span + span:before {content:'';display:inline-block;margin:0 0.75rem 0 .4rem;width:1px;height:11px;background-color:#d7d7d7}
#reservation .close-modal{display:none}

/* re0100 */
.recruit.recruiting .page-title + .img-wrap{margin-top:.5rem;}
.recruit.recruiting > .section + .section{margin-top:5rem}
.recruit.recruiting .section-title2 + .sub-title2{margin-top:0;padding-bottom:1.313rem}
.section.recruiting {padding-top:.25rem;}
.section.recruiting .data-list.dl li .dd{padding-left: 3.625rem}
.section.recruiting p + .data-list.dl{margin-top:2.625rem;}
.section.process .sub-title2 + .section{margin-top:.625rem;}
.section.process .sub-title + .data-list.dl{margin-top:0.125rem;}
.section.process > .section + .section{margin-top:2.813rem}
.section.how .data-list.dl li .dd{padding-left: 6.75rem}
.section.step .data-list.dl li .dd{padding-left: 5.875rem}

/* re0200 */
#content.recruit.edu-process{padding-bottom: 3.75rem}
.recruit.edu-process .t-program{margin-top:-1.375rem;}
.recruit.edu-process .section-title2{padding-top:.125rem;padding-bottom:.688rem;}
.recruit.edu-process .sub-title2{padding-bottom:1.375rem;}
.recruit.edu-process p+ .data-list.dl{margin-top:2.75rem;}
.recruit.edu-process > .section + .section{margin-top:5.338rem;}
.section.t-program .data-list.dl li .dd{padding-left: 6.75rem}
.recruit.edu-process p.sub-title2 + .small-title{margin-top:0;}
.section.internship .red{margin-top:.813rem;letter-spacing: -.02rem}
.recruit.edu-process .section.edu-center .section-title2{padding-bottom:0;font-size:1.563rem;}
.recruit.edu-process .section.edu-center .section-title2 + p{font-size:.813rem;}
.recruit.edu-process .section.edu-center .data-list.small{margin:1.75rem 0 0;padding:0;border-top:2px solid #292929}
.recruit.edu-process .section.edu-center .data-list.small li{padding:1.75rem 0 0;text-align:left}
.recruit.edu-process .section.edu-center .data-list.small li > span{font-size:.813rem;}
.recruit.edu-process .section.edu-center .data-list.small li .sub-title{display:block;}
.recruit.edu-process > .section + .section.edu-center{margin-top:2.625rem;}

/* re0300 */
#content.recruit.recruit.education-center{padding-bottom: 3.75rem}

/* fr0100 */
.success .page-title + .section{margin-top:-1.375rem}
.success .img-wrap + .section-title2{padding-top:.313rem;}
.success .section-title2 + .sub-title2{margin-top:0;padding-bottom:1.375rem;}
.success .section + .section{margin-top:4.813rem}
.success .data-list.dl li .dd{padding-left: 5.875rem}
.success .data-list.dl + p{margin-top:1.563rem}

/* fr0200 */
.franchise.process .data-list{}
.franchise.process .data-list.medium li{position:relative;}
.franchise.process .data-list.medium li + li{margin-top:6.5rem;}
.franchise.process .data-list.medium li + li:before {position:absolute;top:-3.75rem;left:50%;content:'';display:block;margin-left:-10px;width:20px;height:11px;background: url('../images/sub/arr-down.png') 50% 50% no-repeat;background-size:20px auto;}
.franchise.process .data-list.medium li .img-wrap{background-position:50% 50%;background-repeat:no-repeat}
.franchise.process .data-list.medium li:nth-child(1) .img-wrap{background-image: url('../images/sub/f-process01.png');background-size:96px auto}
.franchise.process .data-list.medium li:nth-child(2) .img-wrap{background-image: url('../images/sub/f-process02.png');background-size:71px auto}
.franchise.process .data-list.medium li:nth-child(3) .img-wrap{background-image: url('../images/sub/f-process03.png');background-size:90px auto}
.franchise.process .data-list.medium li:nth-child(4) .img-wrap{background-image: url('../images/sub/f-process04.png');background-size:80px auto}
.franchise.process .data-list.medium li:nth-child(5) .img-wrap{background-image: url('../images/sub/f-process05.png');background-size:85px auto}
.franchise.process .data-list.medium li:nth-child(6) .img-wrap{background-image: url('../images/sub/f-process06.png');background-size:71px auto}
.franchise.process .img-wrap .img{margin:0 auto}
.franchise.process .data-list.medium .sub-title{margin-top:-.125rem;font-size:1.563rem;font-weight: bold}

/* pr0200 */
.press.center .data-list.small li p{line-height:1.406rem;}
.press.center .data-list.small li .data-title{overflow:hidden;margin-top:1.25rem;height:2.816rem;font-size:1rem;-webkit-line-clamp:2;}
.press.center .data-list.small li p + p{margin-top:.875rem}
.press.center .data-list.small li{padding-bottom:1.375rem;}
.press.center .article-head .date + .article-title{margin-top:.625rem;}
.press.center .btn-area{padding-top:1.5rem;}

/* membership */
.membership .form{margin-top:.4rem;border-top:1px solid #292929;border-bottom:1px solid #292929}
.form {margin-bottom: 0.75rem;}
.membership .btn-area{padding-top:1.5rem}

/* ms0100 */
.login .field{position:relative;padding-bottom:0.313rem;}
.login .field:first-child{padding-top:0.313rem;}
.login .field + .field{padding-top:0;}
.login .field .input-text.large{width:100%;padding:0;text-align:right;text-shadow: 0px 0px 0px #292929;font-weight:bold}
.login .field label.sticky{position:absolute;top:50%;left:0;margin-top:-0.875rem}
.login .field label.sticky .ico{margin-right:0.8125rem}
.login .btn-area + .field{margin-top:1.875rem}
.sign-link{margin-top:1.563rem;padding-top:1.563rem;display: flex;justify-content: space-between;border-top:1px solid #e2e2e2;}
.sign-link .bar{display:inline-block;width:1px;height:0.4375rem;margin-top:.5rem;background-color:#e2e2e2}

/* ms0200 */
.account:not(.forgot) .form .field {min-height: 4.688rem}
.account .form .field .label{float:left;padding:1.36rem 0;width:32%;height: auto;line-height: 1.563rem;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.account .field .input-text,
.account .field .option-wrap,
.account .field .select{float:left;width:68%;}
.account .option-wrap {padding:.6rem 0;line-height:2.75rem}
.account .option-wrap .option{display:block;line-height:}
.account .field .select{height: 4.3rem;line-height: 4.3rem}
.account .form + .field{margin-top:1.875rem}

/* ms0300 */
.membership.account.forgot .page-title{margin-top:-.25rem;line-height:2.188rem;padding-bottom:1.313rem;}
.membership.account.forgot .form .field .label{width:25%;}
.check-tab{padding:2.125rem 0 1.875rem;height:2rem;line-height:2rem}
.check-tab:after{content: ''; display: block; clear: both}
.check-tab li{float: left;}
.check-tab li+li{margin-left:.5rem}
.check-tab li a{position:relative;display:block; padding:0 2rem 0 2.813rem;font-size:1.063rem;color:#c1c1c1}
.check-tab li a:after{position:absolute;top:50%;left:0;display:block;margin-top:-1rem;width:1.813rem;height:1.813rem;border:1px solid #d2d2d2;content:' ';background:transparent url('../images/common/checkbox_grey.png') 50% 50% no-repeat;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-size:12px 9px;
	-webkit-background-size:12px 9px;
}
.check-tab li.active a{color:#d00000;}
.check-tab li.active a:after{border-color:#d00000;background-image:url('../images/common/checkbox_red.png');}
.membership.account .page-title+p{margin-top:32px}
.membership.account .check-tab{margin-top:46px}

/* bk0101 */
.book.notice .article{margin-top:;}

/* bk0200,300 */
.book .data-list.board li{position:relative;}
.book .data-list.board li > a{display:block;width:100%}
.book .data-list.board li .ico{position:absolute;top:50%;right:0}
.tutor-profile{padding:1.25rem; text-align:center;}
.tutor-profile .img{display:block;width:8.875rem;height:10.875rem;margin:1.25rem auto 0;}
/* .tutor-profile .img{display:block;width:8.875rem;height:8.875rem;margin:1.25rem auto 0;}gy변경 */
.tutor-profile .page-title{padding:1.563rem 0;margin-bottom:1.563rem;font-weight:bold;border-bottom:1px solid #e2e2e2;}
.tutor-profile ul li{font-size:0.8125rem;line-height: 1.313rem}
.tutor-profile ul li+li{margin-top:.7rem}

/* bk0200 */
.reservation .select.bdr +.select.bdr{margin-top:0.9375rem}
.book.reservation .data-list.board li{position: relative; padding:1.563rem 0 .375rem;}
.book.reservation .data-list.board li .profile-box{position: absolute; top:31.5px; right:0; width:45px; height: 45px; border-radius: 50%; background:url('../images/sub/img-person.png') no-repeat; background-size: contain;}
/* .book.reservation .data-list.board li .profile-box{position: absolute; top:31.5px; right:0; width:45px; height: 45px; border-radius: 50%; background:url('../images/sub/img-person.png') no-repeat; background-size: contain;} */
.book.reservation .data-list.board li .profile-box img{width:100%; height: 100%; border-radius: 50%;}
.book-unit{margin-left:.5rem;display:inline-block;}
.reservation .data-list.board li .sub-title{padding-right:2.4rem}


/* bk0300 */
.book.status .data-list.board li .btn.img{position:absolute;top:50%;right:0;margin-top:-1.25rem;width:2.5rem;height:2.5rem;background:url('../images/sub/img-cancle.png') 100% 50% no-repeat;background-size: 2.5rem auto;}
.book .data-list.board li.closed .btn.img{display:none}
.book .data-list.board li.closed,
.book .data-list.board li.closed [class*="-title"]{color:#b0b0b0}

/* bk0400 */
.mypage{}
.mypage .pay{margin-top:.75rem;}
.mypage .section-title4 {margin-bottom: 1rem;}
.mypage .section + .section{margin-top:2.813rem;}
.mypage .data-list.dl li .dt{color:#686868}
.mypage .data-list.dl li .dd{color:#292929}
.mypage .data-list.dl li .dd input[type="text"], .mypage .data-list.dl li .dd input[type="number"], .mypage .data-list.dl li .dd input[type="password"]{border:1px #ccc solid}
.mypage .pay .data-list.dl li .dd{padding-left: 8rem}
.mypage .mem .data-list.dl li .dd{padding-left: 6.188rem}
.mypage .mem .data-list.dl li .dd input{height: 21px;}
.mypage .aside{margin:2.813rem 0 0;text-align:center;}
.mypage .sub-title + .data-list.dl{margin-top:0.188rem;}
.mypage .aside .btn{padding-bottom:0.188rem;border-bottom:1px solid #d00000}
.mypage .btn-area{padding-top:2.5rem}
/* 공통 적용 */
#sign_area {
	display: none;
	width: 375px;
	height: 600px;
}

#canvas {
	width: 300px;
	height: 80px;
	background: #ededed;
	border: 1px solid red;
	margin: 0 auto;
	display: block;
}

/* 아이폰 6s 사용시 */
@media screen and (max-width: 375px) {

	#sign_area {
		display: none;
		width: 300px;
		height: 600px;
	}

	#canvas {
		width: 240px;
		height: 80px;
		background: #ededed;
		border:1px solid red;
		margin:0 auto;
		display:block
	}

}