@charset "utf-8";
/* CSS Document */ 

/* ==================================================
	웹 폰트
================================================== */

/* font */
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumpenscript.css');


*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

::selection {*background: rgba(57, 194, 255, 0.8); /* Firefox */ background: rgba(57, 194, 255, 0.8); /* Safari */    color: #fff;}
::-moz-selection {*background: rgba(57, 194, 255, 0.8); /* Firefox */ background: rgba(57, 194, 255, 0.8); /* Firefox */    color: #fff;}


/* ====================================== COMMON ======================================*/
/* ::: default setting::: */
* a, label, input, textarea{text-decoration: none!important; color: inherit;
	font-family: 'Nanum Gothic', '나눔고딕' , '돋움',Dotum,AppleGothic,sans-serif;
	font-weight: 400;
	border-radius: 0;
text-decoration:none;letter-spacing:-0.5px;
}
html{font-family: 'Nanum Gothic', '나눔고딕' , '돋움',Dotum,AppleGothic,sans-serif;letter-spacing:-0.5px;}
body{font-family: 'Nanum Gothic', '나눔고딕' , '돋움',Dotum,AppleGothic,sans-serif;color: #222;letter-spacing:-0.5px;padding:0;margin:0;}
div{font-family: 'Nanum Gothic', '나눔고딕' , '돋움',Dotum,AppleGothic,sans-serif;letter-spacing:-0.5px;}
/* ======================================// COMMON ======================================*/



/* word-break: break-all; word-wrap: break-word; */
html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:break-word; word-break:keep-all; -webkit-text-size-adjust:none; }
html { font-size: 62.5%; }
body{'Nanum Gothic', '나눔고딕' , '돋움',Dotum,AppleGothic,sans-serif;font-size: 1.6rem; color:#686868;line-height:auto;font-weight:400; padding:0px;margin:0px;letter-spacing:-0.02em; word-break:keep-all;}
html, body {width:100%;height:100%;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0;}
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:break-word; word-break:keep-all; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}

input, textarea {font-family: 'Nanum Gothic', '나눔고딕' , '돋움',Dotum,AppleGothic,sans-serif;letter-spacing:-0.5px;}

h1, h2, h3, h4, h5, h6 { padding:0px;margin:0px; }

a, a code { color:#5c5c5c; text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:active, a:active code { text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:hover, a:hover code, a:focus, a:focus code { text-decoration:none; /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease;  }
sup,sub { font-size:0.9em; font-style:italic; }
checkbox { vertical-align:middle}
a {outline:none; select-dummy: expression(this.hideFocus=true);cursor:pointer}
.hand {cursor:pointer}


/* 아이폰설정초기화 */
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; }
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"],  textarea, button { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

select::-ms-expand{  display:none;}




/*== 체크박스/라디오버튼 디자인 ==*/
input[type="radio"],input[type="checkbox"] {
  visibility: hidden;
  display:none;
}
label.radio {
	cursor: pointer;
  text-indent: 25px;
  overflow: visible;
  display: inline-block;
  position: relative;
  font-size:14px;
  height: 17px;
  line-height: 16px;
}

label.radio:before {
  background: #fff;
  border:1px solid #d7d7d7;
  content:'';
  position: absolute;
  top:0px;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  box-sizing:border-box;
}

label.radio:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	top: 5px;
	left: 5px;
	background: #5291E6;
	border-radius:50%;
}

input[type="radio"]:checked + label:after {
	opacity: 1;
}


label.check {
	cursor: pointer;
  text-indent: 25px;
  overflow: visible;
  display: inline-block;
  position: relative;
  color:#777;
  font-size:14px;
  height:17px;
  line-height: 16px;

  vertical-align:middle;
}

label.check:before {
  background: #f7f7f7;
  border:1px solid #d7d7d7;
  content:'';
  position: absolute;
  top:0px;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  box-sizing:border-box;
}

label.check:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 0.7em;
	height: 0.45em;
	background: transparent;
	top: 4.6px;
	left: 4.4px;
	border: 3px solid #5291E6;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type="checkbox"]:checked + label:after {
	opacity: 1;
}


