@charset "utf-8";

/* Noto Sans CJK KR */
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 400;
    src: local('☺'),
         url('../font/NotoSansCJKkr-Regular.woff') format('woff'),
         url('../font/NotoSansCJKkr-Regular.otf') format('opentype');
}
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 100;
    src: local('☺'),
         url('../font/NotoSansCJKkr-Thin.woff') format('woff'),
         url('../font/NotoSansCJKkr-Thin.otf') format('opentype');
}
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 200;
    src: local('☺'),
         url('../font/NotoSansCJKkr-Light.woff') format('woff'),
         url('../font/NotoSansCJKkr-Light.otf') format('opentype');
}
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 300;
    src: local('☺'),
         url('../font/NotoSansCJKkr-DemiLight.woff') format('woff'),
         url('../font/NotoSansCJKkr-DemiLight.otf') format('opentype');
}
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 500;
    src: local('☺'),
         url('../font/NotoSansCJKkr-Medium.woff') format('woff'),
         url('../font/NotoSansCJKkr-Medium.otf') format('opentype');
}
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 700;
    src: local('☺'),
         url('../font/NotoSansCJKkr-Bold.woff') format('woff'),
         url('../font/NotoSansCJKkr-Bold.otf') format('opentype');
}
@font-face{
    font-family: 'nsKR';
    font-style: normal;
    font-weight: 900;
    src: local('☺'),
         url('../font/NotoSansCJKkr-Black.woff') format('woff'),
         url('../font/NotoSansCJKkr-Black.otf') format('opentype');
}

/* MICE고딕 */
@font-face{
    font-family: 'mice';
    font-style: normal;
    font-weight: 400;
    src: local('☺'),
         url('../font/MICEGothic.woff') format('woff'),
         url('../font/MICEGothic.otf') format('opentype');
}
@font-face{
    font-family: 'mice';
    font-style: normal;
    font-weight: 700;
    src: local('☺'),
         url('../font/MICEGothic_Bold.woff') format('woff'),
         url('../font/MICEGothic_Bold.otf') format('opentype');
}


/* Bauhaus 93 V2 */
@font-face{
    font-family: 'bau';
    font-style: normal;
    font-weight: 400;
    src: local('☺'),
         url('../font/Bauhaus_93_V2.woff') format('woff'),
         url('../font/Bauhaus_93_V2.otf') format('opentype');
}

@font-face{
    font-family: 'ridi';
    font-style: normal;
    font-weight: 400;
    src: local('☺'),
         url('../font/RIDIBatang.otf') format('opentype');
}
/* pretendard 폰트 */
@font-face{
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 700;
    src: local('☺'),
         url('../font/Pretendard-Bold.woff') format('woff'),
         url('../font/Pretendard-Bold.otf') format('opentype');
}
@font-face{
    font-family: 'pretendard';
    font-style: normal;
    font-weight:500;
    src: local('☺'),
         url('../font/Pretendard-Medium.woff') format('woff'),
         url('../font/Pretendard-Medium.otf') format('opentype');
}
@font-face{
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('☺'),
         url('../font/Pretendard-Regular.woff') format('woff'),
         url('../font/Pretendard-Regular.otf') format('opentype');
}
@font-face{
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 300;
    src: local('☺'),
         url('../font/Pretendard-Light.woff') format('woff'),
         url('../font/Pretendard-Light.otf') format('opentype');
}


	@font-face {
		font-family: 'MICEGothic Bold';
		src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic Bold.woff2') format('woff2');
		font-weight: 700;
		font-style: normal;
	}

	@font-face {
		font-family: 'MICEGothic';
		src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Micecontents/MICEGothic.woff2') format('woff2');
		font-weight: 400;
		font-style: normal;
	}

	@font-face{
		font-family: 'MICEGothic OTF';
		font-style: normal;
		font-weight: 400;
		src: local('☺'),
			 url('../font/MICEGothic OTF.otf') format('opentype');
	}

	@font-face{
		font-family: 'MICEGothic OTF Bold';
		font-style: normal;
		font-weight: 700;
		src: local('☺'),
			 url('../font/MICEGothic OTF Bold.otf') format('opentype');
	}

/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline:0;
	line-height:1.4;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
a { text-decoration:none; color:inherit; }
ul,li,ol,dl,dt,dd{ list-style:none;}
table {	border-collapse: collapse; border-spacing: 0;}
table th, table td{ vertical-align:middle; }
button { background:transparent; border:0; outline:0; padding:0; margin:0; font-family:'mice'; cursor:pointer; }
textarea{overflow:auto;}
em, i {font-style: normal;}
select{
	font-family: 'mice';
	outline:0;
	box-shadow:none;
	border:none;
}

