@font-face{
	font-family: 'NanumGothicWeb';
	src: url('/font/NanumGothic.eot');
	src: local('?'), url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/font/NanumGothic.woff') format('woff'),
		url('/font/NanumGothic.ttf') format('truetype');
}

* {	
	line-height:1.3em;
}


html {
	overflow-y:scroll;
	overflow-x:hidden;
     /* Prevent font scaling in landscape */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/ 

}

body{
	margin:0px;		
	font-family: NanumGothicWeb;
}

a:link 		{text-decoration:none;}
a:visited 	{text-decoration:none;}
a:active	{text-decoration:none;}
a:hover	{text-decoration:none;}


.m_tel { display: none; }

.navbar{	
	display: flex;
	background-color:#fff;
	
}

.input_key {border:1px solid #cbcbcb;width:350px;height:35px;padding-left:10px; font-size:14px;font-family:NanumGothicWeb;color:#000000;vertical-align:middle;background:#fff;border-radius:5px;ime-mode: active;}
.search_btn {border:1px solid #000;width:100px;height:35px; font-size:14px;font-family:NanumGothicWeb;color:#efefef;text-align:center;vertical-align:middle;background:#000000;cursor:pointer;border-radius:5px;}

.faq_answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	font-family:NanumGothicWeb;color:#000;font-size:14px;background:#f9f9f9;
	padding-left:80px;
	padding-right:50px;
}
.faq_b {font-family:NanumGothicWeb;font-weight:bold;font-size:16px;color:#851a20;height:55px;text-align:center;}
.faq_gubun {font-family:NanumGothicWeb;font-weight:bold;font-size:14px;color:#851a20;}
.faq_title {font-family:NanumGothicWeb;font-weight:bold;font-size:16px;color:#000;text-align:left;}

.navbar-wrapper{
	display: flex;
	justify-content: space-between;
	align-items:center;	
	padding: 8px 12px;	
	text-align:center;
	margin:0 auto;
	width:100%;
	max-width:1280px;
	background-color:fff;
}



.navbar-logo{	
	color:#fff;
}

.navbar_logo i {
	color:#3ec1d9;
	font-size:22px;
	padding-right:5px;
}

.navbar_logo a {
	color:#3ec1d9;
	font-size:22px;
	color:#212121;
}

.navbar_logo a:hover {
	color:#3ec1d9;
	font-size:22px;
	color:#3ec1d9;
}

.navbar_menu {	
	display:flex;
	list-style:none;
	padding-left:0;
	justify-content: space-around;
	align-items:center;	
}

.navbar_menu a {
	font-family:'Roboto', sans-serif;
	font-size:15px;
	font-weight:600;
	color:#000;
	text-decoration: none;
	position: relative;
	padding: 6px 0px;
}



.navbar_menu li a:after {
	content: '';
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    bottom: 0px;
    width: 0;
    height: 4px;
    background: #e9363b;
    transition: 0.5s;    
}

.navbar_menu li a:hover:after {
	width: 100%;
}






.navbar_menu li {		
	padding: 8px 16px;
	margin:0px 10px;	
	cursor:pointer;	
	color:#000;	
	font-family:'Roboto', sans-serif;
	font-size:15px;
	font-weight:600;
}

//.navbar_menu li:hover {
//	padding: 8px 16px;
//	margin:0px 10px;	
//	color:#f08200;	
//	cursor:pointer;	
//}






.navbar_toogleBtn {	
	display:none;
	position:absolute;
	top:16px;
	right:32px;
	font-size:24px;
	color:#000;
}

.navbar_toogleBtn2 {	
	display:none;
	position:absolute;
	top:16px;
	right:32px;
	font-size:24px;
	color:#000;	
}

@media screen and (max-width:600px) {
	
	
	
	
	.sub_top { 		
		display: none;
	}
	
	.m_tel { 
		margin-bottom:20px;
		display: block;				
	}

	.navbar {
		flex-direction:column;
		align-items:flex-start;
		padding: 23px 0px;		
	}
	
	.navbar-wrapper{
		display: flex;
		justify-content: space-between;
		align-items:center;			
		text-align:center;			
		margin:0 auto;
		width:90%;
	}
	
	.navbar_logo {			
		position:absolute;
		top:16px;
		left:32px;
		font-size:22px;
		color:#fff;
	}
	
	.navbar_menu {
		display:none;
		flex-direction:column;
		align-items:center;
		width:100%;		
		vertical-align:middle;			
		padding-top:100px;
		padding-bottom:240px;		
		
	}
	
	
	
	.navbar_menu li {	
		width:90%;
		text-align:center;		
		margin-bottom:10px;
		color:#494949;
		background-color:#f9f9f9;
		border:1px solid #ededed;
		font-family:'Roboto', sans-serif;
		font-size:19px;
		font-weight:600;
		border-radius:10px;
		padding: 17px 0px;
	}
	
	.navbar_menu li:hover {		
		margin-bottom:10px;
		color:#000;
		background-color:#ffffff;
		border:1px solid #dcdcdc;
		font-size:19px;
		font-weight:600;
		border-radius:10px;
		padding: 17px 0px;
	}
	
	
	
	.navbar_toogleBtn {
		display:block;	
	}
	
	
	.navbar_toogleBtn.active {
		display:none;	
	}
	
	.navbar_toogleBtn2.active {
		display:block;	
	}

	.navbar_menu.active{
        display:flex;
    }
    
    .navbar_logo.active {
    		display:none;
    }
	
}


.main_cover {
	position:relative;
	width:100%;
	height:500px;	
	overflow: hidden;
	margin-bottom:30px;
}




.main {
	text-align:center;	
	padding-bottom:40px;	
	width:100%;
	height:100%;
	position:relative;
	background:url('/img/main01.jpg') no-repeat;
	overflow: hidden;
	animation: moving 45s linear infinite both;	
}




	
	
@keyframes moving {
	0% { background-position:0px 0px; }
	50% { background-position:0px -500px; }	
	100% { background-position:0px 0px; }
}




.main-ment{
	padding:140px 30px;
	text-align:center;
	justify-content:center;
	z-index:3;
	
	font-family:'Roboto', sans-serif;
	font-size:15px;
	font-weight:200;
	line-height:1.4em;	
	color:#ffffff;
}

.sub_top{
	text-align:center;
	width:100%;
	height:330px;
}


.sub_top-ment{
	padding-top:90px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	justify-content:center;	
	z-index:3;
	
	font-family:'Roboto', sans-serif;
	font-size:15px;
	font-weight:200;
	line-height:1.4em;
	color:#ffffff;
}

#typeStyle{
	font-size:1.5em;	
}


#ment1{
	font-family:'Roboto', sans-serif;	
	font-size:46px;	
	line-height:1.3em; 
	letter-spacing:0; 
	margin-bottom:5px;
	font-weight:500;
	color:#fff;
}

#ment1 b{
	color:#fff;
}

#ment1 i{
	color:#fff;
	font-size:40px;
}




