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

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans Korean', sans-serif;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: -1px;
	color: #555;
	background-color: #fff;
	word-break: keep-all;
}

body ul {
	padding: 0;
	margin: 0;
}

body ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 50px;
	color: #333;
	line-height: 55px;
	font-weight: 500;
	margin: 0;
	margin-bottom: 30px;
	letter-spacing: -2px;
}

label {
	font-size: 16px;
	font-weight: 400;
	color: #999;
}

input {
	border: 1px #e5e5e5 solid;
	width: 100%;
	height: 45px;
	border-radius: 5px;
	padding: 0 15px;
	box-sizing: border-box;
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 16px;
	color: #333;
	margin-bottom: 8px;
}

input[type=checkbox] {
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	margin-top: 9px;
	margin-right: 8px;
}

input[type=checkbox]:checked {
	background-color: #fe5f40;
}

.checkbox {
	width: 100%;
	display: inline-block;
}

.checkbox label {
	color: #333;
	font-weight: 500;
}

label span {
	color: #fe5f40 !important;
}

.checkbox label a,
.checkbox a {
	color: #fb8520;
	font-weight: 300;
	text-decoration: underline;
	/* margin-left: 8px; */
	font-size: 15px;

}

a {
	text-decoration: none;
}

select {
	border: 1px #eee solid;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 14px;
	background: #4e4e4e;
	color: #fff;
	border: 1px solid #5d5d5d;
	padding: 0px 15px;
}

textarea {
	border: 1px #e5e5e5 solid;
	width: 100%;
	height: 45px;
	border-radius: 5px;
	padding: 10px;
	font-size: 16px;
	box-sizing: border-box;
	font-family: 'Noto Sans Korean', sans-serif;
}

button {
	border: 0;
	outline: 0;
	width: 100%;
	height: 45px;
	background-color: #444;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'Noto Sans Korean', sans-serif;
}

