@charset "utf-8";

/* section style */
.wr-section {padding:80px 0}
.wr-section:after {clear:both; display:table; content:''}
.wr-section > .inner {max-width:1300px; margin:0 auto; padding:0 50px; overflow:hidden}
.wr-section > .inner > .title {text-align:center; margin-bottom:60px}
.wr-section > .inner > .title.left {text-align:left !important}
.wr-section > .inner > .title h2 {font-size:36px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:15px}
.wr-section > .inner > .title.underline h2:after {display:block; margin:15px auto; width:25%; height:2px; content:''; background:#555}
.wr-section > .inner > .title p {color:#999; line-height:1.75; width:50%; margin:auto}
.wr-section > .inner > .title p.color-orange {color:#ee8e37}

/* column style (pc) */
*[class^=col-]:after {clear:both; display:table; content:''}
*[class^=col-] {margin:0 -15px}
*[class^=col-] > li {float:left; padding:0 15px}
.col-lg-2 > li {width:50%}
.col-lg-3 > li {width:33.333334%}
.col-lg-4 > li {width:25%}
.col-lg-5 > li {width:20%}
.col-lg-6 > li {width:16.666666666%}
.col-lg-7 > li {width:14.2857142%}
.col-lg-8 > li {width:12.5%}
.col-wide {margin-left:0 !important; margin-right:0 !important}
.col-half {max-width:660px; margin:auto !important}
.col-half > li {padding-left:0 !important; padding-right:0 !important}

/* button style */
.btn {display:inline-block; padding:0 20px; font-family:inherit !important; font-size:13px; height:35px; line-height:33px; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle; transition:all .3s ease}
.btn.btn-default {color:#555 !important; background:#fff}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {background:#f4f4f4}
.btn.btn-light {color:#000 !important; border-color:#fff; background:#fff}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active {color:#fff !important; border-color:#333; background:#333}
.btn.btn-success {color:#fff !important; border-color:#0e91d9; background:#0e91d9}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {border-color:#333; background:#333}
.btn.btn-grey {color:#fff !important; border-color:#a2a8af; background:#a8aeb6}
.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active {border-color:#8c95a1; background:#919ba9}

.btn.btn-ghost {color:#fff !important; border-color:rgba(255, 255, 255, .3); border-radius:0 !important; background:transparent !important}
.btn.btn-ghost:hover, btn.btn-ghost:focus, btn.btn-ghost:active {color:#000 !important; border-color:#fff !important; background:#fff !important}

/* button size */	
.btn.btn-sm {font-size:12px; line-height:28px; height:30px; padding:0 15px}
.btn.btn-lg {line-height:30px; height:30px; padding:0 30px; border-width:2px}
.btn.btn-xlg {font-size:13px; line-height:44px; height:44px; padding:0 40px; border-width:1px}
.btn.btn-slim {border-width:1px !important}

/* button fontawesome icon */
.btn i {margin:0 5px 0 0 ; vertical-align:-1px}
.btn i.right {margin:0 0 0 5px}


/* media query */
@media screen and (max-width:1024px) {
	/* section style */
	.wr-section > .inner > .title h2 {font-size:28px}
	.wr-section > .inner > .title p {width:80%}

	/* column style (tablet) */
	.col-md-1 {margin-left:0; margin-right:0}
	.col-md-1 > li {width:100%; padding-left:0 !important; padding-right:0 !important}
	.col-md-2 > li {width:50%}
	.col-md-3 > li {width:33.333334%}
	.col-md-4 > li {width:25%}
	.col-md-5 > li {width:20%}
	.col-md-6 > li {width:16.666666666%}
	.col-md-7 > li {width:14.2857142%}
	.col-md-8 > li {width:12.5%}
}

@media screen and (max-width:768px) {
	/* section style */
	.wr-section {padding:50px 0}
	.wr-section > .inner {padding:0 20px}
	.wr-section > .inner > .title {margin-bottom:40px}
	.wr-section > .inner > .title h2 {font-size:18px}
	.wr-section > .inner > .title p {font-size:13px; width:100%}

	/* column style (mobile) */
	.col-sm-1 {margin-left:0; margin-right:0}
	.col-sm-1 > li {width:100%; padding-left:0 !important; padding-right:0 !important}
	.col-sm-2 > li {width:50%}
	.col-sm-3 > li {width:33.333334%}
	.col-sm-4 > li {width:25%}
	.col-sm-5 > li {width:20%}
	.col-sm-6 > li {width:16.666666666%}
	.col-sm-7 > li {width:14.2857142%}
	.col-sm-8 > li {width:12.5%}
	.col-half {max-width:100%}
}