@media screen and (max-width:600px) {	
	
	
	.main {
		background:url('/img/main01.jpg') no-repeat;
	}
	
	#ment1{
		font-family:'Roboto', sans-serif;	
		font-size:30px;	
		line-height:1.3em; 
		letter-spacing:0; 
		margin-bottom:5px;
		font-weight:500;
		color:#fff;
	}

	#ment1 i{
		color:#fff;
		font-size:25px;
	}

	#ment2{
		font-family: 'Dongle', sans-serif;
		font-size:24px;
		color:#ffffff;
	}
	
	.main-ment{
		padding-top:140px;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
		justify-content:center;
		z-index:3;
	
		font-family:'Roboto', sans-serif;
		font-size:15px;
		font-weight:200;
		line-height:1.4em;
		color:#ffffff;
	}
	
	.sub_top-ment{
		padding-top:70px;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
		justify-content:center;	
		z-index:3;
	
		font-family:'Roboto', sans-serif;
		font-size:15px;
		font-weight:200;
		line-height:1.4em;
		color:#ffffff;
	}
}

.main-text01{
	width:50%;
}

.main-img01{
	width:50%;	
	padding-top:40px;
	padding-bottom:40px;
}

.main-img01 img{		
	border-radius:90px;
	width:580px;
	height:300px;
}

.main-img02{ display:none; }

.main-img03{
	width:50%;	
	padding-top:40px;
	padding-bottom:40px;
}

.main-img03 img{		
	border-radius:90px;
	width:580px;
	height:415px;
}