/*button:hover {
	 background-color: #fe5f40;
}*/
a {
	text-decoration: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.org {
	color: #fe5f40;
}

.w100 {
	width: 100%;
}

.w30 {
	width: 30%;
}

.txt_l {
	text-align: left;
}

.txt_r {
	text-align: right;
}

.txt_c {
	text-align: center;
}

.sub_txt {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 40px;
}

.sub_txt span {
	font-size: 16px;
	font-weight: 400;
	color: #999;
	display: block;
	margin-top: 30px;
}

.top_btn {
	position: fixed;
	text-align: center;
	bottom: 30px;
	right: 30px;
	z-index: 999;
	/*width: 50px;
    height: 50px;
    background-color: #fe5f40;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;*/
}

/*.top_btn span {
	font-size: 8px;
    margin-bottom: -29px;
    margin-top: 10px;
    display: block;
}
.top_btn a {
	display: block;
	color: #fff;
}
.top_btn a:hover {
	color: #fff;
}*/
header {
	width: 100%;
	height: 800px;
	margin: auto;
	background-image: url("../images/main_visual.png");
	background-position: center;
	background-color: #24272e;
}

.m_nav {
	display: none;
}

nav {
	max-width: 1920px;
	height: 120px;
	position: relative;
	margin: 0 auto;
	padding: 40px 75px 0 75px;
	text-align: center;
}

nav ul {
	margin: auto;
}

nav ul li {
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-right: 65px;
	letter-spacing: 0px;
	margin-top: 2px;
}

nav ul li:last-child {
	margin-right: 0;
}

.logo_l img {
	float: left;
	margin-right: 30px;
	margin-top: -10px;
}

.btn_r {
	display: inline-block;
	float: right;
}

.blog_btn {
	float: right;
	padding-right: 10px;
	font-size: 18px;
	margin-top: 5px;
	margin-left: 8px;
}

.proposal_btn {
	float: right;
	color: #fff;
	font-weight: 700;
	/*background-color: #fe5f40;*/
	border: 1px #eee solid;
	border-radius: 5px;
	padding: 0px 28px;
	font-size: 18px;
	margin-top: -5px;
	margin-left: 8px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
}

.website_btn {
	float: right;
	color: #fff;
	font-weight: 700;
	background-color: #003471;
	border-radius: 5px;
	padding: 0px 28px;
	font-size: 18px;
	margin-top: -5px;
	margin-left: 8px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
}

.logo_r img {
	float: right;
	margin-top: -48px;
}

.gnb_menu {
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	margin-left: 0%;
}

.gnb_menu a {
	color: #fff;
	text-decoration: none;
}

.gnb_menu a:hover {
	color: #eb6a34;
	border-bottom: 1px #eb6a34 solid;
	padding-bottom: 3px;
}

.maincopy {
	padding-left: 75px;
	padding-top: 65px !important;
	font-size: 70px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	letter-spacing: -2px;
}

.maincopy img {
	position: absolute;
	right: 12%;
	top: 140px;
}

.maincopy span {
	font-size: 55px;
	font-weight: 300;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 15px;
}

.maincopy span span {
	color: #fe5f40;
	font-weight: 400;
}

.subcopy {
	width: 40%;
	margin-top: 40px;
	padding-left: 10px;
	font-size: 20px;
	color: #ddd;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: -1px;
}

.section-in {
	max-width: 1200px;
	padding: 0 75px;
	margin: 0 auto;
}

.main {}


/*01.Our Service*/
.content01 {
	width: 100%;
	padding: 100px 0;
	background-color: #fff;
	background: cover;
	overflow: hidden;
	text-align: center;
	background: linear-gradient(#fff 70%, #e9f2f6 30%);
	/*background: url("../images/gamti_logo_bgimg.png") 50% 20% no-repeat;*/
}

.index_label {
	color: #003471;
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 700;
	padding-bottom: 5px;
	border-bottom: 2px solid #003471;
	display: inline-block;
}

.shop_our-serv ul {
	width: 32%;
	float: left;
	margin-right: 2%;
	box-shadow: 1px 5px 17px #e8e8e8;
}

.shop_our-serv ul li {
	width: 100%;
	background-color: #fff;
	/* border-radius: 5px; */
	/* margin-bottom: 15px; */
	padding: 5px 0;
	/*border-bottom: 1px #abb7dc solid;*/
	font-size: 19px;
}

.shop_our-serv ul li:nth-child(2) {
	padding: 25px 0 15px 0;
	color: #003471;
	font-size: 22px;
	font-weight: 700;
	border-bottom: none;
}

.shop_our-serv ul li:first-child {
	height: 205px;
	padding: 0;
	background-color: #fff;
	overflow: hidden;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}

.shop_our-serv ul li:first-child img {
	width: 100%;
	height: auto;
}

.shop_our-serv ul:last-child {
	margin-right: 0%;
}

.shop_our-serv ul li:last-child {
	border-bottom: none;
	border-radius: 0 0 6px 6px;
	padding-bottom: 35px;
}

/*02.Awards*/
.content02 {
	width: 100%;
	padding-top: 100px;
	background-color: #fff;
	overflow: hidden;
	background: url("../images/starpartner_bg.png") 90% 100px no-repeat;
}

.star_l {
	width: 54%;
	float: left;
}

.star_l img {
	width: 100%;
}

.star_r {
	width: 46%;
	float: left;
}

.star_r img {
	width: 100%;
}

.star_hst {
	width: 100%;
	display: inline-block;
	margin: 30px 0 60px 0;
}

.star_hst_tit {
	display: inline-block;
	width: 26%;
	color: rgb(0, 52, 113);
	font-weight: 900;
	font-size: 32px;
	font-family: "Noto Sans Korean", sans-serif;
	line-height: 37px;
	letter-spacing: -2px;
	padding-left: 2%;
}


.swiper01 {
	width: 71% !important;
	float: right;
}

.swiper01 .swiper-button-next {
	background: url(../images/page_next_btn.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	right: 0;
	left: auto;
}

.swiper01 .swiper-button-prev {
	background: url(../images/page_prev_btn.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	right: auto;
	left: 0;
}

.swiper01 .swiper-button-next::after,
.swiper01 .swiper-button-prev::after {
	display: none;
}

.swiper01 .swiper-button-next.swiper-button-disabled,
.swiper01 .swiper-button-prev.swiper-button-disabled {
	opacity: .0;
	cursor: auto;
	/* pointer-events: none; */
}

.swiper01_m {
	display: none;
}

.swiper-navigation-icon {
	display: none;
}

/*03.Benefits*/
.content03 {
	width: 100%;
	padding-bottom: 100px;
	/*background: url("../images/shop_bene_bg.png") 20% 0px no-repeat;*/
	background-color: #e9f2f6;
	overflow: hidden;
	text-align: right;
	padding-bottom: 85px;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper02_m {
	display: none;
}

.swiper02 .swiper-wrapper {
	height: 485px;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff0;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide_txt {
	width: 42%;
	margin-left: 5%;
	padding-right: 3%;
	text-align: left;
	line-height: 37px;
}

.slide_txt h1 {
	font-size: 26px;
	line-height: 40px;
	font-weight: 700;
	color: #003471;
}

.slide_txt ul {}

.slide_txt ul li {
	width: 90%;
	background-color: #d5e6f7;
	padding: 6px 0px 6px 20px;
	margin-bottom: 12px;
	border-radius: 6px;
	font-weight: 500;
	color: #6072ac;
}

.slide_img {
	width: 45%;
	margin-right: 5%;
}

.slide_img img {
	width: 100%;
}


/*04.Reference*/
.content04 {
	width: 100%;
	padding: 10px 0 30px 0;
	background: linear-gradient(#fff 70%, #f1f1f1 30%);
	overflow: hidden;
	text-align: center;
	background: url("../images/shop_refr_bg.png") 80% 200px no-repeat, linear-gradient(#fff 70%, #f1f1f1 30%);
}

.refer_l {
	float: left;
	width: 48.5%;
	margin-right: 1.5%;
	margin-top: 50px;
}

.refer_r {
	float: left;
	width: 48.5%;
	margin-left: 1.5%;
	margin-top: 280px;
}

.refer_box li {
	text-align: left;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 5px 17px #e8e8e8;
	padding: 35px;
	box-sizing: border-box;
	word-break: keep-all;
	margin-bottom: 40px;
}

.refer_box li h1 {
	font-size: 26px;
	color: #003471;
	font-weight: 700;
	line-height: 35px;
}

.refer_box li span {
	color: #999;
	font-weight: 700;
}

.swiper01 .swiper-slide {
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	padding: 0;
	/* Center slide text vertically */
	display: block;
	-webkit-box-pack: none;
	-ms-flex-pack: none;
	-webkit-justify-content: none;
	justify-content: none;
	-webkit-box-align: none;
	-ms-flex-align: none;
	-webkit-align-items: none;
	align-items: baseline;
}

.swiper01 .swiper-slide span {
	font-size: 25px;
	font-weight: 700;
	display: block;
	border-bottom: 1px #003471 solid;
	margin-bottom: 10px;
	color: #003471;
	padding-bottom: 8px;
	margin-top: 5px;
	text-align: center;
	box-sizing: border-box;
}

.swiper01 .swiper-slide .history {
	padding-left: 30px;
	text-align: left;
	box-sizing: border-box;
}

/*05.Certification*/
.content05 {
	width: 100%;
	padding-bottom: 100px;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
}

.certi_tit {
	background: url("../images/certi_tit.png") 100% 20px no-repeat;
	background-color: #003471;
	padding-top: 60px;
	border-radius: 10px 10px 0 0;
}

.certi_tit .index_label {
	color: #7b91d6;
}

.certi_tit h1 {
	margin-bottom: 7px;
	color: #fff;
}

.certi_tit .sub_txt {
	margin-bottom: 0;
	color: #adb7d7;
}

.certi {
	width: 80%;
	height: 445px;
	margin: auto;
	padding: 40px 10% 70px 10%;
	border-radius: 0 0 10px 10px;
	background: url("../images/certi_bg.png") no-repeat;
	background-color: #003471;
	background-size: cover;
}
.certin {
	width:70%;margin:0 auto;
}
.certi_txt h1 {
	font-size: 25px;
	font-weight: 700;
	line-height: 30px;
	color: #fff;
}

.certi_img {
	float: left;
	width: 50%;
	height: 100%;
	background-color: #fff;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}

.certi_img img {
	width: 100%;
	height: 443px;
}

.certi_txt {
	float: left;
	width: 50%;
	height: 100%;
	text-align: left;
	background-color: #4e68bb;
	border-radius: 0 10px 10px 0;
	color: #fff;
	font-size: 16px;
	padding: 45px 37px;
	box-sizing: border-box;
	font-weight: 300;
	line-height: 20px;
}

.certi_txt span {
	color: #a0b2ed;
}


/*06.Contact Us*/
.contact {
	width: 100%;
	padding: 50px 0 130px 0;
	background-color: #f1f1f1;
	background: cover;
	text-align: center;
	overflow: hidden;
	color: #fff;
}

.contact h1 {
	color: #003471;
	letter-spacing: -3px;
}

.contact h1 span {
	font-weight: 700;
	display: inline-block;
	margin-top: 8px;
}

.inputbox_l {
	width: 30%;
	float: left;
	text-align: left;
}

.inputbox_r {
	width: 68%;
	float: right;
	text-align: left;
}

.btn_area {
	width: 100%;
	overflow: hidden;
}

.btn_area button {
	width: 30%;
	margin-top: 10px;
	float: right;
	background: #002857;
}

.btn_area button:hover {
	background-color: #0B1E33;
}

.proposal_down {
	width: 300px;
	margin: 0 auto;
	margin-bottom: 30px;
	height: 45px;
	line-height: 45px;
	border: 2px #fe5f40 solid;
	color: #fe5f40;
	border-radius: 25px;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
}

.contact_info {
	margin-bottom: 50px;
	color: #7b91d6;
}

.contact_info b {
	color: #333;
}

.contact_info span {
	border-bottom: 1px #7b91d6 solid;
	margin-left: 20px;
	font-size: 25px;
	letter-spacing: -1px;
}


/*Footer*/
footer {
	background-color: #3f3f3f;
	padding: 40px 0;
	width: auto;
}

.inner_footer {
	margin: 0px auto;
	font-size: 14px;
}

.inner_footer a {
	color: #a7a7a7;
}

.footer_cont {
	float: right;
	width: 160px;
}

.footer_info {
	color: #a7a7a7;
}

.footer_logo_wrap {
	float: left;
	position: relative;
	width: 148px;
	height: 75px;
	margin-top: 3px;
}

.txt_bar {
	margin: 0 10px;
}

.inner_footer_m {
	display: none;
}

/*popup관련*/
.pop_dim {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0, 0, 0, 0.5)
}

.pop_area {
	width: 30%;
	position: absolute;
	/* left: 50%; */
	top: 16%;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	/* overflow: scroll; */
}

.pop_tit {
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	color: #fe5f40;
	line-height: 39px;
	letter-spacing: -2px;
}

.pop_tit span {
	color: #999;
	font-size: 18px;
	display: block;
	font-weight: 300;
	margin-top: -2px;
}

.pop_tit_sub {
	text-align: center;
	font-size: 16px;
	color: #999;
	border-bottom: 1px #fe5f40 solid;
	padding-bottom: 18px;
	margin-bottom: 30px;
}

.pop_cont {
	padding: 0 20px;
}

.pop_btn button {
	width: 100%;
	margin-top: 15px;
	background-color: #fe5f40;
	color: #fff;
}

.proposal_btn_m {
	display: none;
}


/*반응형관련 css*/
@media (min-width: 991px) and (max-width: 1599px) {

	body {
		font-size: 18px;
	}

	h1 {
		font-size: 40px;
		color: #333;
		line-height: 50px;
		font-weight: 500;
		margin: 0;
		margin-bottom: 10px;
		letter-spacing: -3px;
	}

	.sub_txt {
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 40px;
	}

	.sub_txt span {
		font-size: 16px;
		font-weight: 400;
		color: #999;
		display: block;
		margin-top: 15px;
	}

	header {
		width: 100%;
		height: 670px;
		margin: auto;
		background-image: url("../images/main_visual.png");
		background-position: center;
		background-color: #746164;
	}

	nav {
		max-width: 100%;
		height: 120px;
		position: relative;
		margin: 0 auto;
		padding: 40px 75px 0 75px;
		text-align: center;
	}

	nav ul {
		margin: auto;
	}

	nav ul li {
		float: left;
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		margin-right: 30px;
		letter-spacing: 0px;
	}

	nav ul li:last-child {
		margin-right: 0;
	}

	.logo_l {
		width: 100%;
		/*height: 29px;*/
	}

	.logo_l img {
		float: left;
		margin-right: 30px;
		margin-top: -10px;
	}

	.logo_r img {
		display: none;
	}

	.gnb_menu {
		/*		float: left;*/
		display: inline-block;
		text-align: center;
		margin-left: 0;
	}

	.maincopy {
		padding-left: 200px !important;
		padding-top: 25px !important;
		font-size: 55px;
		font-weight: 700;
		color: #fff;
		line-height: 50px;
		letter-spacing: -2px;
	}

	.maincopy span {
		font-size: 45px;
		font-weight: 300;
		display: inline-block;
	}

	.maincopy img {
		position: absolute;
		right: 10%;
		top: 11%;
		width: 36%;
	}

	.subcopy {
		margin-top: 40px;
		padding-left: 10px;
		font-size: 18px;
		color: #ddd;
		font-weight: 300;
		line-height: 25px;
		letter-spacing: -1px;
	}

	.section-in {
		max-width: 1200px;
		padding: 0 75px;
		margin: 0 auto;
	}

	.main {}


	/*01.Our Service*/
	.content01 {
		width: 100%;
		padding: 50px 0;
		background-color: #fff;
		background: linear-gradient(#fff 80%, #e9f2f6 20%);
		overflow: hidden;
		text-align: center;
	}

	.index_label {
		color: #003471;
		font-size: 20px;
		margin-bottom: 30px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 2px solid #003471;
		display: inline-block;
	}

	.shop_our-serv ul {
		width: 32%;
		float: left;
		margin-right: 2%;
		box-shadow: 1px 5px 17px #e8e8e8;
	}

	.shop_our-serv ul li {
		width: 100%;
		background-color: #fff;
		padding: 5px 0;
		font-size: 16px;
	}

	.shop_our-serv ul li:nth-child(2) {
		padding: 8px 0;
		color: #003471;
		font-size: 18px;
		font-weight: 700;
		border-bottom: none;
	}

	.shop_our-serv ul li:first-child {
		height: 200px;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
		border-bottom: none;
		border-radius: 5px 5px 0 0;
	}

	.shop_our-serv ul li:first-child img {
		width: 100%;
		height: auto;
	}

	.shop_our-serv ul:last-child {
		margin-right: 0%;
	}

	.shop_our-serv ul li:last-child {
		border-bottom: none;
		border-radius: 0 0 6px 6px;
		padding-bottom: 25px;
	}

	/*02.Awards*/
	.content02 {
		width: 100%;
		padding: 70px 0 0 0;
		overflow: hidden;
		text-align: left;
		background: url(../images/starpartner_bg.png) 90% 100px no-repeat;
		background-color: #fff;
		background-size: 500px auto;
	}

	.swiper01 .swiper-slide .history {
		line-height: 25px;
	}

	.star_hst_tit {
		display: inline-block;
		width: 28%;
		color: rgb(0, 52, 113);
		font-weight: 900;
		font-size: 32px;
		font-family: "Noto Sans Korean", sans-serif;
		line-height: 37px;
		letter-spacing: -2px;
		padding-left: 2%;
	}

	.swiper01 {
		width: 69% !important;
		float: right;
	}

	.swiper01_m {
		display: none;
	}

	/*03.Benefits*/
	.content03 {
		width: 100%;
		padding-bottom: 30px;
		background-color: #e9f2f6;
		overflow: hidden;
		text-align: right;
	}

	.slide_txt {
		width: 47%;
		margin-left: 5%;
		padding-right: 0%;
		text-align: left;
		line-height: 37px;
	}

	.slide_txt h1 {
		font-size: 22px;
		line-height: 35px;
		font-weight: 700;
		color: #003471;
		padding-right: 20px;
	}

	.slide_txt ul {}

	.slide_txt ul li {
		/* width: 96%; */
		background-color: #d5e6f7;
		padding: 10px 2%;
		/* padding-left: 2%; */
		margin-bottom: 12px;
		margin-right: 2%;
		border-radius: 6px;
		font-weight: 500;
		font-size: 16px;
		color: #6072ac;
		line-height: 20px;
	}

	.slide_img {
		width: 43%;
		margin-right: 5%;
	}

	.swiper-slide img {
		display: block;
		width: 100%;
		height: 320px;
		border-radius: 5px;
		object-fit: cover;
	}

	.slide_img img {
		width: 100%;
	}

	.swiper02 .swiper-wrapper {
		height: 400px;
	}

	.swiper02_m {
		display: none;
	}

	/*04.Reference*/
	.content04 {
		width: 100%;
		padding: 0;
		padding-top: 50px;
		background: url(../images/shop_refr_bg.png) 90% 97px no-repeat, linear-gradient(#fff 70%, #f1f1f1 30%);
		/* background-size: 450px auto; */
		overflow: hidden;
		text-align: center;
	}

	.refer_l {
		float: left;
		width: 48.5%;
		margin-right: 1.5%;
		margin-top: 50px;
	}

	.refer_r {
		float: left;
		width: 48.5%;
		margin-left: 1.5%;
		margin-top: 195px;
	}

	.refer_box li {
		text-align: left;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
		padding: 25px;
		box-sizing: border-box;
		word-break: keep-all;
		margin-bottom: 40px;
		font-size: 18px;
	}

	.refer_box li h1 {
		font-size: 20px;
		color: #003471;
		font-weight: 700;
		line-height: 30px;
	}

	/*04.Certification*/
	.content05 {
		width: 100%;
		padding-bottom: 30px;
		background-color: #fff;
		overflow: hidden;
		text-align: center;
	}

	.certi_txt h1 {
		font-size: 20px;
		font-weight: 700;
		line-height: 30px;
		color: #fff;
		letter-spacing: -2px;
	}

	/*Footer*/
	footer {
		background-color: #3f3f3f;
		padding: 40px 0;
		width: auto;
	}

	.inner_footer {
		margin: 0px auto;
		font-size: 14px;
	}

	.inner_footer a {
		color: #a7a7a7;
	}

	.footer_cont {
		float: right;
		width: 160px;
	}

	.footer_info {
		color: #a7a7a7;
	}

	.footer_logo_wrap {
		float: left;
		position: relative;
		width: 148px;
		height: 75px;
		margin-top: 3px;
	}

	.txt_bar {
		margin: 0 10px;
	}

	.inner_footer_m {
		display: none;
	}

}

@media (min-width: 991px) and (max-width: 1432px) {

	nav {}

	.blog_btn,
	.website_btn,
	.login_btn {
		/*display: none;*/
	}

	.logo_l img {
		float: left;
		margin-right: 30px;
		margin-top: -10px;
	}

	.maincopy span {
		font-size: 45px;
		font-weight: 300;
		display: inline-block;
		margin-bottom: 0;
	}

	.maincopy {
		padding-left: 105px !important;
		padding-top: 57px !important;
		font-size: 45px;
		font-weight: 700;
		color: #fff;
		line-height: 46px;
		letter-spacing: -2px;
	}

	.maincopy img {
		width: 37%;
		position: absolute;
		right: 7%;
		top: 126px;
	}

	nav ul li {
		float: left;
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		margin-right: 20px;
		letter-spacing: 0px;
	}

}

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

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 34px;
		color: #333;
		line-height: 42px;
		font-weight: 500;
		margin: 0;
		margin-bottom: 10px;
		letter-spacing: -3px;
	}

	.sub_txt {
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 40px;
	}

	.sub_txt span {
		font-size: 14px;
		font-weight: 400;
		color: #999;
		display: block;
		margin-top: 30px;
	}

	header {
		width: 100%;
		height: 550px;
		margin: auto;
		background-image: url(../images/main_visual.png);
		background-position: center;
		background-color: #746164;
	}

	.web_nav {
		display: none;
	}

	.m_nav {
		display: block;
		max-width: 100%;
		height: 70px;
		position: fixed;
		margin: 0 auto;
		padding: 0 30px;
		text-align: center;
		right: 0;
		left: 0;
		background: #fff;
		z-index: 99999999;
		border-bottom: 1px #eee solid;
	}

	.logo_l img {
		width: 170px;
		float: left;
		margin-right: 30px;
		margin-top: 17px;
	}

	.mobile-menu {
		display: block;
		position: fixed;
		right: 15px;
		z-index: 500;
		width: 45px;
		height: 45px;
		padding: 5px;
		background-color: inherit;
		border: 0;
		top: 12px;
	}

	.mobile-menu i {
		font-size: 1em;
		color: #333;
	}

	.menuwrap {
		position: fixed;
		top: 0;
		right: -300px;
		/* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
		z-index: 400;
		overflow: auto;
		width: 280px;
		/* 너비 */
		height: 100%;
		padding: 50px 20px;
		box-sizing: border-box;
		transition: right .3s ease-in-out;
		/* 0.3초 동안 이동 애니메이션 */
		background-color: #fff;
		color: #333;
		box-shadow: 0 0 20px #0000001a;
	}

	.menuwrap.on {
		right: 0;
	}

	#dimmed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.category_list li {
		display: block;
		padding: 0.5em 0;
		text-align: left;
		width: 100%;
		text-shadow: inherit
	}

	.category_list li a {
		color: #333;
	}

	.category_list li .proposal_btn,
	.category_list li .login_btn {
		font-size: 0.7em;
		padding: 0.7em 2em;
		display: block;
		text-align: center;
		line-height: inherit;
		height: inherit;
	}

	.category_list .website_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		/* background-color: #fe5f40; */
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 15px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .proposal_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 15px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .proposal_btn_m a {
		display: block;
		color: #fff;

	}

	.category_list .blog_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		background-color: #fff;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .blog_btn_m a {
		display: block;
	}

	.category_list .website_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .website_btn_m a {
		display: block;
	}

	/*
	nav {
		max-width: 100%;
		height: 120px;
		position: relative;
		margin: 0 auto;
		padding: 40px 50px 0 50px;
		text-align: center;
	}
	nav ul {
		margin: auto;
	}
	nav ul li {
		float: left;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		margin-right: 35px;
		letter-spacing: 0px;
	}
	nav ul li:last-child {
		margin-right: 0;
	}
	.logo_l {
		width: 100%;
    	height: 29px;
	}
	.logo_l img {
		float: left; 
		margin-right: 30px;
		margin-top: 2px;
	}
	.login_btn {
		float: right;
		color: #fff;
		font-weight: 700;
		border: 1px #eee solid;
		border-radius: 5px;
		padding: 0px 26px;
		font-size: 18px;
		margin-top: -30px;
	}
	.proposal_btn {
		float: right;
		color: #fff;
		font-weight: 700;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0px 28px;
		font-size: 18px;
		margin-top: -5px;
		margin-left: 8px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}
	.logo_r img {
		display: none;
	}
	.gnb_menu {
		float: left;
		margin: 17px 0 0 0;
		display: inline-block;
		text-align: center;
		margin-left: 0;
	}
	*/
	.maincopy {
		padding-left: 75px;
		padding-top: 150px !important;
		font-size: 40px;
		font-weight: 700;
		color: #fff;
		line-height: 50px;
		letter-spacing: -2px;
	}

	.maincopy img {
		position: absolute;
		right: 2%;
		top: 10%;
		width: 42%;
	}

	.maincopy span {
		font-size: 40px;
		font-weight: 300;
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.subcopy {
		margin-top: 20px;
		padding-left: 10px;
		font-size: 16px;
		color: #ddd;
		font-weight: 300;
		line-height: 27px;
		letter-spacing: -1px;
	}

	.section-in {
		max-width: 100%;
		padding: 0 50px;
		margin: 0 auto;
	}

	.main {}


	/*01.Our Service*/
	.content01 {
		width: 100%;
		padding: 50px 0;
		background-color: #fff;
		background: cover;
		overflow: hidden;
		text-align: center;
	}

	.index_label {
		color: #003471;
		font-size: 18px;
		margin-bottom: 5px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 2px solid #003471;
		display: inline-block;
	}

	.shop_our-serv ul {
		width: 32%;
		float: left;
		background-color: #fff;
		margin-right: 2%;
		box-shadow: 1px 5px 17px #e8e8e8;
		height: 336px;
		border-radius: 5px;
	}

	.shop_our-serv ul li {
		width: 92%;
		background-color: #fff;
		/* border-radius: 5px; */
		/* margin-bottom: 15px; */
		padding: 5px 4%;
		/* border-bottom: 1px #abb7dc solid; */
		font-size: 16px;
		line-height: 18px;
	}

	.shop_our-serv ul li:nth-child(2) {
		padding: 10px 0;
		color: #003471;
		font-size: 18px;
		font-weight: 700;
		border-bottom: none;
	}

	.shop_our-serv ul li:first-child {
		width: 100%;
		height: 150px;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
		border-bottom: none;
		border-radius: 5px 5px 0 0;
	}

	.shop_our-serv ul li:first-child img {
		width: 100%;
		height: auto;
	}

	.shop_our-serv ul:last-child {
		margin-right: 0%;
	}

	.shop_our-serv ul li:last-child {
		border-bottom: none;
		border-radius: 0 0 6px 6px;
		padding-bottom: 15px;
	}

	/*02.Awards*/
	.content02 {
		width: 100%;
		padding-top: 50px;
		background-color: #fff;
		background: url(../images/starpartner_bg.png) 100% 50px no-repeat;
		background-size: 500px auto;
		overflow: hidden;
		text-align: left;
	}

	.swiper01 .swiper-slide {
		line-height: 25px;
	}

	.swiper01_m {
		display: none;
	}

	/*03.Benefits*/
	.content03 {
		width: 100%;
		padding-bottom: 30px;
		background-color: #e9f2f6;
		background: cover;
		overflow: hidden;
		text-align: right;
	}

	.slide_txt {
		width: 42%;
		margin-left: 8%;
		padding-right: 3%;
		text-align: left;
		/*line-height: 37px;*/
	}

	.slide_img {
		width: 42%;
		height: 75%;
		margin-right: 8%;
	}

	.slide_img img {
		width: 100%;
		border-radius: 5px;
	}

	.slide_txt h1 {
		font-size: 20px;
		line-height: 30px;
		font-weight: 700;
		letter-spacing: -2px;
		color: rgb(0, 52, 113);
	}

	.slide_txt ul li {
		width: 90%;
		background-color: rgb(213, 230, 247);
		padding: 6px 0px 6px 20px;
		margin-bottom: 12px;
		border-radius: 6px;
		font-weight: 500;
		color: rgb(96, 114, 172);
		font-size: 16px;
	}

	.swiper02_m {
		display: none;
	}

	.swiper02 .swiper-wrapper {
		height: 360px;
	}

	.slide_txt h1 {
		font-size: 18px;
		line-height: 27px;
		font-weight: 700;
		color: rgb(0, 52, 113);
	}

	.slide_txt ul li {
		width: 90%;
		background-color: rgb(213, 230, 247);
		padding: 6px 10px;
		margin-bottom: 12px;
		border-radius: 6px;
		font-weight: 500;
		color: rgb(96, 114, 172);
		font-size: 16px;
		line-height: 20px;
	}

	/*Footer*/
	footer {
		background-color: #3f3f3f;
		padding: 40px 0;
		width: auto;
	}

	.inner_footer {
		margin: 0px auto;
		font-size: 14px;
	}

	.inner_footer a {
		color: #a7a7a7;
	}

	.footer_cont {
		float: right;
		width: 160px;
	}

	.footer_info {
		color: #a7a7a7;
	}

	.footer_logo_wrap {
		float: left;
		position: relative;
		width: 148px;
		height: 75px;
		margin-top: 3px;
	}

	.txt_bar {
		margin: 0 10px;
	}

	.inner_footer_m {
		display: none;
	}

	/*04.Reference*/
	.content04 {
		width: 100%;
		padding: 10px 0 30px 0;
		background: linear-gradient(#fff 70%, #f1f1f1 30%);
		overflow: hidden;
		text-align: center;
		background: url(../images/shop_refr_bg.png) 90% 90px no-repeat, linear-gradient(#fff 70%, #f1f1f1 30%);
		background-size: 448px auto;
	}

	.refer_l {
		float: left;
		width: 48.5%;
		margin-right: 1.5%;
		margin-top: 50px;
	}

	.refer_r {
		float: left;
		width: 48.5%;
		margin-left: 1.5%;
		margin-top: 195px;
	}

	.refer_box li {
		text-align: left;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
		padding: 20px;
		box-sizing: border-box;
		word-break: keep-all;
		margin-bottom: 20px;
	}

	.refer_box li h1 {
		font-size: 20px;
		color: #003471;
		font-weight: 700;
		line-height: 30px;
	}

	.refer_box li span {
		color: #999;
		font-weight: 700;
	}

	/*05.Certification*/
	.content05 {
		width: 100%;
		padding-bottom: 50px;
		background-color: #fff;
		overflow: hidden;
		text-align: center;
	}

	.certi {
		width: 80%;
		height: 340px;
		margin: auto;
		padding: 40px 10% 70px 10%;
		border-radius: 0 0 10px 10px;
		background: url(../images/certi_bg.png) no-repeat;
		background-color: #003471;
		background-size: cover;
	}

	.certi_txt {
		float: left;
		height:330px;
		text-align: left;
		background-color: #4e68bb;
		border-radius: 0 10px 10px 0;
		color: #fff;
		font-size: 15px;
		padding: 25px;
		box-sizing: border-box;
		font-weight: 300;
		line-height: 15px;
	}
	.certi_img img {
    height: 325px;
}

	.certi_txt h1 {
		font-size: 17px;
		font-weight: 700;
		line-height: 24px;
		color: #fff;
		letter-spacing: -2px;
	}

	/*05.CONTACT US*/
	.contact {
		width: 100%;
		padding: 30px 0 100px 0;
		background-color: #f1f1f1;
		background: cover;
		text-align: center;
		overflow: hidden;
	}

	.inputbox_l {
		width: 30%;
		float: left;
		text-align: left;
	}

	.inputbox_r {
		width: 68%;
		float: right;
		text-align: left;
	}

	.btn_area {
		width: 100%;
		float: left;
		margin-top: 10px;
	}

	.btn_area button {
		width: 100%;
		margin-top: 10px;
		float: right;
	}

	.proposal_down {
		width: 300px;
		margin: 0 auto;
		margin-bottom: 30px;
		height: 45px;
		line-height: 45px;
		border: 2px #fe5f40 solid;
		color: #fe5f40;
		border-radius: 25px;
	}

	.contact_info {
		margin-bottom: 50px;
	}

	.contact_info b {
		display: block;
	}

	.contact_info span {
		width: 50%;
		padding: 10px 0;
		display: inline-block;
		border-bottom: 1px #999 solid;
		margin-left: 20px;
		font-size: 20px;
		letter-spacing: -1px;
	}

	/*popup관련*/
	.pop_area {
		width: 50%;
	}

	.proposal_btn {
		display: none;
	}

	.proposal_btn_m {
		/*float: right; */
		display: block;
		width: 165px;
		color: #fff;
		margin-top: 15px;
		font-weight: 700;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0px 28px;
		font-size: 18px;
		/* margin-top: -5px; */
		margin-left: 8px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

}

@media (min-width: 1090px) and (max-width: 1360px) {

	.gnb_menu {
		float: left;
		display: block;
		text-align: center;
		margin-left: -270px;
		margin-top: 50px;
	}

	.btn_r {
		display: inline-block;
		float: right;
	}

}

@media (min-width: 991px) and (max-width: 1089px) {

	.gnb_menu {
		float: left;
		display: block;
		text-align: center;
		margin-left: -270px;
		margin-top: 50px;
	}

	.btn_r {
		display: inline-block;
		float: right;
		margin-top: -84px;
	}

}

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

	label {
		font-size: 14px;
	}

	input {
		margin-bottom: 5px;
	}

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 27px;
		color: #333;
		line-height: 34px;
		font-weight: 500;
		margin: 0;
		margin-bottom: 10px;
		letter-spacing: -2px;
	}

	.web_nav {
		display: none;
	}

	.m_nav {
		display: block;
		max-width: 100%;
		height: 70px;
		position: fixed;
		margin: 0 auto;
		padding: 0 30px;
		text-align: center;
		right: 0;
		left: 0;
		background: #fff;
		z-index: 99999999;
		border-bottom: 1px #eee solid;
	}

	.logo_l img {
		width: 125px;
		float: left;
		margin-right: 30px;
		margin-top: 18px;
	}

	.mobile-menu {
		display: block;
		position: fixed;
		right: 15px;
		z-index: 500;
		width: 45px;
		height: 45px;
		padding: 5px;
		background-color: inherit;
		border: 0;
		top: 12px;
	}

	.mobile-menu i {
		font-size: 1em;
		color: #333;
	}

	.menuwrap {
		position: fixed;
		top: 0;
		right: -300px;
		/* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
		z-index: 400;
		overflow: auto;
		width: 280px;
		/* 너비 */
		height: 100%;
		padding: 50px 20px;
		box-sizing: border-box;
		transition: right .3s ease-in-out;
		/* 0.3초 동안 이동 애니메이션 */
		background-color: #fff;
		color: #333;
		box-shadow: 0 0 20px #0000001a;
	}

	.menuwrap.on {
		right: 0;
	}

	#dimmed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.category_list li {
		display: block;
		padding: 0.5em 0;
		text-align: left;
		width: 100%;
		text-shadow: inherit
	}

	.category_list li a {
		color: #333;
	}

	.category_list li .proposal_btn,
	.category_list li .login_btn {
		font-size: 0.7em;
		padding: 0.7em 2em;
		display: block;
		text-align: center;
		line-height: inherit;
		height: inherit;
	}

	.top_btn {
		position: fixed;
		text-align: center;
		bottom: 20px;
		right: 15px;
		/*width: 50px;
		height: 50px;
		background-color: #fe5f40;
		border-radius: 50%;
		font-size: 16px;
		font-weight: 500;*/
		z-index: 9999;
	}

	.sub_txt {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 15px;
	}

	.sub_txt span {
		font-size: 16px;
		font-weight: 400;
		color: #999;
		display: block;
		margin-top: 0px;
	}

	header {
		width: 100%;
		height: 685px;
		margin: auto;
		background: url(../images/main_visual_m.png);
		background-position: bottom right 38%;
		background-color: #746164;
	}

	nav {
		display: none;
	}

	.category_list .proposal_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 15px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .proposal_btn_m a {
		display: block;
		color: #fff;

	}

	.category_list .blog_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		background-color: #fff;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .blog_btn_m a {
		display: block;
	}

	.category_list .website_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .website_btn_m a {
		display: block;
	}

	/*
	nav {
		max-width: 100%;
		height: 120px;
		position: relative;
		margin: 0 auto;
		padding: 40px 35px 0 35px;
		text-align: center;
	}
	nav ul {
		margin: auto;
	}
	nav ul li {
		float: left;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		margin-right: 35px;
		letter-spacing: 0px;
	}
	nav ul li:last-child {
		margin-right: 0;
	}
	.logo_l {
		width: 65%;
    	height: 29px;
	}
	.logo_l img {
		width: 100%;
		float: left; 
		margin-right: 30px;
		margin-top: 2px;
	}
	.logo_r img {
		display: none;
	}
	.login_btn {
		float: right;
		color: #fff;
		font-weight: 500;
		background: none;
		border: 1px #fff solid;
		border-radius: 20px;
		padding: 0px 14px;
		font-size: 15px;
		height: 28px;
		line-height: 28px;
		margin-top: -33px;
	}
	.proposal_btn {
		display: none;
		float: right;
		color: #fff;
		font-weight: 700;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0px 28px;
		font-size: 18px;
		margin-top: -5px;
		margin-left: 8px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}
	.proposal_btn_m {
		display: block;
		width: 95%;
		text-align: center;
		color: #fff;
		margin-top: 15px;
		font-weight: 700;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0px 28px;
		font-size: 18px;
		margin-left: 8px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
		}
	.gnb_menu {
		display: none;
		float: left;
		margin: 17px 0 0 0;
		text-align: center;
		margin-left: 0;
	}
	*/
	.maincopy {
		padding-left: 75px;
		padding-top: 100% !important;
		font-size: 32px;
		font-weight: 700;
		color: #fff;
		line-height: 40px;
		letter-spacing: -1px;
		text-align: center;
	}

	.maincopy img {
		width: 84%;
		position: absolute;
		left: 9%;
		top: 85px;
	}

	.maincopy span {
		font-size: 28px;
		font-weight: 300;
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.subcopy {
		width: 90%;
		margin-top: 10px;
		padding: 0 5%;
		font-size: 16px;
		color: #fff;
		font-weight: 300;
		line-height: 27px;
		letter-spacing: -1px;
	}

	.section-in {
		max-width: 100%;
		padding: 0 25px;
		margin: 0 auto;
	}

	.main {}


	/*01.Our Service*/
	.content01 {
		width: 100%;
		padding: 50px 0 35px 0;
		background: linear-gradient(#fff 65%, #e9f2f6 35%);
		overflow: hidden;
	}

	.index_label {
		color: #003471;
		font-size: 16px;
		margin-bottom: 5px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 2px solid #003471;
		display: inline-block;
	}

	.shop_our-serv ul {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
	}

	.shop_our-serv ul li {
		width: 100%;
		background-color: #fff;
		/* border-radius: 5px; */
		/* margin-bottom: 15px; */
		padding: 2px 0;
		/*border-bottom: 1px #abb7dc solid;*/
		font-size: 16px;
	}

	.shop_our-serv ul li:nth-child(2) {
		padding: 5px 0;
		color: #003471;
		font-size: 18px;
		font-weight: 700;
		border-bottom: none;
	}

	.shop_our-serv ul li:first-child {
		height: 175px;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
		border-bottom: none;
		border-radius: 5px 5px 0 0;
	}

	.shop_our-serv ul li:first-child img {
		width: 100%;
		height: auto;
	}

	.shop_our-serv ul:last-child {
		margin-right: 0%;
	}

	.shop_our-serv ul li:last-child {
		border-bottom: none;
		border-radius: 0 0 6px 6px;
		padding-bottom: 15px;
	}

	/*02.Awards*/
	.content02 {
		width: 100%;
		padding: 50px 0 20px 0;
		background-color: #fff;
		background: #fff;
		text-align: center;
	}

	.star_l {
		width: 100%;
		float: left;
	}

	.star_r {
		width: 82%;
		float: left;
		padding-left: 18%;
		/* margin: auto; */
		top: -60px;
		position: relative;
	}

	.star_hst {
		width: 100%;
		display: inline-block;
		margin: 0;
		margin-top: -55px;
	}

	.star_hst_tit {
		display: none;
	}

	.swiper01 {
		display: none;
	}

	.swiper01_m {
		display: block;
		width: 100% !important;
		float: right;
		margin-top: -40px;
	}

	.swiper01_m .swiper-button-next {
		background: url(../images/page_next_btn.png) no-repeat;
		background-size: 100% auto;
		background-position: center;
		right: 0;
		left: auto;
	}

	.swiper01_m .swiper-button-prev {
		background: url(../images/page_prev_btn.png) no-repeat;
		background-size: 100% auto;
		background-position: center;
		right: auto;
		left: 0;
	}

	.swiper01_m .swiper-button-next::after,
	.swiper01_m .swiper-button-prev::after {
		display: none;
	}

	.swiper01_m .swiper-button-next.swiper-button-disabled,
	.swiper01 .swiper-button-prev.swiper-button-disabled {
		opacity: .0;
		cursor: auto;
		pointer-events: none;
	}

	.swiper01_m .swiper-slide {
		text-align: left;
		font-size: 16px;
		line-height: 30px;
		padding: 0;
		/* Center slide text vertically */
		display: block;
		-webkit-box-pack: none;
		-ms-flex-pack: none;
		-webkit-justify-content: none;
		justify-content: none;
		-webkit-box-align: none;
		-ms-flex-align: none;
		-webkit-align-items: none;
		align-items: baseline;
	}

	.swiper01_m .swiper-slide span {
		font-size: 25px;
		font-weight: 700;
		display: block;
		border-bottom: 1px #003471 solid;
		margin-bottom: 10px;
		color: #003471;
		padding-bottom: 8px;
		margin-top: 5px;
		text-align: center;
	}

	.swiper01_m .swiper-slide .history {
		padding: 0 10px;
		text-align: center;
		font-size: 14px;
		line-height: 25px;
	}

	/*03.Benefits*/
	.content03 {
		width: 100%;
		padding-bottom: 20px;
		background-color: #e9f2f6;
		text-align: center;
	}

	.swiper02 {
		display: none;
	}

	.swiper02_m {
		display: block;
		margin-top: 30px;
	}

	.swiper02_m .swiper-wrapper {
		height: 580px;
	}

	.swiper02_m .slide_txt {
		width: 90%;
		margin-left: 0;
		padding-right: 0;
		text-align: center;
		line-height: 37px;
	}

	.swiper02_m .slide_txt h1 {
		font-size: 18px;
		line-height: 27px;
		font-weight: 700;
		color: #003471;
		margin-top: 10px;
	}

	.swiper02_m .slide_txt h1 span {
		display: inline-block;
		background: #333;
		padding: 1px 15px;
		border-radius: 35px;
		color: #fff;
		letter-spacing: 0px;
		margin-bottom: 8px;
		font-weight: 500;
		font-size: 16px;
	}

	.swiper02_m .slide_txt ul {}

	.swiper02_m .slide_txt ul li {
		width: 92%;
		background-color: #d5e6f7;
		padding: 6px 4%;
		font-size: 14px;
		margin-bottom: 12px;
		border-radius: 6px;
		font-weight: 500;
		color: #6072ac;
		line-height: 20px;
	}

	.swiper02_m .slide_img {
		width: 100%;
		margin-right: 0;
	}

	.swiper02_m .slide_img img {
		width: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff0;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: baseline;
		align-items: baseline;
	}

	/*04. Reference*/
	.content04 {
		width: 100%;
		padding: 10px 0 70px 0;
		overflow: hidden;
		text-align: center;
		background: url(../images/shop_refr_bg.png) 190% 0 no-repeat, linear-gradient(#fff 60%, #f1f1f1 40%);
		background-size: 320px auto;
	}

	.refer_l {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.refer_r {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.refer_box li {
		text-align: left;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
		padding: 15px;
		font-size: 15px;
		box-sizing: border-box;
		word-break: keep-all;
		margin-bottom: 20px;
	}

	.refer_box li:last-child {
		margin-bottom: 0;
	}

	.refer_box li h1 {
		font-size: 18px;
		color: #003471;
		font-weight: 700;
		line-height: 25px;
	}

	.refer_box li span {
		color: #999;
		font-weight: 700;
	}


	/*05.cerrification*/
	.content05 {
		width: 100%;
		padding-bottom: 50px;
		background-color: #fff;
		overflow: hidden;
		text-align: center;
	}

	.certi {
		width: 80%;
		height: 525px;
		margin: auto;
		padding: 10px 10% 70px 10%;
		border-radius: 0 0 10px 10px;
		background: url("../images/certi_bg.png") no-repeat;
		background-color: #003471;
		background-size: cover;
		margin-top: -1px;
	}
	.certin {
    width: 80%;}

	.certi_tit {
	padding-top: 30px;
	}

	.certi_img img {
    height: auto;}

	.certi_txt h1 {
		font-size: 16px;
		font-weight: 700;
		line-height: 25px;
		margin-bottom: 0;
		color: #fff;
	}

	.certi_tit .sub_txt {
		margin-bottom: 0;
		color: #adb7d7;
		padding: 0 10px;
	}

	.certi_img {
		float: left;
		width: 100%;
		height: 325px;
		background-color: #fff;
		border-radius: 10px 10px 0 0;
		overflow: hidden;
	}

	.certi_img img {
		width: 100%;
		height: auto;
	}

	.certi_txt {
		float: left;
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #4e68bb;
		border-radius: 0 0 10px 10px;
		color: #fff;
		font-size: 14px;
		padding: 10px 10px 20px 10px;
		box-sizing: border-box;
		font-weight: 300;
		line-height: 14px;
	}

	.certi_txt span {
		color: #a0b2ed;
	}

	/*05.CONTACT US*/
	.contact {
		width: 100%;
		padding: 50px 0 100px 0;
		background-color: #f1f1f1;
		background: cover;
		text-align: center;
		overflow: hidden;
	}

	.inputbox_l {
		width: 30%;
		float: left;
		text-align: left;
	}

	.inputbox_r {
		width: 68%;
		float: right;
		text-align: left;
	}

	.btn_area {
		width: 100%;
		float: left;
		margin-top: 10px;
	}

	.proposal_down {
		width: 300px;
		margin: 0 auto;
		margin-bottom: 30px;
		height: 45px;
		line-height: 45px;
		border: 2px #fe5f40 solid;
		color: #fe5f40;
		border-radius: 25px;
	}

	.contact_info {
		margin-bottom: 50px;
	}

	.contact_info b {
		display: block;
	}

	.contact_info span {
		width: 50%;
		padding: 10px 0;
		display: inline-block;
		border-bottom: 1px #999 solid;
		margin-left: 20px;
		font-size: 20px;
		letter-spacing: -1px;
	}

	/*05.CONTACT US*/
	.contact {
		width: 100%;
		padding: 0px 0 100px 0;
		background-color: #f1f1f1;
		background: cover;
		text-align: center;
		overflow: hidden;
	}

	.inputbox_l {
		width: 100%;
		float: left;
		text-align: left;
	}

	.inputbox_r {
		width: 100%;
		float: right;
		text-align: left;
	}

	.btn_area {
		width: 100%;
		float: left;
		margin-top: 10px;
	}

	.proposal_down {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 16px;
		height: 40px;
		line-height: 42px;
		border: 1px #fe5f40 solid;
		color: #fe5f40;
		border-radius: 25px;
	}

	.contact_info {
		margin-bottom: 50px;
	}

	.contact_info b {
		display: block;
	}

	.contact_info span {
		width: 80%;
		padding: 10px 0;
		display: inline-block;
		border-bottom: 1px #999 solid;
		margin-left: 20px;
		font-size: 18px;
		letter-spacing: -1px;
	}

	.btn_area button {
		width: 100%;
		margin-top: 10px;
		float: right;
	}

	/*Footer*/
	footer {
		background-color: #3f3f3f;
		padding: 40px 0;
		width: auto;
	}

	select {
		margin-bottom: 10px;
	}

	.inner_footer {
		display: none;
	}

	.inner_footer_m {
		display: block;
	}

	.inner_footer_m a {
		color: #a7a7a7;
	}

	.inner_footer_m .footer_cont {
		width: 100%;
	}

	.inner_footer_m .footer_info {
		color: #a7a7a7;
		font-size: 14px;
	}

	.inner_footer_m .footer_logo_wrap {
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.inner_footer_m .txt_bar {
		margin: 0 10px;
	}

	/*popup관련*/
	.pop_area {
		width: 90%;
		top: 24%;
		bottom: 5%;
		overflow: scroll;
	}

	.pop_tit {
		font-size: 24px;
	}

	.pop_tit span {
		color: #999;
		font-size: 16px;
		display: block;
		font-weight: 300;
		line-height: 20px;
		margin-top: -2px;
		letter-spacing: -1px;
		margin-bottom: 20px;
	}

	.pop_btn button {
		font-size: 16px;
	}

	.pop_cont {
		padding: 0;
		/* font-size: 14px; */
	}

	.pop_tit_sub {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.pop_area {
		top: 13%;
	}

}

/* header 메인비쥬얼 관련 미디어쿼리 */
@media (min-width: 501px) and (max-width: 767px) {

	header {
		width: 100%;
		height: 650px;
		margin: auto;
		background: url(../images/main_visual_m.png);
		background-position: bottom right 38%;
		background-color: #746164;
	}

	.web_nav {
		display: none;
	}

	.m_nav {
		display: block;
		max-width: 100%;
		height: 70px;
		position: fixed;
		margin: 0 auto;
		padding: 0 30px;
		text-align: center;
		right: 0;
		left: 0;
		background: #fff;
		z-index: 99999999;
		border-bottom: 1px #eee solid;
	}

	.logo_l img {
		width: 170px;
		float: left;
		margin-right: 30px;
		margin-top: 17px;
	}

	.mobile-menu {
		display: block;
		position: fixed;
		right: 15px;
		z-index: 500;
		width: 45px;
		height: 45px;
		padding: 5px;
		background-color: inherit;
		border: 0;
		top: 12px;
	}

	.mobile-menu i {
		font-size: 1em;
		color: #333;
	}

	.menuwrap {
		position: fixed;
		top: 0;
		right: -300px;
		/* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
		z-index: 400;
		overflow: auto;
		width: 280px;
		/* 너비 */
		height: 100%;
		padding: 50px 20px;
		box-sizing: border-box;
		transition: right .3s ease-in-out;
		/* 0.3초 동안 이동 애니메이션 */
		background-color: #fff;
		color: #333;
		box-shadow: 0 0 20px #0000001a;
	}

	.menuwrap.on {
		right: 0;
	}

	#dimmed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.category_list li {
		display: block;
		padding: 0.5em 0;
		text-align: left;
		width: 100%;
		text-shadow: inherit
	}

	.category_list li a {
		color: #333;
	}

	.category_list li .proposal_btn,
	.category_list li .login_btn {
		font-size: 0.7em;
		padding: 0.7em 2em;
		display: block;
		text-align: center;
		line-height: inherit;
		height: inherit;
	}

	.category_list .proposal_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 15px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .proposal_btn_m a {
		display: block;
		color: #fff;

	}

	.category_list .blog_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		background-color: #fff;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .blog_btn_m a {
		display: block;
	}

	.category_list .website_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .website_btn_m a {
		display: block;
	}

	.maincopy {
		/*padding-left: 0px;*/
		padding-top: 59% !important;
		font-size: 32px;
		font-weight: 700;
		color: #fff;
		line-height: 40px;
		letter-spacing: -1px;
		text-align: center;
	}

	.maincopy img {
		width: 50%;
		position: absolute;
		left: 25%;
		top: 75px;
		top: 75px;
	}

	.shop_our-serv ul {
		width: 32%;
		float: left;
		background-color: #fff;
		margin-right: 2%;
		box-shadow: 1px 5px 17px #e8e8e8;
		height: 336px;
		border-radius: 5px;
	}

	.shop_our-serv ul li {
		width: 92%;
		background-color: #fff;
		/* border-radius: 5px; */
		/* margin-bottom: 15px; */
		padding: 5px 4%;
		/* border-bottom: 1px #abb7dc solid; */
		font-size: 16px;
		line-height: 18px;
	}

	.shop_our-serv ul li:nth-child(2) {
		padding: 10px 0;
		color: #003471;
		font-size: 18px;
		font-weight: 700;
		border-bottom: none;
	}

	.shop_our-serv ul li:first-child {
		width: 100%;
		height: 150px;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
		border-bottom: none;
		border-radius: 5px 5px 0 0;
	}

	.shop_our-serv ul li:first-child img {
		width: 100%;
		height: auto;
	}

	.shop_our-serv ul:last-child {
		margin-right: 0%;
	}

	.shop_our-serv ul li:last-child {
		border-bottom: none;
		border-radius: 0 0 6px 6px;
		padding-bottom: 15px;
	}

	/*02.Awards*/
	.content02 {
		width: 100%;
		padding-top: 100px;
		background-color: #fff;
		overflow: hidden;
		background: url("../images/starpartner_bg.png") 90% 100px no-repeat;
	}

	.star_l {
		width: 54%;
		float: left;
	}

	.star_l img {
		width: 100%;
	}

	.star_r {
		width: 46%;
		float: left;
		padding-left: 0;
		top: 0;
		margin-bottom: 90px;
	}

	.star_r img {
		width: 100%;
	}

	/*03.Benefits*/
	.content03 {
		width: 100%;
		padding-bottom: 30px;
		background-color: #e9f2f6;
		background: cover;
		overflow: hidden;
		text-align: right;
	}

	.swiper02_m {
		display: none;
	}

	.swiper02 {
		display: block;
	}

	.slide_txt {
		width: 42%;
		margin-left: 8%;
		padding-right: 0;
		text-align: left;
		/* line-height: 37px; */
		margin: auto;
		margin-top: 0px;
	}

	.slide_img {
		width: 42%;
		height: 75%;
		margin-right: 8%;
	}

	.slide_img img {
		width: 100%;
		border-radius: 5px;
	}

	.swiper02 .swiper-wrapper {
		height: 360px;
	}

	.slide_txt h1 {
		font-size: 18px;
		line-height: 27px;
		font-weight: 700;
		color: rgb(0, 52, 113);
	}

	.slide_txt ul li {
		width: 90%;
		background-color: rgb(213, 230, 247);
		padding: 6px 10px;
		margin-bottom: 12px;
		border-radius: 6px;
		font-weight: 500;
		color: rgb(96, 114, 172);
		font-size: 16px;
		line-height: 20px;
	}

	/*04.Reference*/
	.content04 {
		width: 100%;
		padding: 10px 0 70px 0;
		overflow: hidden;
		text-align: center;
		background: url(../images/shop_refr_bg.png) 55px 0 no-repeat, linear-gradient(#fff 60%, #f1f1f1 40%);
		background-size: 275px auto;
	}

	.refer_l {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.refer_r {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.refer_box li {
		text-align: left;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
		padding: 15px;
		font-size: 15px;
		box-sizing: border-box;
		word-break: keep-all;
		margin-bottom: 20px;
	}

	.refer_box li:last-child {
		margin-bottom: 0;
	}

	.refer_box li h1 {
		font-size: 18px;
		color: #003471;
		font-weight: 700;
		line-height: 25px;
	}

	.refer_box li span {
		color: #999;
		font-weight: 700;
	}

	/*05.Certification*/
	.content05 {
		width: 100%;
		padding-bottom: 50px;
		background-color: #fff;
		overflow: hidden;
		text-align: center;
	}

	.certi {
		width: 80%;
		height: 405px;
		margin: auto;
		padding: 40px 10% 70px 10%;
		border-radius: 0 0 10px 10px;
		background: url("../images/certi_bg.png") no-repeat;
		background-color: #003471;
		background-size: cover;
		margin-top: -1px;
	}

	.certi_txt h1 {
		font-size: 18px;
		font-weight: 700;
		line-height: 25px;
		margin-bottom: 0;
		color: #fff;
	}

	.certi_tit .sub_txt {
		margin-bottom: 0;
		color: #adb7d7;
		padding: 0 10px;
	}

	.certi_img {
		float: left;
		width: 100%;
		height: 180px;
		background-color: #fff;
		border-radius: 10px 10px 0 0;
		overflow: hidden;
	}

	.certi_img img {
		width: 100%;
	}

	.certi_txt {
		float: left;
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #4e68bb;
		border-radius: 0 0 10px 10px;
		color: #fff;
		font-size: 14px;
		padding: 10px 10px 20px 10px;
		box-sizing: border-box;
		font-weight: 300;
		line-height: 14px;
	}

	.certi_txt span {
		color: #a0b2ed;
	}

}

@media (max-width: 280px) {

	label {
		font-size: 14px;
	}

	input {
		margin-bottom: 5px;
	}

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 24px;
		color: #333;
		line-height: 34px;
		font-weight: 500;
		margin: 0;
		margin-bottom: 10px;
		letter-spacing: -2px;
	}

	.top_btn {
		position: fixed;
		text-align: center;
		bottom: 20px;
		right: 15px;
		/*width: 50px;
		height: 50px;
		background-color: #fe5f40;
		border-radius: 50%;
		font-size: 16px;
		font-weight: 500;*/
		z-index: 9999;
	}

	.sub_txt {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 15px;
	}

	.sub_txt span {
		font-size: 16px;
		font-weight: 400;
		color: #999;
		display: block;
		margin-top: 0px;
	}

	header {
		width: 100%;
		height: 570px;
		margin: auto;
		background: url(../images/main_visual_m.png);
		background-position: bottom right 38%;
		background-color: #746164;
	}

	nav {
		display: none;
	}

	/*
	nav {
		max-width: 100%;
		height: 120px;
		position: relative;
		margin: 0 auto;
		padding: 40px 35px 0 35px;
		text-align: center;
	}
	nav ul {
		margin: auto;
	}
	nav ul li {
		float: left;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		margin-right: 35px;
		letter-spacing: 0px;
	}
	nav ul li:last-child {
		margin-right: 0;
	}
	.logo_l {
		width: 65%;
    	height: 29px;
	}
	.logo_l img {
		width: 100%;
		float: left; 
		margin-right: 30px;
		margin-top: 2px;
	}
	.logo_r img {
		display: none;
	}
	.login_btn {
		float: right;
		color: #fff;
		font-weight: 500;
		background: none;
		border: 1px #fff solid;
		border-radius: 20px;
		padding: 0px 14px;
		font-size: 15px;
		height: 28px;
		line-height: 28px;
		margin-top: -33px;
	}
	.proposal_btn {
		display: none;
		float: right;
		color: #fff;
		font-weight: 700;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0px 28px;
		font-size: 18px;
		margin-top: -5px;
		margin-left: 8px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}
	.proposal_btn_m {
		display: block;
		width: 95%;
		text-align: center;
		color: #fff;
		margin-top: 15px;
		font-weight: 700;
		background-color: #fe5f40;
		border-radius: 5px;
		padding: 0px 28px;
		font-size: 18px;
		margin-left: 8px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
		}
	.gnb_menu {
		display: none;
		float: left;
		margin: 17px 0 0 0;
		text-align: center;
		margin-left: 0;
	}
	*/
	.maincopy {
		padding-left: 75px;
		padding-top: 100% !important;
		font-size: 26px;
		font-weight: 700;
		color: #fff;
		line-height: 30px;
		letter-spacing: -1px;
		text-align: center;
	}

	.maincopy img {
		width: 94%;
		position: absolute;
		left: 4%;
		top: 60px;
	}

	.maincopy span {
		font-size: 26px;
		font-weight: 300;
		display: inline-block;
		margin-top: 30px;
		margin-bottom: 5px;
	}

	.subcopy {
		width: 90%;
		margin-top: 10px;
		padding: 0 5%;
		font-size: 16px;
		color: #fff;
		font-weight: 300;
		line-height: 27px;
		letter-spacing: -1px;
	}

	.section-in {
		max-width: 100%;
		padding: 0 25px;
		margin: 0 auto;
	}

	.main {}


	/*01.Our Service*/
	.content01 {
		width: 100%;
		padding: 50px 0 35px 0;
		background: linear-gradient(#fff 65%, #e9f2f6 35%);
		overflow: hidden;
	}

	.index_label {
		color: #003471;
		font-size: 16px;
		margin-bottom: 5px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 2px solid #003471;
		display: inline-block;
	}

	.shop_our-serv ul {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
	}

	.shop_our-serv ul li {
		width: 100%;
		background-color: #fff;
		/* border-radius: 5px; */
		/* margin-bottom: 15px; */
		padding: 2px 0;
		/*border-bottom: 1px #abb7dc solid;*/
		font-size: 14px;
	}

	.shop_our-serv ul li:nth-child(2) {
		padding: 5px 0;
		color: #003471;
		font-size: 18px;
		font-weight: 700;
		border-bottom: none;
	}

	.shop_our-serv ul li:first-child {
		height: 175px;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
		border-bottom: none;
		border-radius: 5px 5px 0 0;
	}

	.shop_our-serv ul li:first-child img {
		width: 100%;
		height: auto;
	}

	.shop_our-serv ul:last-child {
		margin-right: 0%;
	}

	.shop_our-serv ul li:last-child {
		border-bottom: none;
		border-radius: 0 0 6px 6px;
		padding-bottom: 15px;
	}

	/*02.Awards*/
	.content02 {
		width: 100%;
		padding: 50px 0 20px 0;
		background-color: #fff;
		background: #fff;
		text-align: center;
	}

	.star_l {
		width: 100%;
		float: left;
	}

	.star_r {
		width: 82%;
		float: left;
		padding-left: 18%;
		/* margin: auto; */
		top: -60px;
		position: relative;
	}

	.star_hst {
		width: 100%;
		display: inline-block;
		margin: 0;
		margin-top: -55px;
	}

	.star_hst_tit {
		display: none;
	}

	.swiper01 {
		display: none;
	}

	.swiper01_m {
		display: block;
		width: 100% !important;
		float: right;
		margin-top: -40px;
	}

	.swiper01_m .swiper-button-next {
		background: url(../images/page_next_btn.png) no-repeat;
		background-size: 100% auto;
		background-position: center;
		right: 0;
		left: auto;
	}

	.swiper01_m .swiper-button-prev {
		background: url(../images/page_prev_btn.png) no-repeat;
		background-size: 100% auto;
		background-position: center;
		right: auto;
		left: 0;
	}

	.swiper01_m .swiper-button-next::after,
	.swiper01_m .swiper-button-prev::after {
		display: none;
	}

	.swiper01_m .swiper-button-next.swiper-button-disabled,
	.swiper01 .swiper-button-prev.swiper-button-disabled {
		opacity: .0;
		cursor: auto;
		pointer-events: none;
	}

	.swiper01_m .swiper-slide {
		text-align: left;
		font-size: 16px;
		line-height: 30px;
		padding: 0;
		/* Center slide text vertically */
		display: block;
		-webkit-box-pack: none;
		-ms-flex-pack: none;
		-webkit-justify-content: none;
		justify-content: none;
		-webkit-box-align: none;
		-ms-flex-align: none;
		-webkit-align-items: none;
		align-items: baseline;
	}

	.swiper01_m .swiper-slide span {
		font-size: 25px;
		font-weight: 700;
		display: block;
		border-bottom: 1px #003471 solid;
		margin-bottom: 10px;
		color: #003471;
		padding-bottom: 8px;
		margin-top: 5px;
		text-align: center;
	}

	.swiper01_m .swiper-slide .history {
		padding: 0 10px;
		text-align: center;
		font-size: 14px;
		line-height: 25px;
	}

	/*03.Benefits*/
	.content03 {
		width: 100%;
		padding-bottom: 0px;
		background-color: #e9f2f6;
		text-align: center;
	}

	.swiper02 {
		display: none;
	}

	.swiper02_m {
		display: block;
		margin-top: 30px;
	}

	.swiper02_m .swiper-wrapper {
		height: 580px;
	}

	.swiper02_m .slide_txt {
		width: 90%;
		margin-left: 0;
		padding-right: 0;
		text-align: center;
		line-height: 37px;
	}

	.swiper02_m .slide_txt h1 {
		font-size: 16px;
		line-height: 27px;
		font-weight: 700;
		color: #003471;
		margin-top: 10px;
	}

	.swiper02_m .slide_txt h1 span {
		display: inline-block;
		background: #333;
		padding: 1px 15px;
		border-radius: 35px;
		color: #fff;
		letter-spacing: 0px;
		margin-bottom: 8px;
		font-weight: 500;
		font-size: 16px;
	}

	.swiper02_m .slide_txt ul {}

	.swiper02_m .slide_txt ul li {
		width: 92%;
		background-color: #d5e6f7;
		padding: 6px 4%;
		font-size: 14px;
		margin-bottom: 12px;
		border-radius: 6px;
		font-weight: 500;
		color: #6072ac;
		line-height: 20px;
	}

	.swiper02_m .slide_img {
		width: 100%;
		margin-right: 0;
	}

	.swiper02_m .slide_img img {
		width: 100%;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 45px !important;
		left: 0;
		width: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff0;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: baseline;
		align-items: baseline;
	}

	/*04. Reference*/
	.content04 {
		width: 100%;
		padding: 10px 0 70px 0;
		overflow: hidden;
		text-align: center;
		background: url(../images/shop_refr_bg.png) 55px 0 no-repeat, linear-gradient(#fff 60%, #f1f1f1 40%);
		background-size: 275px auto;
	}

	.refer_l {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.refer_r {
		float: left;
		width: 100%;
		margin-top: 20px;
	}

	.refer_box li {
		text-align: left;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 1px 5px 17px #e8e8e8;
		padding: 15px;
		font-size: 15px;
		box-sizing: border-box;
		word-break: keep-all;
		margin-bottom: 20px;
	}

	.refer_box li:last-child {
		margin-bottom: 0;
	}

	.refer_box li h1 {
		font-size: 18px;
		color: #003471;
		font-weight: 700;
		line-height: 25px;
	}

	.refer_box li span {
		color: #999;
		font-weight: 700;
	}


	/*05.cerrification*/
	.content05 {
		width: 100%;
		padding-bottom: 50px;
		background-color: #fff;
		overflow: hidden;
		text-align: center;
	}

	.certi {
		width: 80%;
		height: 405px;
		margin: auto;
		padding: 40px 10% 70px 10%;
		border-radius: 0 0 10px 10px;
		background: url("../images/certi_bg.png") no-repeat;
		background-color: #003471;
		background-size: cover;
		margin-top: -1px;
	}

	.certi_txt h1 {
		font-size: 16px;
		font-weight: 700;
		line-height: 25px;
		margin-bottom: 0;
		color: #fff;
	}

	.certi_tit .sub_txt {
		margin-bottom: 0;
		color: #adb7d7;
		padding: 0 10px;
	}

	.certi_img {
		float: left;
		width: 100%;
		height: 180px;
		background-color: #fff;
		border-radius: 10px 10px 0 0;
		overflow: hidden;
	}

	.certi_img img {
		width: 100%;
	}

	.certi_txt {
		float: left;
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #4e68bb;
		border-radius: 0 0 10px 10px;
		color: #fff;
		font-size: 14px;
		padding: 10px 10px 20px 10px;
		box-sizing: border-box;
		font-weight: 300;
		line-height: 14px;
	}

	.certi_txt span {
		color: #a0b2ed;
	}

	/*05.CONTACT US*/
	.contact {
		width: 100%;
		padding: 50px 0 100px 0;
		background-color: #f1f1f1;
		background: cover;
		text-align: center;
		overflow: hidden;
	}

	.inputbox_l {
		width: 30%;
		float: left;
		text-align: left;
	}

	.inputbox_r {
		width: 68%;
		float: right;
		text-align: left;
	}

	.btn_area {
		width: 100%;
		float: left;
		margin-top: 10px;
	}

	.proposal_down {
		width: 300px;
		margin: 0 auto;
		margin-bottom: 30px;
		height: 45px;
		line-height: 45px;
		border: 2px #fe5f40 solid;
		color: #fe5f40;
		border-radius: 25px;
	}

	.contact_info {
		margin-bottom: 50px;
	}

	.contact_info b {
		display: block;
	}

	.contact_info span {
		width: 50%;
		padding: 10px 0;
		display: inline-block;
		border-bottom: 1px #999 solid;
		margin-left: 20px;
		font-size: 20px;
		letter-spacing: -1px;
	}

	/*05.CONTACT US*/
	.contact {
		width: 100%;
		padding: 0px 0 100px 0;
		background-color: #f1f1f1;
		background: cover;
		text-align: center;
		overflow: hidden;
	}

	.inputbox_l {
		width: 100%;
		float: left;
		text-align: left;
	}

	.inputbox_r {
		width: 100%;
		float: right;
		text-align: left;
	}

	.btn_area {
		width: 100%;
		float: left;
		margin-top: 10px;
	}

	.proposal_down {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 16px;
		height: 40px;
		line-height: 42px;
		border: 1px #fe5f40 solid;
		color: #fe5f40;
		border-radius: 25px;
	}

	.contact_info {
		margin-bottom: 50px;
	}

	.contact_info b {
		display: block;
	}

	.contact_info span {
		width: 80%;
		padding: 10px 0;
		display: inline-block;
		border-bottom: 1px #999 solid;
		margin-left: 20px;
		font-size: 18px;
		letter-spacing: -1px;
	}

	.btn_area button {
		width: 100%;
		margin-top: 10px;
		float: right;
		font-size: 18px;
		letter-spacing: -1px;
	}

	/*Footer*/
	footer {
		background-color: #3f3f3f;
		padding: 40px 0;
		width: auto;
	}

	select {
		margin-bottom: 10px;
	}

	.inner_footer {
		display: none;
	}

	.inner_footer_m {
		display: block;
	}

	.inner_footer_m a {
		color: #a7a7a7;
	}

	.inner_footer_m .footer_cont {
		width: 100%;
	}

	.inner_footer_m .footer_info {
		color: #a7a7a7;
		font-size: 14px;
	}

	.inner_footer_m .footer_logo_wrap {
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.inner_footer_m .txt_bar {
		margin: 0 10px;
	}


}