@charset "utf-8";

.mvisual	{width:100%;height:auto;margin:0px;border-radius:0 0 20px 20px;}
/*
.mvisual .msbg01 {width:100%;min-height:500px;background: url("../img/main/mv01.jpg") center top no-repeat;transition: 0.3s;border-radius:0 0 20px 20px;}
.mvisual .msbg02 {width:100%;min-height:500px;background: url("../img/main/mv02.jpg") center top no-repeat;transition: 0.3s;border-radius:0 0 20px 20px;}
.mvisual .msbg03 {width:100%;min-height:500px;background: url("../img/main/mv03.jpg") center top no-repeat;transition: 0.3s;border-radius:0 0 20px 20px;}
.mvisual .msbg04 {width:100%;min-height:500px;background: url("../img/main/mv04.jpg") center top no-repeat;transition: 0.3s;border-radius:0 0 20px 20px;}
.mvisual .msbg05 {width:100%;min-height:500px;background: url("../img/main/mv05.jpg") center top no-repeat;transition: 0.3s;border-radius:0 0 20px 20px;}
*/


.m_quick {min-height:160px;position:relative;}

.m_quick ul				{display:block;list-style: none;margin:-100px 0 0 0px;padding:0px;width:100%;text-align:center;}
.m_quick ul 			{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.m_quick ul:after		{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

.m_quick ul li			{
	display:inline-block;padding:0px;margin:0px 15px;width:180px;height:180px;background-color:#fff;
	z-index:9;
	transition: 0.3s;
    border: 1px solid #eee;
    border-radius:20px;
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
}

.m_quick ul li:hover			{
    -moz-box-shadow: 0px 1px 20px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 1px 20px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 20px rgba(0,0,0,0.12);
}
.m_quick ul li a img		{display:block;margin:40px auto 25px auto;width:60px;height:auto;}

.m_quick ul li a		{display:block;width:100%;height:auto;opacity:1;transition: 0.3s;}
.m_quick ul li a span	{font-size:16px;font-weight:normal;line-height:1.0;color:#8a8a8a;letter-spacing:-0.0725em;}

.m_btn {margin:40px 0 20px; text-align: center;vertical-align:middle;

			display: flex;
            align-items: center;
            justify-content: center;
}


.mcopy01		{
	font-family: "Paperlogy", sans-serif;
	display:inline-block;margin:0px 0 0px 0;padding:0px 20px 0px 20px;
	font-size:30px;font-weight:300;letter-spacing:-0.025em;color:#8a8a8a;text-align:center;
}
.mcopy01	em	{font-style:normal;font-weight:700;}

.m_btn a {font-family: "Paperlogy", sans-serif;
	display: inline-block;margin:0px 0px;padding:20px 30px;
	font-size: 18px;text-align: center;text-decoration: none; 
	transition: 0.3s;white-space: nowrap; border-radius: 50px;
	letter-spacing: -0.05em;
    line-height: 1.6;
    color: #fff;
    font-weight: 700;

}
a.btn_voice	{background-color: #3999fb;}
a.btn_voice:hover	{background-color: #02679c;}
a.btn_budget	{background-color: #66ba51;}
a.btn_budget:hover	{background-color: #55a142;}

.btn_more	{text-align:center;margin-bottom:20px;}
.btn_more a	{	
	padding: 10px 25px 10px 25px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.6;
    color: #aaa;
    font-weight: 700;
    letter-spacing: -0.0725em;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    white-space: nowrap;
    background-color: #fff;
    border:3px solid #eee;
    border-radius: 25px;
}
.btn_more a:hover	{	

    background-color: #fff;
    color: #3999fb;
    border:3px solid #3999fb;
}



.container .mtitle		{margin:0px 0 0px 0;font-size:20px;font-weight:700;letter-spacing:-0.025em;color:#666;text-align:center;}
.container .mtitle a	{display:block;color:#666;font-family: "Paperlogy", sans-serif;}
.container .mtitle i	{margin-right:5px;color:#66ba51;}
.container .mtitle_sub	{margin:10px 0 50px 0;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#aaa;text-align:center;}



.container .mtitle2		{margin:20px 0 0px 20px;font-size:20px;font-weight:700;letter-spacing:-0.025em;color:#666;text-align:left;}
.container .mtitle2 a	{display:block;color:#666;font-family: "Paperlogy", sans-serif;}
.container .mtitle2 i	{margin-right:5px;color:#66ba51;}
.container .mtitle_sub2	{margin:5px 0 20px 20px;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#aaa;text-align:left;}






/* Mobile Device */
/*@media screen and (max-width : 768px) {*/
@media all and (max-width: 768px) {

	.mvisual	{width:100%;height:auto;margin:0px;border-radius:0px;}

	.m_btn {margin:10px 0 30px;
	flex-direction: column;
	
	}
	.mcopy01		{display:block;margin:30px auto 30px auto;font-size:18px;font-weight:300;letter-spacing:-0.05em;color:#8a8a8a;text-align:center;}
	.m_quick ul				{display:block;list-style: none;margin:-20px 0 0 0px;padding:0px;width:100%;text-align:center;}
	.m_quick ul li			{
		display:inline-block;padding:0px;margin:0px 5px 20px 5px;width:29%;height:120px;background-color:#fff;
		z-index:9;
		transition: 0.3s;
		border: 1px solid #eee;
		border-radius:20px;
		-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
		box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
	}
	.m_quick ul li a img		{display:block;margin:20px auto 10px auto;width:50px;height:auto;}

	.m_quick ul li a		{display:block;width:100%;height:auto;opacity:1;transition: 0.3s;}
	.m_quick ul li a span	{font-size:14px;font-weight:normal;line-height:1.0;color:#8a8a8a;letter-spacing:-0.0725em;}


	.container .mtitle		{margin:0px 0 0px 0;font-size:18px;}
	.container .mtitle a	{display:block;color:#666;}
	.container .mtitle i	{margin-right:5px;color:#66ba51;}
	.container .mtitle_sub	{margin:10px 0 30px 0;font-size:12px;}

	.btn_voice	{text-align:center;}
	.btn_voice a	{	
		padding: 10px 20px;
		display: inline-block;
		font-size: 18px;
		line-height: 1.6;
		color: #fff;
		font-weight: 700;
		letter-spacing: -0.0725em;
		text-align: center;
		text-decoration: none;
		transition: 0.3s;
		white-space: nowrap;
		background-color: #3999fb;
		border-radius: 25px;
	}
	.btn_voice a:hover	{	

		background-color: #02679c;
	}

	#hd_pop				{width: 100%;}
	.hd_pops			{width:100%;height:auto;top:0px;left:0px !important;}
	.hd_pops_con		{width:100% !important;height:auto !important;}
	.hd_pops_con img	{width:100% !important;height:auto !important;}

}

@media (min-width: 768px) and (max-width: 1024px) {

	#hd_pop				{width: 100%;}
	.hd_pops			{width:50%;height:auto;top:0px;left:0px !important;}
	.hd_pops_con		{width:100% !important;height:auto !important;}
	.hd_pops_con img	{width:100% !important;height:auto !important;}


}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



}