@charset "euc-kr";
/* section style */
.wr-section {padding:80px 0}
.wr-section:after {clear:both; display:block; content:''}
.wr-section > .inner {max-width:1200px; margin:0 auto; 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; w_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 {w_color:#999; line-height:1.75; width:50%; margin:auto}
.wr-section > .inner > .title p.w_color-orange {w_color:#ee8e37}
/* w_column style (pc) */
*[class^=w_col-]:after {clear:both; display:table; content:''}
*[class^=w_col-] {margin:0 -15px}
*[class^=w_col-] > li {float:left; padding:0 15px}
.w_col-lg-2 > li {width:50%}
.w_col-lg-3 > li {width:33.333334%}
.w_col-lg-4 > li {width:25%}
.w_col-lg-5 > li {width:20%}
.w_col-lg-6 > li {width:16.666666666%}
.w_col-lg-7 > li {width:14.2857142%}
.w_col-lg-8 > li {width:12.5%}
.w_col-wide {margin-left:0 !important; margin-right:0 !important}
.w_col-half {max-width:660px; margin:auto !important}
.w_col-half > li {padding-left:0 !important; padding-right:0 !important}
/* button style */
.btn {display:inline-block; padding:0 25px; 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 {w_color:#555 !important; background:#fff}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {background:#f4f4f4}
.btn.btn-light {w_color:#000 !important; border-w_color:#fff; background:#fff}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active {w_color:#fff !important; border-w_color:#000; background:#000}
.btn.btn-success {w_color:#fff !important; border-w_color:#50b35a; background:#50b35a}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {border-w_color:#4c9a54; background:#4c9a54}
.btn.btn-grey {w_color:#fff !important; border-w_color:#a2a8af; background:#a8aeb6}
.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active {border-w_color:#8c95a1; background:#919ba9}
.btn.btn-ghost {w_color:#fff !important; border-w_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 {w_color:#000 !important; border-w_color:#fff !important; background:#fff !important}
/* button size */ 
.btn.btn-sm {line-height:33px; height:35px; padding:0 20px}
.btn.btn-lg {line-height:41px; height:45px; padding:0 30px; border-width:2px}
.btn.btn-xlg {font-size:15px; line-height:44px; height:50px; padding:0 40px; border-width:3px}
.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:1280px) {
 .wr-section > .inner {padding:0 50px}
}
@media screen and (max-width:1024px) {
 /* section style */
 .wr-section > .inner > .title h2 {font-size:28px}
 .wr-section > .inner > .title p {width:80%}
 /* w_column style (tablet) */
 .w_col-md-1 {margin-left:0; margin-right:0}
 .w_col-md-1 > li {width:100%; padding-left:0 !important; padding-right:0 !important}
 .w_col-md-2 > li {width:50%}
 .w_col-md-3 > li {width:33.333334%}
 .w_col-md-4 > li {width:25%}
 .w_col-md-5 > li {width:20%}
 .w_col-md-6 > li {width:16.666666666%}
 .w_col-md-7 > li {width:14.2857142%}
 .w_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 30px}
 .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%}
 /* w_column style (mobile) */
 .w_col-sm-1 {margin-left:0; margin-right:0}
 .w_col-sm-1 > li {width:100%; padding-left:0 !important; padding-right:0 !important}
 .w_col-sm-2 > li {width:50%}
 .w_col-sm-3 > li {width:33.333334%}
 .w_col-sm-4 > li {width:25%}
 .w_col-sm-5 > li {width:20%}
 .w_col-sm-6 > li {width:16.666666666%}
 .w_col-sm-7 > li {width:14.2857142%}
 .w_col-sm-8 > li {width:12.5%}
 .w_col-half {max-width:100%}
}