@charset "utf-8";

/* section style */
.wr-section {padding:80px 0}
.wr-section:after {clear:both; display:table; content:''}
.wr-section > .inner {max-width:1270px; margin:0 auto; padding:0 0px; 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 0px}
*[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:14.3%}
.col-lg-7 > li {width:11.9%}
.col-lg-8 > li {width:10.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}

.wr-section.typeProcess {}
.wr-section.typeProcess > .inner > ul > li {position:relative; text-align:center}
.wr-section.typeProcess > .inner > ul > li:after {position:absolute; top:25%; right:-5px; font-family:'FontAwesome'; font-size:30px; color:#dedede; content:'\f105'; margin-top:-9px}
.wr-section.typeProcess > .inner > ul > li:last-child:after {display:none; content:''}
.wr-section.typeProcess > .inner > ul > li .iconArea {margin:auto auto 20px auto; max-width:140px}
.wr-section.typeProcess > .inner > ul > li .iconArea img {display:block; width:100%}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:16px; font-weight:600; color:#555; letter-spacing:-1px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:block; width:20px; height:2px; margin:15px auto; content:''; background:#666}
.wr-section.typeProcess > .inner > ul > li .infoArea p {color:#888; line-height:1.75}


/* media query */
@media screen and (max-width:1270px) {
/* 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:40%}
.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%}

/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
.wr-section.typeProcess > .inner > ul > li {margin-bottom:30px}
}



@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%}

/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
.wr-section.typeProcess > .inner > ul > li {margin-bottom:50px}
.wr-section.typeProcess > .inner > ul > li:last-child {margin-bottom:0}
.wr-section.typeProcess > .inner > ul > li:after {font-size:40px; color:#aaa; top:inherit; bottom:-44px; right:50%; margin-right:-12px; content:'\f107'}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:14px; margin-bottom:5px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:none}
.wr-section.typeProcess > .inner > ul > li .infoArea p {font-size:12px}

}