.main-text02{
	width:50%;
}


.main-title01{
	text-align:left;	
	font-size:36px;
	font-family:'Roboto', sans-serif;
	font-weight:800;
	padding-top:40px;
	padding-bottom:20px;
	color:#151515;
	line-height:1.2;
}

.main-title01 span{
	font-size:26px;
	font-family:'Roboto', sans-serif;
	font-weight:800;	
}

.main-title02{
	text-align:left;	
	font-size:22px;
	font-family:'Roboto', sans-serif;
	font-weight:600;
	padding-bottom:30px;
	color:#151515;
	line-height:1.5;
}

.main-title03{
	text-align:left;	
	font-size:17px;	
	font-weight:200;
	padding-bottom:40px;
	color:#303030;
	line-height:1.5;
	padding-right:20px;
}

.sub-title03{
	text-align:left;	
	font-size:17px;	
	font-weight:200;
	padding-bottom:40px;
	color:#303030;
	line-height:1.5;
	padding-right:20px;
}

.sub-title03 h4{
	font-size:19px;
	font-weight:bold;
	padding:0px 0px;
}

.main-rtitle01{
	text-align:right;
	font-size:36px;
	font-family:'Roboto', sans-serif;
	font-weight:800;
	padding-top:40px;
	padding-bottom:20px;
	color:#151515;
	line-height:1.2;
}

.main-rtitle01 span{
	font-size:26px;
	font-family:'Roboto', sans-serif;
	font-weight:800;
}

.main-rtitle02{
	text-align:right;	
	font-size:22px;
	font-family:'Roboto', sans-serif;
	font-weight:600;
	padding-bottom:30px;
	color:#151515;
	line-height:1.5;
}

.main-rtitle03{
	text-align:right;	
	font-size:17px;	
	font-weight:200;
	padding-bottom:40px;
	color:#303030;
	line-height:1.5;
	padding-left:20px;
}

.sub-rtitle03{
	text-align:right;	
	font-size:17px;	
	font-weight:200;
	padding-bottom:40px;
	color:#303030;
	line-height:1.5;
	padding-left:20px;
}


.service-title {
	text-align:center;	
	font-size:20px;
	font-family:'Roboto', sans-serif;
	font-weight:500;
	padding-bottom:35px;
	color:#717198;
	line-height:35px;
}

.service-title span{
	font-weight:bold;
	color:#ec3739;
	//border-bottom:1px solid #c9c9f7;
}



@media screen and (max-width:600px) {	
	.service-title {
		font-size:18px;		
		line-height:30px;
	}
	

}



.container {
	text-align:center;
	margin-top:50px;
	margin-bottom:70px;
}

.card-box {
	position:relative;	
	border-radius:8px;
	overflow:hidden;
	display:inline-block;
	margin:20px;	
	width:29%;
	height:55px;
	cursor:pointer;
	color:#545454;
	border:1px solid #E7E7E7;
	background-color:#fff;	
}



.card-box:hover{
	color:#2d2d2d;
	background-color:#f6f6f6;
}

#card-box-gray {
	color:#bcbcbc;	
}




.card-box-text-wrap {
	margin:0;
	text-align:left;
	padding-top:2px;
}

.card-box-text-wrap h1{	
	font-size:19px;
	line-height:1.5;
	padding-left:62px;	
}



.card-box-text-wrap p{	
	font-size:14px;
	line-height:1.7;	
	padding:10px 15px;
	text-align:justify;word-break:break-all;	
}



.card-num{
	width:36px;
	height:36px;
	position:absolute;	
	top:10px;
	left:10px;
	background:#cccccc;
	border-radius:50%;
	z-index2;
}

.card-num p{
	color:#fff;
	text-align:center;
	padding-top:5px;
	font-size:17px;
	font-family:'Roboto', sans-serif;
	font-weight:600;
}









.img-gradient{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
	z-index:1;
}

.img-gradient2{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;	
	
	background: linear-gradient(to top, black, 10%, rgba(0,0,0,0));
	z-index:1;
}

.text-wrap{		
	padding-top:7px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	z-index:2;
	text-align:left;
}

.text-wrap h1 {
	color:#fff;
}

.text-wrap p{
	color:#171d24;
	font-size:16px;
	line-height:1.5;
	margin:0;
}