/*공통*/
input[type="text"], input[type="password"],input[type="number"], textarea{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border:1px solid #d7d7d7;
				}
input[type="text"]{height:37px; line-height:35px;border-radius:0px;font-size:14px;}
 textarea, input{box-sizing:border-box;}
input[type="button"]{
-webkit-appearance:  none;
-moz-appearance: none;
appearance: none;
}

input[type="text"]::-ms-clear {
display:none;
}
textarea{resize:none;}
.mypage-srchFilter .datePick input::-webkit-search-cancel-button {   /* select all "X" buttons in search inputs */
   appearance: none;
}


select::-ms-expand {display: none;background:#fff url('/image/common/icon_arrow_open.png') no-repeat 100% 50%;  /* 화살표 모양의 이미지 */

background-size:19px; text-indent: 1px;
    text-overflow: '';}
select::-ms-expand{display:none; padding:0 0px 0 10px\9;}

select{
padding:0 22px 0 10px;overflow: hidden !important;
 -webkit-border-radius: 0;
  /* 네이티브 외형 감추기 */
-webkit-appearance:  none;
-moz-appearance: none;
appearance: none;
background:#fff url('/image/common/icon_arrow_open.png') no-repeat 100% 50%;  /* 화살표 모양의 이미지 */
background-size:19px;
border:1px solid #d7d7d7;
height: 37px;
padding-left: 10px; color:#777; vertical-align:middle; font-size:14px;}
select{
 padding:0 0px 0 10px\9;
}


input::placeholder{
	font-size:12px;color:#bdbdbd
}	

li{list-style:none;}






/* 정렬 */
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.mid { vertical-align:middle !important ; }
.clear {clear:both !important;}
.overhide {overflow:hidden !important;}


.box-20, .box-25, .box-30, .box-33, .box-40, .box-50, .box-60, .box-70, .box-75, .box-100{float:left;}
.square { position: relative; /*width: 100%;*/ }

.square:after { content: ""; display: block; padding-bottom: 100%; }
.sq-content { position: absolute; width: 100%; height: 100%;}
.rectangle{position: relative;}
.rectangle:after{ content: ""; display: block; padding-bottom: 50%; }
.re-content{ position: absolute; width: 100%; height: 50%;}

.box-20{width:20%;}
.box-25{width:25%;}
.box-30{width:30%;}
.box-33{width:33.333%;}
.box-40{width:40%;}
.box-50{width:50%;}
.box-60{width:60%;}
.box-70{width:70%;}
.box-75{width:75%;}
.box-100{width:100%;}


.row{clear:both; margin-left:-15px; margin-right:-15px; position:relative;}
.row .col-20, .row .col-25, .row .col-30, .row .col-33, .row .col-35, .row .col-40,
.row .col-50, .row .col-60, .row .col-66, .row .col-70, .row .col-75, .row .col-100{float:left;padding-left:10px; padding-right:10px;box-sizing: border-box;}

.row .col-20{width:20%;}
.row .col-25{width:25%;}
.row .col-30{width:30%;}
.row .col-33{width:33.333%;}
.row .col-35{width:35%;}
.row .col-40{width:40%;}
.row .col-50{width:50%;}
.row .col-60{width:60%;}
.row .col-66{width:66%;}
.row .col-70{width:70%;}
.row .col-75{width:75%;}
.row .col-100{width:100%;}

.mr-3{margin-right:3px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-45{margin-top:45px;}
.mt-200{margin-top:200px;}
.ml-3{margin-left:3px;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-50{margin-left:50px;}

.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-12{margin-bottom:12px;}
.mb-13{margin-bottom:13px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}

.pt-30{padding-top:30px !important;}
.pt-20{padding-top:20px;}

.pb-10{padding-bottom:10px;}
.pb-30{padding-bottom:30px !important;}
.pb-20{padding-bottom:20px;}
.inline-b{display:inline-block;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.clear{clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.float_c{float:center;}
.align_c{text-align:center !important;}
.align_r{text-align:right !important;}
.align_l{text-align:left !important;}





/*------------- 버튼 관련 ------------*/
.SubmitBtn_Red button {
	background-color:#fe9961;
    font-weight: 600;
    margin: 5px 0 0px;
    padding: 1.5rem 2rem;
    cursor: pointer;
    border-radius: 40px;
   color:#ffffff;
   font-size:1.7rem;
   
}
.SubmitBtn_Red button:hover {
	background-color:#fe9961;
}


.SubmitBtn_Gray button {
		background-color:#efefef;
    font-weight: 600;
    margin: 5px 0 0px;
    padding: 1.5rem 2rem;
    cursor: pointer;
    border-radius: 40px;
    font-size:1.45rem;
    color:#676767;
}




/* 정렬 */
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.mid { vertical-align:middle !important ; }
.clear {clear:both !important;}
.overhide {overflow:hidden !important;}


.row{clear:both; margin-left:-15px; margin-right:-15px; position:relative;}
.row .col-20, .row .col-25, .row .col-30, .row .col-33, .row .col-35, .row .col-40,
.row .col-50, .row .col-60, .row .col-66, .row .col-70, .row .col-75, .row .col-100{float:left;padding-left:10px; padding-right:10px;box-sizing: border-box;}

.row .col-20{width:20%;}
.row .col-25{width:25%;}
.row .col-30{width:30%;}
.row .col-33{width:33.333%;}
.row .col-35{width:35%;}
.row .col-40{width:40%;}
.row .col-50{width:50%;}
.row .col-60{width:60%;}
.row .col-66{width:66%;}
.row .col-70{width:70%;}
.row .col-75{width:75%;}
.row .col-100{width:100%;}


:root {
  --blue : #0044a0;
  --skyblue : #02aef6;
  --mint : #00a9c8;
  --pupple : #584af7; 
}




/* layout */

.col-12 { position: relative; width: 100%; margin: 0 auto; }
.col-s-12 { position: relative; width: 1400px; margin: 0 auto; }

.col-9 { position: relative; width: 75%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-7 { position: relative; width: 60%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.col-6 { position: relative; width: 50%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-5 { position: relative; width: 40%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-4 { position: relative; width:33.33%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-3 { position: relative; width:25%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-2 { position: relative; width:16.66%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.col-s-3 { position: relative; width:25%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-s-4 { position: relative; width:33.33%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.col-s-6 { position: relative; width: 50%; float: left; overflow:hidden;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.show-1400 { display: block; }
.hide-1400 { display: none; }

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

.col-s-12 { width: 100%; }

}

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

.show-1199 { display: block; }
.hide-1199 { display: none; }

}


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

}

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

.col-3 { width: 100%; }
.col-6 { width: 100%; }
.col-9 { width: 100%; }

.col-s-3 { width: 50%; }

.show-767 { display: block; }
.hide-767 { display: none; }

}

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

.col-7 { width: 100%; }
.col-5 { width: 100%; }

.col-s-6 { width: 100%; }


.show-640 { display: block; }
.hide-640 { display: none; }

}

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

.col-4 { width: 100%; }

}

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

.col-s-3 { width: 100%; }


}

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



}






/************ 퀵 오버시 텍스트는 _inc/quick.asp **********************/
.quick {
	position: fixed;
	bottom: 1rem;
	right: 0.875em;
	z-index: 2000; }
	.quick .quick-box {
		display: block; }


		.quick .quick-box .quick-item {
			width: 5.875rem;
			height: 5.875rem;
			margin-bottom: 0.5625em;
			border-radius: 100%;
			-webkit-box-shadow: 5px 5px 5px rgba(59, 59, 59, 0.2);
			box-shadow: 5px 5px 5px rgba(59, 59, 59, 0.2); }
			.quick .quick-box .quick-item a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: auto;
				word-break: keep-all;
				white-space: nowrap;
				border-radius: 100%; }
				.quick .quick-box .quick-item a::before {
					display: inline-block;
					color: #ffffff;
					font-size: 0.75em;
					font-weight: 100;
					line-height: 1;
					padding: 0.71667em 1.03333em;
					border-radius: 2em;
					background-color:#8d8d8d;
					position: absolute;
					top: 50%;
					right: 0;
					-webkit-transform: translate(0, -50%);
					-ms-transform: translate(0, -50%);
					transform: translate(0, -50%);
					-webkit-transition: all .3s ease-in-out;
					-o-transition: all .3s ease-in-out;
					transition: all .3s ease-in-out;
					z-index: -1;
					opacity: 0; }
			.quick .quick-box .quick-item:nth-child(1) a {
				background-image: url(/image/main/btn_appli.png); background-size: 50px;}
			.quick .quick-box .quick-item:nth-child(2) a {
				background-image: url(/image/main/btn_leveltest.png); background-size: 40px;}
			.quick .quick-box .quick-item:nth-child(3) a {
				background-image: url(/image/main/icon_kakao.png); background-size: 50px;}
			.quick .quick-box .quick-item:nth-child(1) a {
				background-color: #6a6a6a; }


			.quick .quick-box .quick-item:hover a::before {
				right: 5.16667em;
				-webkit-transform: translate(-0.83333em, -50%);
				-ms-transform: translate(-0.83333em, -50%);
				transform: translate(-0.83333em, -50%);
				opacity: 1; }

				@media (max-width:1500px) {
					.quick {
						bottom: 2rem;
					}
					
				}
				@media (max-width:767px) {
					.quick .quick-box .quick-item {
						width: 6.875rem;
						height: 6.875rem;
					}	
					.quick {
						bottom:3rem;
					}
					
					
				}

/************ 퀵 오버시 텍스트는 _inc/quick.asp **********************/




/* ==================================================
	공통레이아웃
================================================== */
/* layout */
#wrapper{position:relative; width:100%; min-height:600px;}
.size {width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;  }
.s-inner {	width:100%; max-width:1400px;	position:relative;	margin-left:auto;	margin-right:auto; }
.MypageWarp {	width:100%; max-width:124rem;	position:relative;	margin-left:auto;	margin-right:auto;background: #fff; padding:0 20px 100px 20px;}
.CscenterWarp {width:100%; max-width:1050px;	position:relative;	margin-left:auto;	margin-right:auto;background: #fff; padding-bottom:100px;}
#wrap { /*overflow-x: hidden;*/ /*scroll-behavior:smooth;*/ }

/* 타블렛 가로 */
@media all and (max-width:1599px) {
	.inner {width:90%; }
}
@media all and (max-width:1399px) {
	.s-inner {	width:90%; }
}

@media all and (max-width:1280px) {
html { font-size: 60% !important; }
}

@media all and (max-width:976px) {
  html { font-size: 60% !important; }
}

@media all and (max-width:767px) {
  html { font-size: 0.55rem !important; }
}

@media all and (max-width:480px) {
  html { font-size: 2.1vw !important; }
}


/* ==================================================
	header
================================================== */
.header {position:absolute; background: none;top: 0; left: 0; width: 100%;  z-index: 3;}
.header .top {height: 110px; padding: 30px 0; text-align: center; border-bottom: 1px solid #656664; box-sizing: border-box;}
.header .top .size {position: relative;}
.header .top .Head_Login {position: absolute; top: 0; right: 0;}
.header .top .Head_Login ul {display:flex}
.header .top .Head_Login li {margin:0 3px;}
.header .top .Head_Login li a {padding:0.5em 1.3em; border:1px solid rgba(255,255,255,.7); border-radius:30px;  font-size:1.4rem; font-weight:500; color:#FFF; }
.header .top .Head_Login li a:hover {background:#fe9961;  border:1px solid #fe9961}
.header .top h1.logo {display: inline-block;}
.header .top h1.logo .main_logo {display: inline-block;;}
.header .top .menu_btn {display: none; position: absolute; top: 0; right: 20px;}
.header .top .menu_btn a {display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fe9961;}



.header .gnb {border-bottom: 1px solid #656664; box-sizing: border-box;}
.header .gnb .depth1 {width: 100%; text-align: center;}
.header .gnb .depth1 > li {position: relative; float: left; width: 14.28571%;}
.header .gnb .depth1 > li > a {position: relative; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; font-weight: 400; color: #fff; transition: all .4s;}
.header .gnb .depth1 > li > a:before {content: ''; position: absolute; top: -3px; left: 0; width: 100%; height: 4px; background: #fe9961; opacity: 0; transition: all .4s;}
.header .gnb .depth1 > li:hover a:before {opacity: 1;}
.header .gnb .depth1 .depth2 {position: absolute; display: none; top: 61px; left: 0; width: 100%;}
.header .gnb .depth1 .depth2 li a {display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: 500; color: #2b2b2b; transition: all .4s;}


.header .gnb .depth1 > li > a {color: #fff;}

@media (max-width: 1024px){
	.header .top {border: 0;}
}



/* ==================================================
	mobile menu
================================================== */
.mo_menu {position: fixed; display: block; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(2,13,18,.95); z-index: 2100; overflow: auto;}
.mo_menu .top {position: relative; height: 100px; line-height: 100px; padding: 0 20px; text-align: center; background: #fff; box-sizing: border-box;}
.mo_menu .top h2 {display: inline-block;}
.mo_menu .top h2 img {display: inline-block; margin-top: -5px;}
.mo_menu .top .close_btn {display: inline-block; position: absolute; top: 0; right: 20px;}
.mo_menu .top .close_btn a {display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fe9961;}
.mo_menu .mo_gnb {width: 100%; margin-top: 20px; padding: 0 50px; box-sizing: border-box;}
.mo_menu .mo_gnb > ul > li > a {position:relative; display: block; width: 100%; height: 80px; line-height: 80px; font-size: 28px; font-weight: 300; color: #a5a5a5; border-bottom: 1px solid #545454; box-sizing: border-box; transition: all .5s;}
.mo_menu .mo_gnb > ul > li > a.on {color: #fe9961; font-weight: 700; color: #fff;}
.mo_menu .mo_gnb > ul > li > a::after {content: ''; position: absolute; top: 50%; right: 0; margin-top: -20px; width: 41px; height: 41px; background: url('/image/main/menu_on.png') no-repeat;}
.mo_menu .mo_gnb > ul > li > a.on::after {background: url('/image/main/menu_off.png') no-repeat;}
.mo_menu .mo_gnb > ul ul {display: none; padding: 20px 0 10px;}
.mo_menu .mo_gnb > ul ul li a {display: block; height: 55px; line-height: 55px; padding: 0 30px; font-size: 20px; font-weight: 100; color: #fff; box-sizing: border-box; transition: all .5s;}
.mo_menu .mo_gnb > ul ul li:hover a {color: #fe9961;}
.mo_menu .btm {margin-top: 50px; padding: 0 20px; text-align: center; box-sizing: border-box;}
.mo_menu .btm .tel {display: inline-block; width: 100%; max-width: 240px;}
.mo_menu .btm .tel .left {float: left; width: 47px; }
.mo_menu .btm .tel .right {float: left; width: calc(100% - 57px); margin-left: 10px; padding: 2px 0;}
.mo_menu .btm .tel .right i {display: block; font-size: 30px; line-height: 1.1; font-weight: 700; color: #00b8ff; font-family: 'Montserrat', sans-serif;}
.mo_menu .btm .tel.st2 .right i {margin-top: 6px;}


.MenuLoginBoxMobile{display: flex;margin-bottom:2rem;}
	.MenuLoginMobile {
		margin-right: 1rem;
		padding: 1rem 1.1rem;
		border-radius: 30px;
		text-align:center;
	}

	.MenuLoginMobile:nth-child(1){
		margin-right: 1rem;
		background: #dd8351;
		width:50%;
	}
	.MenuLoginMobile:nth-child(2){
		margin-right: 1rem;
		background: #fe9961;
		width:50%;
	}
	.MenuLoginMobile a{
		
		font-size: 1.8rem;
		color: #fff;
	}

	.MenuLoginMobile:nth-child(1) a{
		margin-right:0rem;
		background: #dd8351;width:100%;
	}
	.MenuLoginMobile:nth-child(2) a{
		margin-right:0rem;
		background: #fe9961;width:100%;
	}


/* ==================================================
	footer
================================================== */
.footerLind{
	left:0; bottom:0;width:100%; content:'';height:120px;background-size:auto; background-repeat:no-repeat;background-color:#fff; background-position:center bottom; background-image:url('/image/main/con_bg_05.png')
}

.footer {position:relative; width:100%; padding: 5rem 0 10rem 0; text-align: center; background: #525252; box-sizing: border-box;}
.footer .bottomlink li { font-size: 1.5rem; display: inline-block; margin-right: 1em;color:#fff;text-align:center;}
.footer .bottomlink li a { color:#fff; }
.footer .info{margin-top:2rem;}
.footer .info p {font-size: 1.5rem; line-height: 1.5; color: #cecfd0; font-weight: 300;}
.footer .info p:first-child {margin-top: 0;}
.footer .info p span {position: relative; display: inline-block;}
.footer .info p span.pic {padding-left: 25px;}
.footer .info p span:before {content: ''; position: absolute; top: 9px; left: 13px; width: 1px; height: 10px; background: #cecfd0;}
.footer .info p span:first-child:before {display: none;}
.footer .info p b {color: #13c1ef;}

@media (max-width: 767px) {
	.footer {padding: 0 0 5rem 0;}

}	
@media all and (max-width:380px) {
  .footer .bottomlink li { margin-right: 0.7em; }
}


/* ==================================================
	top 버튼
================================================== */
.top_move {position: fixed; right: 120px; bottom: 40px; z-index: 110;}
.top_move a {display: block; width: 70px; height: 70px; padding: 14px 0; text-align: center; background: #ffaf00; box-shadow: 4px 3px 13px 0px rgba(0, 0, 0, 0.48); box-sizing: border-box;}
.top_move a span {font-size: 14px; line-height: 1; font-weight: 900; color: #fff; font-style: italic; font-family: 'Montserrat', sans-serif;}


/* ==================================================
	skip
================================================== */
a.skip{display:block;position:absolute;top:-1px;z-index:999;width:0;height:0;overflow:hidden;text-align:center}
a.skip:active,a.skip:focus{z-index:999;width:100%;height:auto;padding:5px;background:#FFF}









/* 공통 */
em.dpb{display:block;}
.tb{display: table; width: 100%; height: 100%;}
.tbc{display: table-cell; width: 100%; height: 100%;  vertical-align: middle;}
.clear:after {content: ''; display: block; clear: both;}
.back_img {background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important;}
.basic_img {max-width:100%; height:auto; visibility:hidden; opacity:0;}
.star{position: relative; display: inline-block; padding-left: 10px; box-sizing: border-box;}
.star:before {content: '*'; position: absolute; top: 3px; left: 0;}


.video_wrap {width:100%; padding-bottom:56.25%; box-sizing:border-box; position:relative;  margin: 20px 0; border:0;}
.video_wrap video, .video_wrap iframe, .video_wrap embed {position:absolute; left:0; top:0; width:100%; height:100%; border:0; outline:0;}


.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}