html {
	box-sizing: border-box;
}
*,::after,::before {
	box-sizing: inherit
}


select:focus, select:active {outline:0;}
textarea:focus, textarea:active {outline:0;}

select option{background:#fff;}

::selection {/* 긁기 */
  background: #f2f3f5; /* WebKit/Blink Browsers */
  color: #00e46b;
}
::-moz-selection {
  background: #f2f3f5; /* Gecko Browsers */
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}

/* 전국지점안내 */
.select-st01 {display: inline-block; width: 230px;}
.select-st01 select {width: 100%; padding: 10px; border-radius: 3px; border: 1px solid #c9c9c9; height:45px;}

.select-st02 {display: inline-block; position: relative; width: 100%;}
.select-st02:before {content:''; position: absolute; top: 47%; right: 20px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 2px solid #9f9f9f; border-right: 2px solid #9f9f9f;}
.select-st02 select {width: 100%; padding: 12px 20px; height: 50px; border: 1px solid #c9c9c9; background: none; font-size: 14px; -webkit-appearance: none;  /* 네이티브 외형 감추기 */ moz-appearance: none; appearance: none;}

.select-st03 select {color: #979797; -webkit-appearance: none;  /* 네이티브 외형 감추기 */ moz-appearance: none; appearance: none;}
.select-st03 {display: inline-block; position: relative; width: 300px; background: #f7f7f7;}
.select-st03:before {content:''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 1px solid #777777; border-right: 1px solid #777777;}
.select-st03 select {width: 100%; padding: 8px 12px; background: #f7f7f7;}

/* 핸드폰 번호 */
.tuition input[type='text'], .tuition input[type='tel'], .tuitionTel select {height: auto; padding: 12px 10px; border: 1px solid #c9c9c9; border-radius: 6px; background: #fff;}
.input-table-wrap input[type='tel'], .input-table-wrap .tuitionTel select {width: 100%; height: auto; padding: 10px; border: none; border-radius: 4px; background: #f7f7f7; color: #9b9b9b;}
.tuitionTel {display: flex; align-items: center;}
.tuitionTel > span:nth-child(even) {display: inline-block; width: 5%; text-align: center;}
.tuitionTel select, .tuitionTel input {width: 30%; min-width: auto;}

/* 후기 팝업 */
.input-st01 input[type='text'],
.input-st01 input[type='password'],
.input-st01 input[type='tel'] {width: 100%; height: 50px; padding: 12px 20px; border: 1px solid #c9c9c9; font-size: 14px;}
.input-st01 textarea {width: 100%; padding: 12px 20px; border: 1px solid #c9c9c9; font-size: 14px;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* custom style */
body { margin: 0; font-family:'mice', 'MalgunGothic', '맑은고딕', 'Dotum', 'Gulim', 'Arial', sans-serif; font-weight:400; font-size: 14px; color:#222;  height:100%; overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; letter-spacing:-0.05em;}
em,address{font-style:normal;}
hr{display:none}
ol, ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}
select {font-size: 16px;}
input,textarea{-webkit-appearance: none; -webkit-border-radius:0; /* 둥근모서리 */font-family:'mice'; font-size:16px; font-weight:300;}
textarea {padding: 0; resize: none; width: 100%; border: none;}
label {cursor: pointer;}
input[type=range]{-webkit-appearance:none;width:100%;height:10px;border-radius:0;background:transparent;cursor:pointer;background:#eaeaea;}
input[type=range]:focus{outline:none;}
input[type=file],input[type=file]::-webkit-file-upload-button{cursor:pointer;}

input[type='radio'] {padding: 0; border: 1px solid #c9c9c9; width: 16px; height: 16px; border-radius: 100%; -webkit-appearance: none; vertical-align: -3px; cursor: pointer;}
input[type='radio']:checked {background: #222;}
input[type='radio'] + label {padding-left: 10px; color: #666; }

input[type='checkbox'] {position: relative; width: 16px; height: 16px; background: #fff; border-radius: 3px; border: 1px solid #c9c9c9; cursor: pointer; vertical-align: -3px;}
input[type='checkbox']:checked {background: #222;}
p input[type='checkbox'] + label {padding-left: 10px; color: #666;}

input[type='text'], input[type='password'] {min-width: 300px;}
.input-table-wrap input[type='tel'] {width: 300px;}

input::-webkit-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
input:-ms-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
input:-moz-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
input::-moz-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
input::placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}

textarea::placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
textarea:-ms-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
textarea::-webkit-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
textarea:-moz-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}
textarea::-moz-input-placeholder{font-family:'mice' !important; font-size:16px; color:#ccc;}

#wrap {position: relative; overflow-x: hidden;}
.container {width: 100%; max-width:1410px; margin:0 auto; padding: 0 45px;}

.en {font-family: 'bau', 'MalgunGothic', '맑은고딕', 'Dotum', 'Gulim', 'Arial', sans-serif !important;}
.clearfix {*zoom:1}
.clearfix:after {display:block;content:'';clear:both;}
.left {float:left;}
.right {float:right;}
.text-center {text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-white {color: #fff;}
.altTxt {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip:rect(0, 0, 0, 0); border:0;}
.lock {overflow:hidden;}
.verticalTop {vertical-align: top;}
.mo-show {display: none;}

.video-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-wrap iframe, .video-wrap object, .video-wrap embed, .video-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.color-main {color:#e93436 !important;}
.txt-bold {font-weight: bold;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shadow {box-shadow: 0px 0px 13px 0px rgba(183, 183, 183, 0.5); -webkit-box-shadow: 0px 0px 13px 0px rgba(183, 183, 183, 0.5); -moz-box-shadow: 0px 0px 13px 0px rgba(183, 183, 183, 0.5);}
.img-wrap img {width: 100%;}
.warningColor {display: block; padding-top: 5px; color: #e5433e;}
.width100 {width: 100%;}
.font-regular {font-weight: 400;}
.font-medium {font-weight: 500;}
.space-between {display: flex; justify-content: space-between; align-items: flex-end;}
span.space-sm{display: block; width: 100%; height: 0.4rem;}

.desc-style01 {padding-bottom: 93px;}
.desc-style01 > dt {font-size:20px; padding-bottom:15px; border-bottom:solid 2px #222;}
.desc-style01 > dd > dl {padding-top: 30px;}
.desc-style01 > dd > dl > dd {padding-top: 15px;}
.btn {display: inline-block; padding: 13px 35px; border-radius: 4px; background: #00e46b; font-weight: 700; color: #fff;}
.btn-secondary {background: #dddddd; color: #fff;}
.btn-black {background: #222222; color: #fff;}
.btn-border {border: 1px solid #e4e4e4; background: #fff; color: #555555;}
.btn + .btn {margin-left: 20px;}
.btn-md {min-width: 130px;}
.btn-long {min-width: 220px;}
.btn-xlong + .btn-xlong {margin-left: 40px;}
.btn-xlong {min-width: 300px;}
.inputLong[type='text'], .inputLong[type='tel'] {min-width: 500px;}
.inputHalf[type='text'], .inputHalf[type='tel'] {min-width: 248px;}

.col02 li {width: 50%;}
.col03 li {width: 33.33%;}
.col04 li {width: 25%;}
.col05 li {width: 20%;}
.col06 li {width: 16.66%;}
.col07 li {width: 14.28%;}
.col08 li {width: 12.5%;}

.m0 {margin: 0 !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m50 {margin: 50px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt160 {margin-top: 160px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.p0 {padding: 0 !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb110 {padding-bottom: 110px !important;}
.pb120 {padding-bottom: 120px !important;}
.pb140 {padding-bottom: 140px !important;}
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}
.pt120 {padding-top: 120px !important;}
.pt300 {padding-top: 300px !important;}
.pl0 {padding-left: 0 !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pr0 {padding-right: 0px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

@media all and (min-width: 430px) {
    body{font-size:16px;}
}
@media all and (max-width: 429px) {
    body{font-size:14px;}

}
@media all and (max-width: 339px) {
    body{font-size:12px;}
}

@media all and (max-width: 768px) {
	input, textarea, select {font-size: 13px;}
	input[type='text'], input[type='tel'], input[type='password'] {min-width: auto;}
	input[type='radio'] + label {padding-left: 10px;}
	p input[type='checkbox'] + label {padding-left: 10px;}

	input::placeholder {font-size: 13px;}
	::-webkit-input-placeholder{font-size:13px;}
	:-ms-input-placeholder{font-size:13px;}

	textarea::placeholder {font-size: 13px;}
	::-webkit-textarea-placeholder{font-size:13px;}
	:-ms-textarea-placeholder{font-size:13px;}

    .container {padding: 0 22px;}
	.pc-show {display: none;}
	.mo-show {display: block;}
}