.text-wrap2{	
	position:absolute;
	bottom:0;
	padding:15px;
	z-index:2;
	text-align:left;
}

.text-wrap2 p{
	color:#000;
	font-size:16px;
	line-height:1.5;
	margin:0;
}








#blank {	
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	font-family: '¸¼Àº°íµñ';
}


.inner {max-width:1200px; margin:0 auto; padding-left:15px;padding-right:15px;padding-bottom:35px;}
.main-inner {max-width:1200px; margin:0 auto; padding-left:15px;padding-right:15px;display: flex;}

.gray_cover {width:100%; margin:0 auto; background:#f8f8f8;}

.inner2 {width:100%; margin:0 auto; padding-left:15px;padding-right:15px;}

.sub_title {color:#000;font-family:'Roboto', sans-serif;font-size:30px;font-weight:500;text-align:center;padding-top:50px;padding-bottom:30px;}

.top_line{
	dispaly:none;
	list-style:none;
	width:100%;
}

.top_line_left {boder:0px;}
.top_line_right {boder:0px;}

@media screen and (max-width:900px) {	
	
	
	.card-box {
		width:44%;
	}
	
	.main-title01 { padding-bottom:10px; font-size:32px; }
	.main-title02 { padding-bottom:10px; font-size:20px; }
	.main-title03 { 
		padding-bottom:40px;
		font-size:16px;
	}
	.sub-title03 { 
		padding-bottom:40px;
		font-size:16px;
	}
	
	.main-rtitle01 { padding-bottom:10px; font-size:32px; }
	.main-rtitle02 { padding-bottom:10px; font-size:20px; }
	.main-rtitle03 {
	 	padding-bottom:40px;
	 	font-size:16px;
	 }
	 
	 main-rtitle03 {
	 	padding-bottom:40px;
	 	font-size:16px;
	 }
	 
	  sub-rtitle03 {
	 	padding-bottom:40px;
	 	font-size:16px;
	 }
	
	.main-img01 img{		
		border-radius:90px;
		width:380px;
		height:254px;
	}
	
	.main-img03 img{		
		border-radius:90px;
		width:380px;
		height:272px;
	}
	
}

@media screen and (max-width:600px) {
	.sub_title {color:#231815;font-family:'Roboto', sans-serif;font-size:20px;font-weight:600;text-align:center;padding-top:13px;padding-bottom:12px;margin-top:35px;margin-bottom:30px;margin-left:80px;margin-right:80px;border-radius:70px;border:1px solid #d3d3d3;}
	.sub_title_small {color:#000;font-family: 'Noto Sans KR', sans-serif;font-size:1.1em;text-align:center;padding-bottom:50px;letter-spacing:-1pt;}
	
	.top_line_left{
		dispaly:block;
	}
	
	.top_line_left {
		width:92px;
		border:2px solid #231815;
	}
	.top_line_right {	
		border:2px solid #f08200;
	}
	
	.main-title02 { padding-bottom:40px; }
	
	.main-rtitle02 { padding-bottom:40px;font-size:18px; }
	
	.main-text01 { width:100%; }
	.main-img01 { display:none; }
	.main-img03 { display:none; }
	
	.main-title03 { font-size:14px; display:none; }
	.main-rtitle03 { font-size:14px; display:none; }
	
	.sub-title03 { font-size:14px; }
	.sub-rtitle03 { font-size:14px; padding-left:0px;}
	
	
	
	
	.main-rtitle01{ text-align:left; }
	.main-rtitle02{ text-align:left; }
	.main-rtitle03{ text-align:left; }
	
	.sub-rtitle03{ text-align:left; }
	
	.main-img02 {	
		display:block;
		text-align:center;	
		padding-bottom:40px;
	}

	.main-img02 img {	
		border-radius:90px;
		width:100%;	
	}
	
	.card-box {
		width:90%;
	}
	
	
}

.frame_cnt {
	clear:both;
	overflow:hidden; 
	width:100%; 
	text-align:left;
	display: flex;
}

.frame_bbs {
	clear:both;
	text-align:left;
	margin-top:0px;
	margin-bottom:50px;
}

.frame_photo {	
	display: grid;
	padding:0px;
	grid-template-columns:repeat(4,1fr);	
	grid-gap:20px;
	margin-bottom:50px;
}


@media screen and (max-width:1100px) {
	
	.frame_photo {
		grid-template-columns:repeat(3,1fr);		
	}
	
}


@media screen and (max-width:900px) {
	
	.frame_photo {
		grid-template-columns:repeat(2,1fr);		
	}
	
}

@media screen and (max-width:600px) {
	
	.frame_photo {			
		grid-template-columns:repeat(2,1fr);	
		grid-gap:10px;
	}
	
	
	
}




.about{
	color:#000;
	font-family: 'Nanum Gothic', sans-serif;
	line-height:1.4em;
	font-size:1.2em;
}



.about img{
	border-radius:8px;
	width:100%;
}


.photo-box{
	display:flex;
	position:relative;	
	border-radius:8px;
	overflow:hidden;
	display:inline-block;
	transition:0.5s;
	cursor:pointer;
	overflow: hidden;	
	border:1px solid #E7E7E7;
}

.photo-box h1 {
	font-family:'Roboto', sans-serif;
	font-size:18px;
	font-weight:600;
	margin:0;
	color:#eb6700;
	padding-bottom:2px;
}

.photo-box gubun {
	font-family:'Roboto', sans-serif;
	font-size:15px;
	font-weight:200;	
	color:#fff;
}

.photo-box img{
	width:100%;
}


.photo-box:hover{
	background-color:#fcfcfc;	
	box-shadow: 0 5px 8px #c3c3c3;
	transform: scale(0.98);
}




.sub_tab {max-width:430px; margin:0 auto; }

.tab_menu {
	display:flex;	
	list-style:none;
	margin-top:50px;
	text-align:left;
}

.tab{
	width:160px;
	color:#000;
	border:1px solid #E7E7E7;
	background-color:#fff;
	padding-top:16px;
	padding-bottom:16px;
	margin-left:5px;
	margin-right:5px;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
}

.tab_over {	
	width:160px;
	color:#fff;
	border:1px solid #E7E7E7;
	background-color:#3ec1d9;
	padding-top:16px;
	padding-bottom:16px;	
	margin-left:5px;
	margin-right:5px;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
}

#bold { 
	font-family: 'Dongle', sans-serif;
	font-size:26px;
	color:#044486;
}


.text{
  display: inline; vertical-align: middle;
  border-right: .05em solid black;
  animation:  cursor 0.2s ease infinite;
}


.join {
	background:#f5f6f8;
}

.join_box {
	background:#fff;
	border:1px solid #e2e6e9;
	max-width:600px;
	padding:20px 0px;	
	border-radius:4px;
}

.join_box2 {
	background:#fff;	
	max-width:600px;
	width:100%;	
	padding:0px 20px;
}

#agree_box {width:95%; height:80px; overflow:auto;padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px; border:1px solid #DDDDDD;font-family:¸¼Àº °íµñ; font-size:12px;text-align:justify; text-align:justify;color:#737373;}

#join_subject {font-size:14px;font-family:'Roboto', sans-serif;font-weight:600;color:#000;padding-top:0px;padding-bottom:4px;}
#join_inputtext {padding-bottom:10px;}
#join_agree {text-align:center;width:50px;}
#join_agree_text1 {font-size:0.9em;font-family:NanumGothicWeb, ¸¼Àº °íµñ,µ¸¿ò,±¼¸²,µ¸¿òü,±¼¸²Ã¼;color:#303441;font-weight:bold;}

#join_agree_text {font-size:0.9em;font-family:NanumGothicWeb, ¸¼Àº °íµñ,µ¸¿ò,±¼¸²,µ¸¿òü,±¼¸²Ã¼;color:#303441;}
#join_agree_text a:link 			{text-decoration:none;font-family:NanumGothicWeb, ¸¼Àº °íµñ, µ¸¿ò, µ¸¿òü, ±¼¸², ±¼¸²Ã¼; color:#000000;font-size:0.9em;text-decoration:underline;}
#join_agree_text a:visited 	{text-decoration:none;font-family:NanumGothicWeb, ¸¼Àº °íµñ, µ¸¿ò, µ¸¿òü, ±¼¸², ±¼¸²Ã¼; color:#000000;font-size:0.9em;text-decoration:underline;}
#join_agree_text a:active 		{text-decoration:none;font-family:NanumGothicWeb, ¸¼Àº °íµñ, µ¸¿ò, µ¸¿òü, ±¼¸², ±¼¸²Ã¼; color:#000000;font-size:0.9em;text-decoration:underline;}
#join_agree_text a:hover 		{text-decoration:none;font-family:NanumGothicWeb, ¸¼Àº °íµñ, µ¸¿ò, µ¸¿òü, ±¼¸², ±¼¸²Ã¼; color:#e30813;font-size:0.9em;text-decoration:underline;}

#join_term {text-align:center;width:200px;font-size:0.9em;font-family:NanumGothicWeb, ¸¼Àº °íµñ,µ¸¿ò,±¼¸²,µ¸¿òü,±¼¸²Ã¼;color:#303441;font-weight:bold;}

.join_menu {
	font-size:2em;
	font-family: 'Dongle', sans-serif;	
	padding:14px 0px;
	background-color:#fff;
	border-bottom:2px solid #e30813;
	color:#000;
	cursor:pointer;
	text-align:center;
	max-width:640px;
}



.bbs_input {height:50px;border:1px solid #e6e6e6;padding-left:5px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}

.bbs_input100 {height:50px;border:1px solid #e6e6e6;width:100px;padding-left:15px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}
.bbs_input200 {height:50px;border:1px solid #e6e6e6;width:200px;padding-left:15px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}
.bbs_input300 {height:50px;border:1px solid #e6e6e6;width:300px;padding-left:15px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}



.bbs_textarea {border:1px solid #e6e6e6;width:94%;height:100px; padding:15px 15px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}

@media screen and (max-width:600px) {
	
	.bbs_input100 {height:50px;border:1px solid #e6e6e6;width:70px;padding-left:15px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}
	
	.bbs_textarea {border:1px solid #e6e6e6;width:92%;height:100px; padding:15px 15px; font-size:1em;font-family: 'Noto Sans KR', sans-serif;color:#232323;vertical-align:middle;border-radius:4px;}
	.join_menu {
		font-size:3em;
	}	
	
	.text-wrap{		
		padding-top:7px;
		padding-bottom:10px;
		padding-left:5px;
		padding-right:5px;
		z-index:2;
		text-align:left;
	}
	
	.photo-box h1 {		
		font-size:12px;		
		color:#eb6700;
	}
	
	.text-wrap p{		
		font-size:11px;		
	}
}

//.btn_order {border-radius:10px;max-width:640px; padding:20px 0px; font-size:18px;font-family:'Roboto', sans-serif;color:#fff;text-align:center;vertical-align:middle;background:#06235f;cursor:pointer;}
//.btn_order_over {border-radius:10px;max-width:640px; padding:20px 0px; font-size:18px;font-family:'Roboto', sans-serif;color:#fff;text-align:center;vertical-align:middle;background:#111111;cursor:pointer;}




button{background: 0 none; border: 0 none;}
.buttons{position: relative; text-align: center; margin-top: 30px;}
.buttons button {
	overflow: hidden; 
	position: relative; display: inline-block; vertical-align: top; width: 100%;max-width:600px; padding:20px 0px; border: 1px solid #ec3739; transition: all 0.5s;cursor:pointer;border-radius:10px;font-size:18px;font-family:'Roboto', sans-serif;
	color:#fff;
	background:#ec3739;
}

.buttons button:hover{
	color: #ec3739;
	background:#fff;		
}




.btn_close {border:1px solid #a1a1a1;max-width:640px; padding:12px 0px; font-size:2em;font-family: 'Source Sans Pro', sans-serif;color:#000;text-align:center;vertical-align:middle;background:#fff;cursor:pointer;}
.btn_close_over {border:1px solid #111111;max-width:640px; padding:12px 0px; font-size:2em;font-family: 'Source Sans Pro', sans-serif;color:#fff;text-align:center;vertical-align:middle;background:#111111;cursor:pointer;}



#red { color:red; }

#policy {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1em;
}

P {margin-top:3px;margin-bottom:3px;}


.price_table{ width: 100%; max-width: 1280px; margin: 0 auto;}
.price_table.common{border:2px solid #6C00FF;}
.price_table.common tbody > tr > td {font-weight: 500;}

.price_table i {
	font-size:1.5em;	
	color:#06235f;
}

.price_table thead > tr > th {
	width: 16.666%;
	background: #06235f; 
	border-top: 1px solid #06235f;
	border-bottom: 1px solid #06235f;
	border-right: 1px solid #ccc;
	border-radius: 0px;
	text-align: center;
	color: #fff; 
	font-weight: 600; 
}

.price_table thead > tr > th.price_table_bigo {
	padding: 10px;
	background-color: #fff;
	text-align: center;
	border-top: 1px solid #06235f;
	border-left: 1px solid #06235f;
	border-right:1px solid #ccc;
	border-radius: 0px;
	color: #111;
	line-height: 2.3;
	border-top-left-radius:20px;
}


.price_table thead > tr > th:last-child { border-top-right-radius:20px; }

.price_table thead > tr > th.price_table_null img { margin-right: 10px; }

.price_table tbody > tr > th {
	background: #f5f5f5;	
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 0.9em;
	font-weight: 600; 
}

.price_table tbody > tr > th span {
    display: block;
    margin-top: 4px;
	color: #888;
	font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.price_table tbody > tr > td {
	padding: 20px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #666;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: -0.5px;
}

.price_table tbody > tr > td.point01 {
	color: #06235f;
    font-size: 16px;
    font-weight: 600;
}

.price_table tbody > tr > td span {
    color: #666;
	font-size: 13px;
	font-weight: 400;
}

.btn_online {
    display: inline-block;
	margin-top: 10px;
	padding: 6px 25px;
	border: 1px solid #06235f;
	background: #fff;
    color: #06235f;
	
	font-size: 14px;
	font-weight: 500;
	transition: 0.5s;
}

.btn_online:hover {
	background: #06235f;
    color: #fff;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
}

#gray {
	color:#b3b3b3;
	font-size: 16px;
}


.vat {	
    padding-top:10px;
    width:100%;
    color: #999;
	font-size:14px;
	text-align:right;
}

.bank_info {    
	padding-top:40px;
	text-align:center;
	font-family:'Roboto', sans-serif;	
	color:#151515;
}

.bank_info img {    
	padding-bottom:15px;
}

.bank_info h2 {	
	font-weight:800;
	font-size:28px;
}

.bank_info p {    
	color:#7c7365;
	font-weight:400;
	font-size:18px;
	padding-bottom:5px;
}

.bank_info span {    
	color:#151515;
	font-weight:500;
	font-size:20px;
}








.footer{
	width:100%;
	background:#222831;
	display: flex;
  	justify-content: center;
}

.copyright{	
	display: flex;
	justify-content: space-between;
	align-items:center;
	padding:90px 0px;
	color:#fbfbfb;	
	line-height:1.8;
	text-align:center;	
	width:100%;
	max-width:1200px;
}

.copyright b{
	color:#f6f6f6;
	font-weight:500;
}

.copyright a:link 			{color:#fbfbfb;text-decoration:none;}
.copyright a:visited 		{color:#fbfbfb;text-decoration:none;}
.copyright a:active 		{color:#fbfbfb;text-decoration:none;}
.copyright a:hover 		{color:#fff;text-decoration:none;}

.copyright p{
	padding-bottom:2px;
}








.footer_left {
    width: 20%;
    text-align:left;
}

.footer_left h3 {
	margin-top: 0px;
	margin-bottom: 30px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 100;
}

.footer_more {
    border:1px solid #c9c9c9;
    padding: 5px 9px;
    display: inline-block;    
	color: #fff;
	font-size: 0.9em;
    font-weight: 300;
    opacity: 0.5;
	transition: 0.5s;
}

.footer_more:hover {    
    opacity: 1;
}

.footer_right {
    width: 80%;
}






.footer_contents {    
    display:flex;
	list-style:none;	
    text-align:left;    
    margin:0;
    padding:0;
}

.footer_contents li:last-child { width: 25%; }


.footer_contents li {
    width:33%;
    padding: 0px 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);	
}



.footer_contents li h3 {
    margin-bottom: 30px;
    color: #fff;
    font-weight: 600;
}


.footer_contents li .tel_num {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -1px;	
	color:#fff;
}



.footer_contents li a {
	position: relative;
	display: inline-block;
	color: #fff;
	opacity: 0.8;
}

.footer_contents li a:after {
	content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: 0.5s;
}

.footer_contents li a:hover:after {
	width: 100%;
}


@media screen and (max-width:900px) {
	.footer_left {
		padding-left:25px;
	}
	.footer_left h3 {
		margin-top: 0px;
		margin-bottom: 30px;
    		color: #fff;
	    font-size: 1.4em;
	    font-weight: 100;
	}
	
	
	.footer_contents li .tel_num {
	    font-size: 20px;
	    font-weight: 600;
	    letter-spacing: -1px;	
		color:#fff;
	}
	
	.footer_contents li {
	    width:33%;
	    padding: 0px 20px;
	    border-left: 1px solid rgba(255, 255, 255, 0.1);
	    
	}
	.footer_right p {
		font-size:12px;
	}
}


@media screen and (max-width:600px) {
	
	.input_key {border:1px solid #cbcbcb;width:70%;height:35px;padding-left:10px; font-size:14px;font-family:NanumGothicWeb;color:#000000;vertical-align:middle;background:#fff;border-radius:5px;ime-mode: active;}
	.search_btn {border:1px solid #000;width:25%;height:35px; font-size:14px;font-family:NanumGothicWeb;color:#efefef;text-align:center;vertical-align:middle;background:#000000;cursor:pointer;border-radius:5px;}
	
	.faq_answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        font-family:NanumGothicWeb;color:#000;font-size:14px;background:#f9f9f9;
        padding-left:0px;
        padding-right:0px;
	}

	.faq_b {font-family:NanumGothicWeb;font-weight:bold;font-size:12px;color:#851a20;height:55px;text-align:center;}
	.faq_gubun {font-family:NanumGothicWeb;font-weight:bold;font-size:12px;color:#851a20;}
	.faq_title {font-family:NanumGothicWeb;font-weight:bold;font-size:12px;color:#000;text-align:left;}
	
	.footer_left{
		display:none;
	}
	
	.footer_contents {
		flex-direction:column;
		text-align:center;
	}
	
	.footer_contents li h3 {
	    margin-bottom: 20px;
	    font-size: 16px;
	}
	
	.footer_contents li {
	    width:90%;	    
	    padding-left:12px;
	    padding-right:0px;
	    padding-top:0px;
	    padding-bottom:20px;
	    border-left: 1px solid rgba(255, 255, 255, 0.1);
	    
	}
	
	.footer_contents li:last-child { width: 90%; }
	
	.footer_right {
    		width: 100%;
	}
	
	.footer_right p {
		font-size:12px;
		font-family:'Roboto', sans-serif;color:#fbfbfb;
		color:#fbfbfb;
	}
	
	.copyright{
		padding-top:20px;
		padding-bottom:40px;
	}
	
	.footer_contents li a:link 		{font-family:'Roboto', sans-serif;color:#fbfbfb;font-size:16px;text-decoration:none;}
	.footer_contents li a:visited 	{font-family:'Roboto', sans-serif;color:#fbfbfb;font-size:16px;text-decoration:none;}
	.footer_contents li a:active 		{font-family:'Roboto', sans-serif;color:#fbfbfb;font-size:16px;text-decoration:none;}
	.footer_contents li a:hover 		{font-family:'Roboto', sans-serif;color:#fff;font-size:16px;text-decoration:none;}
	
	
	.footer_contents li .tel_num {
	    font-size: 22px;
	    font-weight: 600;
	    letter-spacing: 1px;	
		color:#fff;
	}
}




@keyframes bell {
	0% { transform: scale(1); }	
	50% { transform: scale(1.03); }	
	100% { transform: scale(1); }
}

.phone_move {	
	margin:0;
}

.phone_move:hover { animation-play-state:paused; }

#progress {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 60px;
  width: 60px;
  
  display: none;
  place-items: center;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index:1000;
  //animation: updown 1s linear infinite both;
}
#progress-value {
  display: block;
  height: calc(100% - 15px);
  width: calc(100% - 15px);
  background-color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size:26px;
  color: #343434;  
}


@keyframes updown {
	0% { transform: translate(0); }	
	50% { transform: translate(0px,4px); }	
	100% { transform: scale(0px,-4px); }
}

#progress:hover{
	
	animation-play-state:paused;
}