@charset "UTF-8";
/* Scss Document */
.quick a, .link ul li > div a, .case .tabarea .swiper-container div.swiper-wrapper div.contents a, .review div.title a, .review .review-main div.contents a, .benefits ul li a, .price ul li a, .column ul li a, .counseling ul li a, .people div a, .s_smart .tabarea div a { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }

.wrap { display: table; width: 100%; min-height: 100%; max-height: 100%; height: 100%; }

.quick { position: fixed; right: 30px; bottom: 100px; z-index: 600; }
.quick div { width: 105px; height: 105px; border-radius: 50%; background: #dde0e5 url("../images/customermanOn.png") -325px -50px no-repeat; }
.quick div h1 { opacity: 0; font-size: 16px; line-height: 16px; color: #111; font-weight: bold; text-align: left; margin: 0 0 0 140px; padding: 40px 0 10px; }
.quick div h2 { opacity: 0; font-size: 12px; line-height: 12px; color: #111; font-weight: normal; text-align: left; margin: 0 0 0 140px; padding: 0 0 0px; letter-spacing: -1px; }
.quick ul { position: relative; }
.quick ul li { opacity: 0; position: absolute; right: 10px; top: -90px; background: #3c5a98; border-radius: 10px; font-size: 13px; line-height: 13px; color: #fff; font-weight: normal; margin: 0; padding: 11px 9px; }
.quick ul li span { position: absolute; left: 54px; top: 33px; width: 0; height: 0; border-top: 10px solid #3c5a98; border-right: 10px solid transparent; z-index: 15; }
.quick ul li:nth-child(2n) { background: #b85708; }
.quick ul li:nth-child(2n) span { border-top: 10px solid #b85708; border-right: 10px solid transparent; }

#ch-plugin-core { bottom: 105px !important; display: none  !important; }
#ch-plugin { bottom: 105px !important; display: none  !important; }
.notranslate{ display: none  !important; }


.mask { position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 50; }

.popup { width: 100%; background: #115390; display: none; }
.popup div.popContents { position: relative; width: 1400px; margin: 0 auto; height: 90px; text-align: center; background: url("../images/popup.png") 130px 0px no-repeat; line-height: 90px; }
.popup div.popContents h1 { display: inline-block; font-size: 22px; line-height: 22px; color: #fff; font-weight: lighter; margin: 0 15px 0 0; padding: 0px 0px 0px 0px; vertical-align: middle; }
.popup div.popContents h2 { position: relative; display: inline-block; font-size: 22px; line-height: 22px; color: #fff; padding: 0px 0px 0px 0px; z-index: 1; vertical-align: middle; }
.popup div.popContents h2:after { content: ''; position: absolute; left: 0px; bottom: -4px; width: 100%; height: 4px; background: #1e85e4; }
.popup div.popContents h2:after { z-index: -1; }
.popup div.popContents h3 { display: inline-block; height: 30px; width: 56px; border-radius: 35px; background: #1e85e4; margin: 0 0 0 10px; font-size: 13px; color:#fff;
line-height: 30px; vertical-align: middle; }
.popup div.popContents input { position: absolute; right: 38px; top: 38px; width: 18px; height: 18px; }
.popup div.popContents label { position: absolute; right: 60px; top: 41px; font-size: 12px; line-height: 12px; color: #fff; font-weight: lighter; margin: 0 0px 0 0; padding: 0px 0px 0px 0px; opacity: 0.6; }
.popup div.popContents > a.btnclose { position: absolute; right: 0px; top: 27px; width: 40px; height: 40px; background: url("../images/closelight.png") 50% 50% no-repeat; cursor: pointer; opacity: 0.6; }

header { position: relative; width: 100%; height: 850px; overflow: hidden; }
header .mainnavi { position: absolute; width: 100%; left: 0px; top: 0px; text-align: center; padding-top: 30px; z-index: 500; }
header .mainnavi div { display: inline-block; width: 1400px; height: 80px; }
header .mainnavi div > a { display: inline-block; width: 180px; height: 80px; background: url("../images/logo.png") 50% 50% no-repeat; }
header .mainnavi div ul { display: inline-block; width: 1090px; margin: 0 0 0 120px; vertical-align: top; }
header .mainnavi div ul li { display: inline-block; font-size: 18px; line-height: 80px; color: #fff; font-weight: bold; text-align: left; padding: 0 30px 0; }
header .subnavi { position: absolute; width: 100%; left: 0; top: 0; width: 100%; padding-top: 30px; text-align: center; z-index: 40; }
header .subnavi div { display: inline-block; width: 1400px; height: 80px; background: #fff; }
header .subnavi div > a { display: inline-block; width: 180px; height: 80px; background: url("../images/sublogo.png") 50% 50% no-repeat; }
header .subnavi div ul { display: inline-block; width: 1090px; margin: 0 0 0 120px; vertical-align: top; }
header .subnavi div ul li { display: inline-block; font-size: 18px; line-height: 80px; color: #333; font-weight: bold; text-align: left; padding: 0 30px 0; }
header #myVideo { position: absolute; top: 0; left: 50%; min-width: 100%; height: auto; z-index: 100; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
header #currentTime { display: none; }
header .maintext { width: 100%; height: 850px; position: absolute; left: 0p; top: 0; z-index: 400; overflow: hidden; color: #fff; }
header .maintext div.slider div.maintextBox { height: 850px; margin: 0 auto; }
header .maintext div.slider div.maintext01 > div { position: absolute; left: 50%; top: 470px; height: 600px; width: 100%; margin-left: -300px; }
header .maintext div.slider div.maintext02 > div { position: absolute; left: 50%; top: 520px; height: 600px; width: 100%; margin-left: -300px; }
header .maintext div.slider div.maintext03 > div { position: absolute; left: 50%; top: 550px; height: 600px; width: 100%; margin-left: -300px; }
header .maintext div.slider h2 { font-family: 'Nanum Myeongjo', serif; font-size: 36px; line-height: 54px; color: #fff; font-weight: 250; text-align: 0 auto; }
header .maintext div.slider h3 { font-size: 18px; line-height: 18px; color: #fff; font-weight: lighter; text-align: left; margin: 20px auto 0; }
header .subtext { width: 100%; position: absolute; left: 0p; top: 0; z-index: 35; overflow: hidden; color: #fff; }
header .subtext h1 { width: 100%; font-size: 40px; line-height: 40px; color: #333; font-weight: lighter; text-align: center; padding: 177px 0px 30px 0px; }
header .subtext h2 { width: 100%; font-size: 18px; line-height: 18px; color: #333; font-weight: lighter; text-align: center; padding: 0px 0px 70px 0px; }
header .subtext h3 { width: 1280px; font-size: 30px; line-height: 30px; color: #333; font-weight: lighter; text-align: left; margin: 0 auto; padding: 214px 0px 70px 0px; }

header.subhead { height: 350px; }

.number { width: 100%; }
.number h1 { font-size: 30px; line-height: 30px; color: #333; font-weight: bold; text-align: center; padding: 90px 0px 70px 0px; }
.number ul { width: 1400px; font-size: 0; margin: 0 auto; }
.number ul li { display: inline-block; width: 465px; height: 210px; text-align: center; margin: 0 2px 0 0; }
.number ul li span { display: inline-block; vertical-align: middle; }
.number ul li span:nth-child(1) { font-size: 15px; line-height: 210px; color: #fff; font-weight: bold; vertical-align: -11px; }
.number ul li span:nth-child(2) { font-size: 60px; line-height: 210px; color: #fff; font-weight: bold; padding: 0 0 0 15px; }
.number ul li span:nth-child(3) { font-size: 22px; line-height: 210px; color: #fff; font-weight: bold; padding: 0 0 0 7px; vertical-align: -14px; }
.number ul li:nth-child(1) { background: url("../images/number01bg.png") 50% 50% no-repeat; }
.number ul li:nth-child(2) { background: url("../images/number02bg.png") 50% 50% no-repeat; }
.number ul li:nth-child(3) { background: url("../images/number03bg.png") 50% 50% no-repeat; margin: 0; }

.link { position: relative; }
.link h1 { font-size: 50px; line-height: 50px; color: #333; font-weight: bold; text-align: center; padding: 180px 0px 29px 0px; }
.link h2 { font-size: 20px; line-height: 20px; color: #333; font-weight: lighter; text-align: center; padding: 0px 0px 70px 0px; }
.link img { position: absolute; left: 44%; top: -89px; margin: 0 0 0 -585px; z-index: 50; }
.link ul { width: 100%; margin: 0 auto; font-size: 0; }
.link ul li { position: relative; display: inline-block; width: 50%; height: 410px; vertical-align: top; }
.link ul li:nth-child(1) { background: #184067; text-align: right; }
.link ul li:nth-child(1):after { content: ''; position: absolute; right: 0px; top: 0px; width: 0px; height: 410px; background: #fff; }
.link ul li:nth-child(2) { background: #5e5d59 url("../images/link02bg.png") left 50% no-repeat; margin: 0; text-align: left; }
.link ul li:nth-child(2) div { padding: 0 0 0 70px; -webkit-box-shadow: border-box; box-shadow: border-box; }
.link ul li:nth-child(2) span:last-child { background: #f8f3f3; }
.link ul li:nth-child(2) span:last-child input { border-bottom: 1px solid #5a2d19; }
.link ul li:nth-child(2) span:last-child button { background: #5a2d19; color: #fff; font-weight: normal; }
.link ul li:nth-child(2) span:last-child a { border: 2px solid #5a2d19; color: #5a2d19; }
.link ul li > div { position: relative; display: inline-block; width: 640px; text-align: left; }
.link ul li > div h3 { font-size: 42px; line-height: 42px; color: #fff; font-weight: bold; text-align: left; padding: 95px 0px 10px 0px; }
.link ul li > div h4 { background: url("../images/linkarrow.png") 120px 50% no-repeat; font-size: 18px; line-height: 90px; color: #fff; margin: 0 0 30px 0; }
.link ul li span { display: block; width: 100%; height: 145px; background: #f3f9ff; }
.link ul li span div { display: inline-block; width: 640px; text-align: left; line-height: 145px; }
.link ul li span div input { position: relative; width: 200px; margin: 0 20px 0 0; padding: 17px 20px 17px 13px; font-size: 18px; color: #333; font-weight: bold; vertical-align: middle; outline: 0; border-width: 0 0 1px; border-color: #184067; background: #fff; }
.link ul li span div input:focus::-webkit-input-placeholder { color: transparent; }
.link ul li span div input:focus:-ms-input-placeholder { color: transparent; }
.link ul li span div input:focus::-ms-input-placeholder { color: transparent; }
.link ul li span div input:focus::placeholder { color: transparent; }
.link ul li span div input::-webkit-input-placeholder { font-size: 14px; color: #999; font-weight: normal; }
.link ul li span div input:-ms-input-placeholder { font-size: 14px; color: #999; font-weight: normal; }
.link ul li span div input::-ms-input-placeholder { font-size: 14px; color: #999; font-weight: normal; }
.link ul li span div input::placeholder { font-size: 14px; color: #999; font-weight: normal; }
.link ul li span div button { display: inline-block; width: 175px; height: 58px; background: #184067; font-size: 18px; line-height: 58px; color: #fff; font-weight: normal; text-align: center; margin: 0 10px 0 0; vertical-align: middle; }
.link ul li span div a { display: inline-block; width: 150px; height: 58px; border: 2px solid #184067; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 58px; color: #184067; font-weight: bold; text-align: center; vertical-align: middle; }

.case { width: 1400px; margin: 0 auto; }
.case h1 { font-size: 36px; line-height: 36px; color: #333; font-weight: bold; text-align: center; padding: 150px 0px 30px 0px; }
.case h2 { font-size: 24px; line-height: 36px; color: #555; font-weight: lighter; text-align: center; padding: 0px 0px 70px 0px; }
.case .tabsWrap { width: 100%; }
.case .tabsWrap ul.tabtop { font-size: 0; text-align: center; }
.case .tabsWrap ul.tabtop li { display: inline-block; font-size: 20px; line-height: 20px; color: #333; font-weight: lighter; text-align: center; padding: 10px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.case .tabsWrap ul.tabtop li:nth-child(1) { padding: 10px 36px 10px 0px; }
.case .tabsWrap ul.tabtop li.active span { position: relative; display: inline-block; font-weight: bold; height: 30px; border-bottom: 5px solid #333; }
.case .tabarea { width: 100%; }
.case .tabarea .swiper-container { position: relative; width: 1400px; font-size: 0; margin: 35px auto 115px; height: 455px; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents { position: relative; display: inline-block; width: 260px; height: 375px; margin: 0 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h3 { width: 260px; font-size: 23px; line-height: 26px; color: #0a5b89; font-weight: bold; text-align: left; margin: 0 auto; padding: 40px 0 33px; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h3 span { position: relative; display: inline-block; font-size: 30px; z-index: 1; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h3 span:after { content: ''; position: absolute; left: 0px; top: 24px; width: 100%; height: 6px; background: #e0e7eb; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h3 span:after { z-index: -1; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h4 { width: 260px; font-size: 18px; line-height: 18px; color: #444; font-weight: bold; text-align: left; margin: 0 auto; padding: 0 0 20px; letter-spacing: -1px; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h4 span { display: inline-block; font-size: 13px; color: #999; margin: 10px 0 0 3px; letter-spacing: 0px; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul { width: 260px; margin: 0 auto; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul li { position: relative; font-size: 12px; line-height: 12px; color: #666; padding: 0 0 10px 10px; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul li:after { content: ''; position: absolute; left: 2px; top: 5px; width: 2px; height: 2px; background: #aaa; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul p { display: inline-block; width: 125px; height: 72px; text-align: center; vertical-align: top; color: #fff; margin: 13px 0 0 0; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul p span { display: inline-block; font-size: 12px; margin: 14px 0 0 0; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul p strong { display: block; font-size: 18px; font-weight: bold; margin: 2px 0 0 0; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul p strong.small { display: block; font-size: 15px; font-weight: bold; margin: 5px 0 0 0; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul p.taxbefore { background: #444; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents ul p.taxafter { background: #0e7ab7; }
.case .tabarea .swiper-container div.swiper-wrapper div.contents h5 { width: 100%; font-size: 16px; line-height: 16px; color: #0e7ab7; font-weight: bold; text-align: center; padding: 12px 0 0 0; letter-spacing: 0px; }
.case .tabarea .swiper-container .swiper-button-prev { position: absolute; left: 50%; top: auto; margin: 0 0 0 -60px; bottom: 0px; width: 60px; height: 50px; background: #fff url("../images/btnLeft.png") 50% 50% no-repeat; cursor: pointer; z-index: 10; }
.case .tabarea .swiper-container .swiper-button-next { position: absolute; left: 50%; top: auto; bottom: 0px; width: 60px; height: 50px; background: #fff url("../images/btnRight.png") 50% 50% no-repeat; cursor: pointer; z-index: 10; }

.review { position: relative; width: 100%; height: 570px; background: #f9f9f9; overflow: hidden; }
.review div.title { position: absolute; width: 300px; top: 100px; left: 50%; margin: 0 0 0 -670px; }
.review div.title h1 { font-size: 32px; line-height: 32px; color: #444; font-weight: bold; padding: 60px 0 40px; letter-spacing: -1px; }
.review div.title h5 { width: 225px; font-size: 14px; line-height: 24px; color: #999; }
.review div.title h5 span { display: block; font-size: 22px; line-height: 24px; color: #555; padding: 0 0 10px 0; }
.review div.title i { display: inline-block; position: relative; width: 26px; height: 26px; margin: 40px 0 0 100px; }
.review div.title i:before, .review div.title i:after { content: ""; position: absolute; background: #aaa; }
.review div.title i:before { left: 50%; top: 0px; bottom: 0px; width: 1px; -webkit-transform: translateX(-50.048%); transform: translateX(-50.048%); -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translateZ(0) scale(1, 1); }
.review div.title i:after { top: 50%; left: 0px; right: 0px; height: 1px; -webkit-transform: translateY(-50.048%); transform: translateY(-50.048%); -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translateZ(0) scale(1, 1); }
.review .review-main { position: absolute; left: 50%; top: 100px; margin: 0 0 0 -370px; }
.review .review-main div.contents { width: 320px; height: 370px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.review .review-main div.contents h2 { width: 270px; font-size: 12px; line-height: 12px; color: #999; margin: 0 auto; padding: 29px 0 17px; letter-spacing: -0.5px; }
.review .review-main div.contents h3 { width: 270px; font-size: 16px; line-height: 16px; color: #333; font-weight: bold; margin: 0 auto; padding: 0px 0 10px; letter-spacing: -0.5px; }
.review .review-main div.contents h4 { width: 270px; font-size: 13px; line-height: 22px; color: #555; margin: 0 auto; padding: 0 0 0 0; letter-spacing: -0.5px; }
.review button { position: absolute; width: 50px; height: 50px; text-indent: -99999px; }
.review button.slick-prev { left: 10px; top: 385px; background: url("../images/reviewarrowL.png") 50% 50% no-repeat; z-index: 600; }
.review button.slick-next { left: 55px; top: 385px; background: url("../images/reviewarrowR.png") 50% 50% no-repeat; z-index: 600; }

.benefits { width: 100%; }
.benefits h1 { font-size: 40px; line-height: 40px; color: #222; font-weight: bold; text-align: center; padding: 110px 0px 35px 0px; }
.benefits h2 { font-size: 24px; line-height: 40px; color: #444; font-weight: lighter; text-align: center; }
.benefits ul { width: 1400px; font-size: 0; margin: 90px auto 125px; }
.benefits ul li { position: relative; display: inline-block; width: 442px; height: 415px; border: 1px solid #dadada; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 37px 0 0; text-align: center; vertical-align: top; }
.benefits ul li img { display: inline-block; text-align: center; margin: 55px 0 0 0; }
.benefits ul li h3 { font-size: 28px; line-height: 28px; color: #404b5b; font-weight: bold; text-align: center; padding: 30px 0px 20px 0px; letter-spacing: -1px; }
.benefits ul li h4 { width: 80%; font-size: 16px; line-height: 26px; color: #404b5b; text-align: center; margin: 0 auto; padding: 0px 0px 30px 0px; letter-spacing: -0.75px; }
.benefits ul li h5 { position: relative; display: inline-block; font-size: 22px; line-height: 16px; color: #404b5b; font-weight: bold; text-align: left; margin: 0 auto; padding: 15px 24px 15px 4px; z-index: 1; }
.benefits ul li h5:before { position: absolute; content: ""; right: 5px; top: 20px; width: 20px; height: 20px; background: url("../images/benefitArrow.png") 10px 0px no-repeat; }
.benefits ul li h5:after { position: absolute; content: ""; left: 0px; top: 31px; width: 100%; height: 7px; background: #cedaf3; z-index: -1; }
.benefits ul li:nth-child(3) { margin: 0; }
.benefits ul li a { z-index: 2; }
.benefits ul li.letter { width: 100%; margin: 35px 0 0 0; height: 125px; text-align: left; line-height: 125px; }
.benefits ul li.letter img { margin: 0px 30px 0px 80px; vertical-align: middle; }
.benefits ul li.letter h3 { display: inline-block; padding: 0; margin: 0 30px 0px 0; vertical-align: middle; }
.benefits ul li.letter h4 { display: inline-block; padding: 0; margin: 0; vertical-align: middle; text-align: left; width: auto; margin: 0 50px 0px 0; }
.benefits ul li.letter input { width: 269px; padding: 19px 10px 19px 20px; border: 1px solid #c1c1c1; margin: 0 15px 0px 0; font-size: 18px; vertical-align: middle; }
.benefits ul li.letter input:focus::-webkit-input-placeholder { color: transparent; }
.benefits ul li.letter input:focus:-ms-input-placeholder { color: transparent; }
.benefits ul li.letter input:focus::-ms-input-placeholder { color: transparent; }
.benefits ul li.letter input:focus::placeholder { color: transparent; }
.benefits ul li.letter button { display: inline-block; width: 275px; height: 60px; background: #184067; color: #fff; vertical-align: middle; font-size: 16px; font-weight: bold; }

.price { width: 100%; background: #5a616c; padding: 0 0 125px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.price h1 { font-size: 40px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; padding: 115px 0px 35px 0px; }
.price ul { width: 1280px; margin: 45px auto 0; font-size: 0; background: #fff; }
.price ul li { position: relative; display: inline-block; width: 33.3%; height: 270px; }
.price ul li:after { content: ''; position: absolute; left: 428px; top: 30px; width: 1px; height: 210px; background: #ddd; }
.price ul li h2 { font-size: 26px; line-height: 26px; color: #000; font-weight: bold; text-align: center; padding: 50px 0px 20px 0px; letter-spacing: -1px; }
.price ul li h3 { font-size: 17px; line-height: 17px; color: #777; text-align: center; padding: 0px 0px 30px 0px; letter-spacing: -1px; }
.price ul li div { position: relative; font-size: 0; text-align: center; }
.price ul li div span { display: inline-block; border-radius: 13px; vertical-align: middle; }
.price ul li div span:nth-child(1) { width: 45px; font-size: 14px; line-height: 14px; color: #fff; text-align: center; padding: 5px 0px 6px; }
.price ul li div span:nth-child(2) { font-size: 42px; line-height: 42px; color: #333; font-weight: bold; text-align: center; margin: 0 0 0 15px; padding: 0px 0px; vertical-align: -16px; }
.price ul li div span:nth-child(3) { font-size: 20px; line-height: 20px; color: #333; font-weight: bold; text-align: center; margin: 0 0 0 3px; padding: 0px 0px; }
.price ul li div p { font-size: 12px; line-height: 12px; color: #aaa; text-align: center; padding: 10px 0px 0px; }
.price ul li div span.pricebg01 { background: #cc6b94; }
.price ul li div span.pricebg02 { background: #a76ac3; }
.price ul li div span.pricebg03 { background: #6773cb; }
.price ul li div span.pricebg04 { background: #509aaf; }
.price ul li div span.pricebg05 { background: #63a98f; }
.price ul li div span.pricebg06 { background: #7a9159; }
.price ul li div:after { content: '가격 자세히보기'; position: absolute; left: 172px; top: 45px; font-size: 12px; line-height: 12px; color: #aaa; text-align: center; padding: 10px 0px 0px; }
.price ul li:last-child:after { display: none; }

.anywhere { width: 100%; height: 360px; margin: 0 auto 0; font-size: 0; background: #41362b url("../images/anywhereBg.png") center top no-repeat; }
.anywhere h1 { width: 1280px; font-size: 36px; line-height: 30px; color: #fff; font-weight: lighter; margin: 0 auto; padding: 132px 0px 20px 0px; }
.anywhere h2 { position: relative; width: 1280px; font-size: 22px; line-height: 38px; color: #fff; margin: 0 auto; padding: 0px 0px 0px 0px; }
.anywhere h2 img { position: absolute; left: 690px; top: -110px; }

.column { width: 1280px; margin: 140px auto 0; font-size: 0; }
.column div { display: inline-block; width: 290px; margin: 0px 0 0 0; }
.column div p { width: 240px; height: 2px; background: #333; }
.column div h1 { display: block; width: 240px; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; text-align: right; padding: 40px 20px 0 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.column div a.more { display: inline-block; width: 36px; height: 36px; background: #373839 url("../images/plus.png") 50% 50% no-repeat; margin: 30px 0 0 100px; }
.column ul { display: inline-block; width: 960px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
.column ul li { position: relative; display: inline-block; width: 280px; height: 300px; margin: 0 50px 0 0; vertical-align: top; border-top: 1px solid #555; text-align: center; }
.column ul li h2 { width: 270px; font-size: 17px; line-height: 30px; color: #333; font-weight: bold; text-align: left; padding: 40px 0px 10px 0px; letter-spacing: -1px; }
.column ul li h3 { width: 270px; font-size: 13px; line-height: 24px; color: #666; text-align: left; padding: 0px 50px 0px 0px; }
.column ul li h3 strong { font-weight: normal; }
.column ul li h4 { display: none; }
.column ul li span { display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: #f6f6f6 url("../images/iconsearch.png") 50% 50% no-repeat; margin: 20px 0 0 0; }
.column ul li:last-child { margin: 0; }

.counseling { width: 1280px; margin: 15px auto 100px; font-size: 0; }
.counseling div { display: inline-block; width: 290px; margin: 0px 0 0 0; }
.counseling div p { width: 240px; height: 2px; background: #333; }
.counseling div h1 { display: block; width: 240px; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; text-align: right; padding: 40px 20px 0 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.counseling div a.more { display: inline-block; width: 36px; height: 36px; background: #373839 url("../images/plus.png") 50% 50% no-repeat; margin: 30px 0 0 100px; }
.counseling ul { display: inline-block; width: 960px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
.counseling ul li { position: relative; display: inline-block; width: 280px; height: 300px; margin: 0 50px 0 0; vertical-align: top; border-top: 1px solid #555; text-align: center; }
.counseling ul li h2 { position: relative; font-size: 17px; line-height: 28px; color: #111; font-weight: bold; text-align: left; margin: 0; padding: 50px 0px 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.5px; }
.counseling ul li h2:after { content: 'Q'; position: absolute; left: 7px; top: 50px; width: 28px; height: 28px; font-size: 26px; line-height: 30px; color: #111; font-weight: bold; text-align: left; }
.counseling ul li h3 { position: relative; font-size: 13px; line-height: 24px; color: #666; font-weight: normal; text-align: left; margin: 0; padding: 0px 0px 0px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.counseling ul li h3:after { content: 'A'; position: absolute; left: 7px; top: 0; width: 28px; height: 28px; font-size: 26px; line-height: 30px; color: #ddd; font-weight: bold; text-align: left; }
.counseling ul li span { display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: #f6f6f6 url("../images/iconsearch.png") 50% 50% no-repeat; margin: 20px 0 0 0; }
.counseling ul li:last-child { margin: 0; }

.counselingPop { position: fixed; display: none; left: 50%; top: 50%; width: 700px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 50px 0; z-index: 60; }
.counselingPop .qWrap { background: #166bb5; height: 90px; font-size: 0; text-align: center; }
.counselingPop .qWrap span { display: inline-block; width: 60px; height: 30px; border-right: 2px solid #fff; font-size: 45px; line-height: 27px; color: #fff; font-weight: bold; text-align: center; margin: 30px 15px 0 0px; padding: 0; }
.counselingPop .qWrap h1 { display: inline-block; width: 560px; height: 80px; font-size: 20px; line-height: 92px; color: #fff; font-weight: bold; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -1px; }
.counselingPop .aWrap { font-size: 0; text-align: center; }
.counselingPop .aWrap span { display: inline-block; width: 60px; height: 30px; border-right: 2px solid #444; font-size: 45px; line-height: 27px; color: #444; font-weight: bold; text-align: center; margin: 30px 15px 0 0px; padding: 0; }
.counselingPop .aWrap span.blank { border: 0; }
.counselingPop .aWrap h2 { display: inline-block; width: 560px; font-size: 14px; line-height: 26px; color: #444; font-weight: normal; text-align: left; margin: 0 auto; padding: 30px 0 0 0px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.5px; }
.counselingPop .aWrap h2 strong { display: inline-block; padding: 8px 0 0 0; }
.counselingPop .aWrap h3 { display: inline-block; width: 560px; font-size: 14px; line-height: 26px; color: #728a9f; font-weight: normal; text-align: left; margin: 0 auto; padding: 30px 0 0 0px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.5px; }
.counselingPop p.close { position: absolute; display: block; right: 0; top: -60px; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.4) url("../images/close.png") 50% 50% no-repeat; cursor: pointer; }

.best { position: relative; width: 100%; height: 905px; background: #f4faff; overflow: hidden; }
.best h1 { font-size: 46px; line-height: 46px; color: #333; font-weight: bold; text-align: center; padding: 110px 0 25px; letter-spacing: -1px; }
.best h2 { font-size: 22px; line-height: 22px; color: #444; text-align: center; }
.best .review-main02 { position: relative; margin: 60px auto 0; width: 1280px; height: 550px; }
.best .review-main02 div.contents { position: relative; width: 100%; height: 520px; }
.best .review-main02 div.contents img { position: relative; left: 0px; top: 0px; }
.best .review-main02 div.contents ul { position: absolute; width: 550px; height: 480px; left: 710px; top: 10px; background: #2b7ecd; }
.best .review-main02 div.contents ul h5 { display: inline-block; font-size: 39px; line-height: 34px; color: #fff; font-weight: lighter; margin: 0 0 60px 10%; padding: 54px 0 0 0; border-bottom: 4px solid #56a6ef; }
.best .review-main02 div.contents ul h5 > span { font-family: 'Nanum Pen Script'; display: inline-block; font-size: 35px; font-weight: 200; vertical-align: middle; }
.best .review-main02 div.contents ul h5 > span:first-child { font-size: 60px; margin: 0 7px 0 0; }
.best .review-main02 div.contents ul h3 { width: 80%; font-size: 22px; line-height: 34px; color: #fff; font-weight: lighter; margin: 0 auto; padding: 0 0 19px 0; letter-spacing: -0.75px; }
.best .review-main02 div.contents ul h4 { width: 80%; font-size: 32px; line-height: 32px; color: #fff; font-weight: bold; margin: 0 auto; padding: 0 0 35px 0; letter-spacing: -0.75px; }
.best .review-main02 div.contents ul li { width: 80%; position: relative; font-size: 18px; line-height: 26px; color: #fff; font-weight: lighter; margin: 0 auto 10px; padding: 0 0 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.best .review-main02 div.contents ul li:after { content: ''; position: absolute; left: 0px; top: 5px; width: 30px; height: 60px; background: url("../images/bestcheck.png") 0px 0px no-repeat; }
.best .review-main02 div.contents ul div.label { background: red; position: absolute; top: 0px; right: 20px; width: 120px; height: 160px; background: url("../images/label.png") 50% 50% no-repeat; }
.best .review-main02 div.contents ul div.label span { display: block; font-size: 46px; line-height: 34px; color: #fff; font-weight: bold; text-align: center; padding: 32px 0 13px 0; }
.best .review-main02 div.contents ul div.label strong { display: block; font-size: 20px; line-height: 20px; color: #fff; font-weight: lighter; text-align: center; }
.best button { position: absolute; width: 50px; height: 50px; left: 50%; bottom: 0px; text-indent: -99999px; }
.best button.slick-prev { margin: 0 0 0 510px; background: url("../images/reviewarrowL.png") 50% 50% no-repeat; z-index: 600; }
.best button.slick-next { margin: 0 0 0 560px; background: url("../images/reviewarrowR.png") 50% 50% no-repeat; z-index: 600; }
/*
.people { position: relative; width: 100%; height: 390px; background: url("../images/peoplebg.png") center top no-repeat; margin: 110px 0 0 0; }
*/
.people { position: relative; width: 100%; height: 390px; margin: 110px 0 0 0; }
.people div { position: absolute; bottom: 0; width: 100%; height: 215px; background: rgba(0, 0, 0, 0.4); text-align: center; }
.people div h1 { font-size: 22px; line-height: 22px; color: #fff; text-align: center; margin: 0 auto; padding: 60px 0 25px; letter-spacing: -0.5px; }
.people div h2 { display: inline-block; font-size: 20px; line-height: 20px; color: #fff; font-weight: bold; margin: 0 auto; padding: 20px 65px 20px 55px; background: url("../images/peoplearrow.png") 91% 50% no-repeat; background: #fff; color: #333; border-radius: 40px; }

.download { width: 100%; height: 338px; background: #07407b url("../images/downloadbg.png") 50% 50% no-repeat; }
.download div { width: 1280px; margin: 0 auto; }
.download div h1 { display: inline-block; width: 340px; font-size: 32px; line-height: 48px; color: #fff; font-weight: lighter; text-align: center; margin: 120px 50px 0 375px; letter-spacing: -1px; }
.download div a { display: inline-block; width: 180px; height: 200px; font-size: 14px; line-height: 14px; color: #fff; text-align: center; margin: 70px 10px 20px 0; padding: 115px 0 0px 0; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }
.download div a span { display: block; width: 27px; height: 24px; margin: 15px auto 0; background: url("../images/downloadIcon.png") 50% 50% no-repeat; }
.download div a.google { background: #043364 url("../images/downloadiconGoggle.png") 50% 35px no-repeat; }
.download div a.apple { background: #043364 url("../images/downloadiconApple.png") 50% 35px no-repeat; }

.customer { width: 1280px; margin: 100px auto 50px; }
.customer ul { font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.customer ul li { position: relative; display: inline-block; height: 150px; vertical-align: top; }
.customer ul li img { display: inline-block; margin: 2px 30px 0 60px; vertical-align: top; }
.customer ul li div { display: inline-block; margin: 0 30px 0 0; }
.customer ul li div h1 { font-size: 26px; line-height: 26px; color: #222; font-weight: bold; text-align: left; padding: 0 0px 10px 0px; letter-spacing: -0.5px; }
.customer ul li div h2 { font-size: 16px; line-height: 26px; color: #333; font-weight: normal; text-align: left; padding: 0px 0px 10px 0px; letter-spacing: -0.5px; }
.customer ul li h3 { display: inline-block; height: 50px; font-size: 30px; line-height: 50px; color: #222; font-weight: bold; text-align: left; vertical-align: top; letter-spacing: -0.5px; }
.customer ul li a { display: inline-block; width: 240px; height: 55px; background: #222; font-size: 18px; line-height: 55px; color: #fff; font-weight: bold; text-align: center; margin: 7px 0 0 15px; padding: 0; vertical-align: top; }
.customer ul li:first-child { width: 620px; margin: 0; }

/*
.customer { width: 1280px; margin: 115px auto 50px; }
.customer ul { font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.customer ul li { position: relative; display: inline-block; height: 220px; vertical-align: top; margin: 0 0 0 85px; }
.customer ul li h1 { font-size: 26px; line-height: 26px; color: #222; font-weight: bold; text-align: left; padding: 0 0px 10px 0px; letter-spacing: -0.5px; }
.customer ul li h2 { font-size: 16px; line-height: 26px; color: #333; font-weight: normal; text-align: left; padding: 0px 0px 10px 0px; letter-spacing: -0.5px; }
.customer ul li h3 { height: 50px; font-size: 30px; line-height: 50px; color: #222; font-weight: bold; text-align: left; letter-spacing: -0.5px; }
.customer ul li h3 img { display: inline-block; vertical-align: top; }
.customer ul li h3 span { display: inline-block; vertical-align: top; margin: 0 0 0 8px; }
.customer ul li h4 { height: 50px; font-size: 18px; line-height: 50px; color: #222; text-align: left; margin:0 0 12px 0; letter-spacing: 0px; }
.customer ul li h4 span{ font-size:30px; font-weight: bold; margin:0 7px 0 0px; vertical-align:middle; }
.customer ul li a { display: inline-block; width: 280px; height: 55px; background: #222; font-size: 18px; line-height: 55px; color: #fff; 
font-weight: bold; text-align: center; margin: 25px 0 0 0; padding: 0; }
.customer ul li:first-child { width: 260px; margin: 0; }
.customer ul li:last-child { width: 420px; margin: 0 0 0 140px; }

.customer ul li input { position: relative; width: 200px; padding: 13px 20px 14px 16px;
font-size: 18px; color: #333; font-weight: bold; vertical-align: middle; background: #fff; }
.customer ul li input:focus::-webkit-input-placeholder { color: transparent; }
.customer ul li input:focus:-ms-input-placeholder { color: transparent; }
.customer ul li input:focus::-ms-input-placeholder { color: transparent; }
.customer ul li input:focus::placeholder { color: transparent; }
.customer ul li input::-webkit-input-placeholder { font-size: 14px; color: #999; font-weight: normal; }
.customer ul li input:-ms-input-placeholder { font-size: 14px; color: #999; font-weight: normal; }
.customer ul li input::-ms-input-placeholder { font-size: 14px; color: #999; font-weight: normal; }
.customer ul li input::placeholder { font-size: 14px; color: #999; font-weight: normal; }
.customer ul li button { display: inline-block; width: 155px; height: 55px; background: #184067; font-size: 18px; line-height: 55px; font-weight:bold;
color: #fff; font-weight: bold; text-align: center; margin: 0px 15px 0 10px; vertical-align: middle; }
*/
footer { background: #fafafa; overflow: hidden; }
footer ul { font-size: 0; width: 1280px; margin: 70px auto 0; padding: 0 0 0 120px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../images/footerlogo.png") 30px 11px no-repeat; }
footer ul li { display: inline-block; position: relative; font-size: 12px; line-height: 22px; color: #777; font-weight: normal; text-align: center; padding: 0 30px 0 0; }
footer ul li:after { content: ''; position: absolute; right: 15px; top: 6px; width: 1px; height: 11px; background: #bbb; }
footer ul li:nth-child(6):after { display: none; }
footer ul li:last-child:after { display: none; }
footer h3 { width: 1280px; font-size: 12px; line-height: 12px; color: #999; font-weight: normal; text-align: left; margin: 15px auto 100px; padding: 0 0 0 120px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.5px; }

.subvisual { width: 100%; height: 345px; background: #f7f7f7 url("../images/s_pricevisual.png") 50% top no-repeat; }

.s_taxbg { background: #f7f7f7 url("../images/s_taxvisual.png") 50% top no-repeat; }

.s_transfertaxbg { background: #f7f7f7 url("../images/s_transfertaxvisual.png") 50% top no-repeat; }

.s_pricebg { background: #f7f7f7 url("../images/s_pricevisual.png") 50% top no-repeat; }

.s_memberbg { background: #f7f7f7 url("../images/s_membervisual.png") 50% top no-repeat; }

.s_smartbg { background: #f7f7f7 url("../images/s_smartvisual.png") 50% top no-repeat; }

.s_newsbg { background: #f7f7f7 url("../images/s_newsvisual.png") 50% top no-repeat; }

.s_reviewbg { background: #f7f7f7 url("../images/s_reviewvisual.png") 50% top no-repeat; }

.s_price { width: 100%; margin: 0 auto; }
.s_price .tabsWrap ul.tabtop { position: relative; font-size: 0; text-align: center; }
.s_price .tabsWrap ul.tabtop:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #d8dce5; }
.s_price .tabsWrap ul.tabtop li { position: relative; display: inline-block; width: 370px; text-align: center; padding: 30px 0; margin: 0 40px; cursor: pointer; }
.s_price .tabsWrap ul.tabtop li span { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 17px; color: #222; }
.s_price .tabsWrap ul.tabtop li span:first-child { width: 46px; height: 46px; margin: 0 13px 0 0; border-radius: 50%; background: #ebebeb; }
.s_price .tabsWrap ul.tabtop li span.smarttab01 { background: #ebebeb url("../images/s_pricetabIcon01.png") 50% 50% no-repeat; }
.s_price .tabsWrap ul.tabtop li span.smarttab02 { background: #ebebeb url("../images/s_pricetabIcon02.png") 50% 50% no-repeat; }
.s_price .tabsWrap ul.tabtop li span.smarttab03 { background: #ebebeb url("../images/s_pricetabIcon03.png") 50% 50% no-repeat; }
.s_price .tabsWrap ul.tabtop li:after { position: absolute; content: ''; left: 0px; height: 2px; background: #1d5bb0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; width: 0; bottom: 0px; z-index: 9999999; }
.s_price .tabsWrap ul.tabtop li:hover:after { width: 100%; left: 0px; }
.s_price .tabsWrap ul.tabtop li.active { position: relative; }
.s_price .tabsWrap ul.tabtop li.active:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #1d5bb0; }
.s_price .tabsWrap ul.tabtop li.active span { color: #1d5bb0; font-weight: bold; }
.s_price .tabsWrap ul.tabtop li.active span.smarttab01 { background: #355a8b url("../images/s_pricetabIcon01on.png") 50% 50% no-repeat; }
.s_price .tabsWrap ul.tabtop li.active span.smarttab02 { background: #355a8b url("../images/s_pricetabIcon02on.png") 50% 50% no-repeat; }
.s_price .tabsWrap ul.tabtop li.active span.smarttab03 { background: #355a8b url("../images/s_pricetabIcon03on.png") 50% 50% no-repeat; }
.s_price .tabsWrap .tabarea { width: 1220px; margin: 0 auto 100px; overflow: hidden; }
.s_price .tabsWrap .tabarea h1 { font-size: 30px; line-height: 30px; color: #333; font-weight: bold; text-align: center; padding: 80px 0px 70px 0px; letter-spacing: -0.5px; }
.s_price .tabsWrap .tabarea .ty01 table { width: 100%; margin: 0 0 30px 0px; }
.s_price .tabsWrap .tabarea .ty01 table thead tr th { font-size: 18px; line-height: 18px; color: #333; font-weight: bold; text-align: center; padding: 25px 0px 25px 0px; }
.s_price .tabsWrap .tabarea .ty01 table thead tr:nth-child(1) { border-bottom: 2px solid #000; }
.s_price .tabsWrap .tabarea .ty01 table thead tr:nth-child(2) { border-bottom: 1px solid #aaa; }
.s_price .tabsWrap .tabarea .ty01 table thead tr:nth-child(2) th { font-size: 18px; line-height: 18px; color: #333; font-weight: bold; text-align: center; padding: 25px 0px 25px 0px; }
.s_price .tabsWrap .tabarea .ty01 table tbody tr td { font-size: 18px; line-height: 17px; color: #444; text-align: center; padding: 25px 0px 25px 0px; }
.s_price .tabsWrap .tabarea .ty01 table tbody tr td span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.s_price .tabsWrap .tabarea .ty01 table tbody tr:nth-child(2n) { background: #f6f4f4; }
.s_price .tabsWrap .tabarea .ty01 table tbody tr:last-child { border-bottom: 1px solid #d1d1d1; }
.s_price .tabsWrap .tabarea ul { margin: 0 0 70px 50px; }
.s_price .tabsWrap .tabarea ul li { position: relative; font-size: 14px; line-height: 27px; color: #777; padding: 0px 0px 0px 10px; }
.s_price .tabsWrap .tabarea ul li:after { content: ''; position: absolute; left: 0px; top: 15px; width: 2px; height: 2px; background: #777; }
.s_price .tabsWrap .tabarea .pricecolor01 span { border: 3px solid #355a8b; }
.s_price .tabsWrap .tabarea .pricecolor02 span { border: 3px solid #355a8b; }

.s_member .threenumber { width: 1400px; height: 400px; margin: 80px auto; border: 1px solid #d8dce5; }
.s_member .threenumber ul { font-size: 0; }
.s_member .threenumber ul li { display: inline-block; width: 33.3%; text-align: center; }
.s_member .threenumber ul li span { display: block; vertical-align: middle; font-size: 18px; line-height: 18px; color: #444; font-weight: bold; }
.s_member .threenumber ul li span strong { display: inline-block; height: 70px; font-size: 70px; line-height: 70px; color: #222; }
.s_member .threenumber ul li span strong:last-child { font-size: 20px; height: 30px; vertical-align: 15px; margin: 0 0 0 10px; }
.s_member .threenumber ul li span:first-child { height: 120px; margin: 80px 0 0px; }
.s_member .threenumber ul li span:last-child { margin: 25px 0 0px; }
.s_member .member { width: 1400px; margin: 0 auto; }
.s_member .member h1 { font-size: 42px; line-height: 42px; color: #333; font-weight: lighter; text-align: center; padding: 50px 0px 35px 0px; }
.s_member .member h2 { font-size: 20px; line-height: 20px; color: #333; text-align: center; padding: 0px 0px 55px 0px; }
.s_member .member ul > li { position: relative; width: 100%; height: 360px; margin: 40px 0 0 0; overflow: hidden; }
.s_member .member ul > li img { position: absolute; left: 80px; top: 35px; }
.s_member .member ul > li h4 { position: absolute; left: 345px; bottom: 50px; width: 120px; height: 120px; background: #5586a6; font-size: 14px; line-height: 14px; color: #fff; font-weight: bold; text-align: right; margin: 0 auto; padding: 0px 0px 0px 0px; }
.s_member .member ul > li h4 > span { display: block; width: 65%; margin: 35px auto 0; }
.s_member .member ul > li h4 > span strong { display: block; font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; padding: 10px 0px 0px 0px; }
.s_member .member ul > li h4.labelshort { font-size: 16px; text-align: center; }
.s_member .member ul > li h4.labelshort strong { font-size: 20px; display: block; margin: 40px 0 15px 0; }
.s_member .member ul > li div { width: 790px; margin: 0px 0 0 560px; font-size: 0; }
.s_member .member ul > li div h3 { font-size: 32px; line-height: 32px; color: #333; font-weight: bold; padding: 70px 0px 10px 0px; }
.s_member .member ul > li div h3 span { display: inline-block; vertical-align: middle; }
.s_member .member ul > li div h3 span:first-child { font-size: 24px; font-weight: normal; margin: 0 10px 0px 0; }
.s_member .member ul > li div ol { display: inline-block; width: 50%; margin: 20px 0 0 0; vertical-align: top; }
.s_member .member ul > li div ol li { font-size: 15px; line-height: 32px; color: #333; padding: 0px 0px 0px 0px; }
.s_member .member ul > li div dl { display: inline-block; width: 50%; margin: 20px 0 0 0; }
.s_member .member ul > li div dl dd { font-size: 12px; line-height: 24px; color: #5b717f; padding: 0px 0px 0px 0px; }
.s_member .member ul > li:nth-child(odd) { background: #fbfbfb; }
.s_member .member ul > li:nth-child(even) { border: 1px solid #d8dce5; }
.s_member .member ul li.long { height: 405px; }
.s_member .location { position: relative; width: 100%; }
.s_member .location div.locationCon { width: 1300px; height: 720px; margin: 0 auto; background: url("../images/s_memberlocationBg.png") right 135px no-repeat; }
.s_member .location div.locationCon h1 { font-size: 42px; line-height: 42px; color: #333; font-weight: lighter; padding: 130px 0px 35px 0px; letter-spacing: -0.5px; }
.s_member .location div.locationCon h2 { font-size: 20px; line-height: 20px; color: #666; font-weight: lighter; padding: 0px 0px 0px 0px; letter-spacing: -0.5px; }
.s_member .location div.locationCon ul { width: 960px; font-size: 0; margin: 60px 0 0 0; }
.s_member .location div.locationCon ul li { display: inline-block; width: 180px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #d9e2e7; background: #fff; cursor: pointer; font-size: 17px; line-height: 57px; color: #1b2124; font-weight: normal; text-align: left; margin: 0px 10px 10px 0; padding: 0 0 0 20px; }
.s_member .location div.locationCon ul li span { position: relative; float: right; margin: 23px 15px 0px 0px; font-size: 12px; line-height: 12px; color: #7d8a91; font-weight: normal; text-align: left; }
.s_member .location div.locationCon ul li span:after { content: ''; position: absolute; left: -18px; top: -3px; width: 13px; height: 17px; background: url("../images/locationIcon.png") left top no-repeat; }
.s_member .locationPop { position: fixed; display: none; left: 50%; top: 50%; width: 600px; padding: 0 0 30px 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; z-index: 60; }
.s_member .locationPop h1 { width: 500px; font-size: 22px; line-height: 22px; color: #111; font-weight: bold; text-align: left; margin: 0 auto; padding: 40px 0 20px 0; letter-spacing: -0.5px; }
.s_member .locationPop h1 span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 12px; color: #111; font-weight: normal; text-align: left; margin: 0; padding: 0 0 0 10px; }
.s_member .locationPop h2 { width: 500px; font-size: 16px; line-height: 32px; color: #222; font-weight: normal; text-align: left; margin: 0 auto; padding: 0px 0px 0px 0px; letter-spacing: -0.5px; }
.s_member .locationPop h2 li strong { display: inline-block; width: 50px; }
.s_member .locationPop a { display: inline-block; width: 200px; height: 70px; }
.s_member .locationPop a span { font-size: 18px; line-height: 70px; color: #fff; font-weight: normal; text-align: left; margin: 0 0 0 130px; padding: 0; }
.s_member .locationPop a.chat { width: 300px; background: #166bb5 url("../images/companyChat.png") 90px 50% no-repeat; margin: 30px 0 0 140px; }
.s_member .locationPop a.call { background: #222 url("../images/companyCall.png") 40px 50% no-repeat; }
.s_member .locationPop p.close { position: absolute; display: block; right: 0; top: -60px; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.4) url("../images/close.png") 50% 50% no-repeat; cursor: pointer; }

.s_smart { margin: 0 auto 130px; }
.s_smart .tabsWrap ul.tabtop { position: relative; font-size: 0; text-align: center; }
.s_smart .tabsWrap ul.tabtop:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #d8dce5; }
.s_smart .tabsWrap ul.tabtop li { position: relative; display: inline-block; width: 250px; text-align: center; padding: 30px 0; margin: 0 40px; cursor: pointer; }
.s_smart .tabsWrap ul.tabtop li span { display: inline-block; vertical-align: middle; font-size: 17px; line-height: 17px; color: #222; }
.s_smart .tabsWrap ul.tabtop li span:first-child { width: 46px; height: 46px; margin: 0 13px 0 0; border-radius: 50%; background: #ebebeb; }
.s_smart .tabsWrap ul.tabtop li span.smarttab01 { background: #ebebeb url("../images/s_smarttabIcon01.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li span.smarttab02 { background: #ebebeb url("../images/s_smarttabIcon02.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li span.smarttab03 { background: #ebebeb url("../images/s_smarttabIcon03.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li span.smarttab04 { background: #ebebeb url("../images/s_smarttabIcon04.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li:after { position: absolute; content: ''; left: 0px; height: 2px; background: #1d5bb0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; width: 0; bottom: 0px; z-index: 9999999; }
.s_smart .tabsWrap ul.tabtop li:hover:after { width: 100%; left: 0px; }
.s_smart .tabsWrap ul.tabtop li.active { position: relative; }
.s_smart .tabsWrap ul.tabtop li.active:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #1d5bb0; }
.s_smart .tabsWrap ul.tabtop li.active span { color: #1d5bb0; font-weight: bold; }
.s_smart .tabsWrap ul.tabtop li.active span.smarttab01 { background: #1d5bb0 url("../images/s_smarttabIcon01on.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li.active span.smarttab02 { background: #1d5bb0 url("../images/s_smarttabIcon02on.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li.active span.smarttab03 { background: #1d5bb0 url("../images/s_smarttabIcon03on.png") 50% 50% no-repeat; }
.s_smart .tabsWrap ul.tabtop li.active span.smarttab04 { background: #1d5bb0 url("../images/s_smarttabIcon04on.png") 50% 50% no-repeat; }
.s_smart .tabarea div { width: 100%; border-bottom: 1px solid #dadada; }
.s_smart .tabarea div ul { position: relative; width: 1400px; margin: 0 auto 160px; }
.s_smart .tabarea div ul h1 { display: inline-block; width: 240px; vertical-align: top; margin: 100px 0 0 90px; }
.s_smart .tabarea div ul h1 p { font-size: 30px; line-height: 30px; color: #222; font-weight: bold; text-align: left; margin: 0 auto; padding: 3px 0 7px; }
.s_smart .tabarea div ul h1 strong { position: relative; font-family: 'Nanum Pen Script', serif; font-size: 40px; line-height: 40px; color: #333; font-weight: lighter; text-align: center; padding: 14px 0px 5px 0px; z-index: 1; }
.s_smart .tabarea div ul h1 strong:after { content: ''; position: absolute; left: 0px; bottom: 12px; width: 100%; height: 4px; background: #4b97df; }
.s_smart .tabarea div ul h1 strong:after { z-index: -1; }
.s_smart .tabarea div ul h1 strong:after { opacity: 0.6; }
.s_smart .tabarea div ul h2 { display: inline-block; width: 900px; font-size: 28px; line-height: 45px; color: #444; font-weight: lighter; text-align: left; margin: 100px 0 100px 40px; padding: 0 0 0px; }
.s_smart .tabarea div ul h3 { display: inline-block; width: 1400px; font-size: 26px; line-height: 45px; color: #444; font-weight: lighter; text-align: center; margin: 100px auto 100px; padding: 0 0 0px; }
.s_smart .tabarea div ul li { position: relative; width: 532px; height: 66px; font-size: 18px; line-height: 66px; color: #666; margin: 0 0 20px 91px; padding: 0 0 0 65px; background: #fff url("../images/s_smartcheck.png") 27px 50% no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dadada; }
.s_smart .tabarea div ul li.highlight { background: #1c90fb url("../images/s_smartcheckOn.png") 27px 50% no-repeat; color: #fff; border: 0; }
.s_smart .tabarea div ul img { position: absolute; top: 250px; right: -30px; }

.s_news .newsnavi { width: 1300px; margin: 0 auto; }
.s_news .newsnavi ul { font-size: 0; text-align: center; margin: 90px 0 10px 0; box-sizing:border-box;  }
.s_news .newsnavi ul li { display: inline-block; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;  border-top: 1px solid #dcdcdc; box-sizing:border-box; 
font-size: 15px; line-height: 15px; color: #999; font-weight: bold; text-align: center; padding: 14px 18px 14px 17px; }
.s_news .newsnavi ul li:hover { color: #333; }
.s_news .newsnavi ul a:first-child li{ border-left: 1px solid #dcdcdc;  box-sizing:border-box;}
.s_news .newsnavi ul a.active:first-child li{ background:#333; color:#fff;}
.s_news .newsnavi ul a.active li { font-size: 15px; line-height: 15px; color: #333; font-weight: bold; text-align: center;  box-sizing:border-box; background:#f7f7f7;}
.s_news .newsnavi div{ width:1280px; margin:30px auto 40px; font-size:0; text-align:left;}
.s_news .newsnavi div a{ display:inline-block;  font-size: 14px; color: #666; text-align: center; margin:0 5px 0 5px; padding: 5px 20px 5px 20px;  }
.s_news .newsnavi div a.active{position:relative; text-decoration:underline; color:#333; font-weight:bold;}
.s_news .newsnavi div a.active:after{ position:absolute; content:''; right:1px; top:8px; width:16px; height:16px; border-radius:30px;  background:#666 url("../images/news_x.png")50% 50% no-repeat; }

.s_news .newscontents { width: 1300px; margin: 0 auto; }
.s_news .newscontents ul { font-size: 0; text-align: left; }
.s_news .newscontents ul li { display: inline-block; width: 314px; height: 290px; border: 1px solid #dadada; margin: 0 12px 30px 0; vertical-align:top; }
.s_news .newscontents ul a:nth-child(4n) li{margin:0 0 30px 0;}
.s_news .newscontents ul li span { position: relative; display: block; width: 314px; height: 125px; overflow: hidden; margin: 0 auto; }
.s_news .newscontents ul li span img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 320px; }
.s_news .newscontents ul li div { width: 86%; margin: 0 auto; text-align: left; letter-spacing: -0.5px; }
.s_news .newscontents ul li div h1 { font-size: 15px; line-height: 15px; color: #333; font-weight: bold; padding: 30px 0px 10px 0px; }
.s_news .newscontents ul li div h2 { font-size: 13px; line-height: 20px; color: #888; padding: 0px 0px 20px 0px; }
.s_news .newscontents ul li div h3 { display: inline-block; width: 60%; font-size: 13px; line-height: 13px; color: #adc1cb; font-weight: bold; padding: 0px 0px 0px 0px; }
.s_news .newscontents ul li div h4 { display: inline-block; width: 40%; overflow: hidden; font-size: 13px; line-height: 13px; color: #ccc; text-align: right; padding: 0px 0px 0px 0px; }
.s_news .paging { width: 1400px; margin: 0 auto 100px; }
.s_news .paging div { font-size: 0; text-align: center; margin: 30px 0 0 0; }
.s_news .paging div a.prev { display: inline-block; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: right; margin: 0 20px 0 0; padding: 10px 0px 10px 0px; background: url("../images/pagingleft.png") 0px 50% no-repeat; }
.s_news .paging div a.prev:hover { color: #444; background: url("../images/pagingleftOn.png") 0px 50% no-repeat; }
.s_news .paging div span { display: inline-block; }
.s_news .paging div span a { width: 32px; display: inline-block; font-size: 15px; line-height: 15px; color: #999; font-weight: bold; text-align: center; padding: 10px 0px 10px 0px; }
.s_news .paging div span a.active { position: relative; width: 32px; display: inline-block; color: #444; }
.s_news .paging div span a.active:after { content: ''; position: absolute; left: 0px; bottom: 6px; width: 80%; height: 1px; background: #444; }
.s_news .paging div a.next { display: inline-block; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: left; margin: 0 0 0 20px; padding: 10px 0px 10px 0px; background: url("../images/pagingright.png") 100% 50% no-repeat; }
.s_news .paging div a.next:hover { color: #444; background: url("../images/pagingrightOn.png") 100% 50% no-repeat; }
.s_news .newsview { width: 850px; margin: 105px auto 0; }
.s_news .newsview h1 { font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding: 0px 0px 30px 0px; }
.s_news .newsview h2 { display: inline-block; height: 20px; font-size: 20px; line-height: 20px; color: #777; padding: 0px 7px 35px 0px; }
.s_news .newsview h3 { display: inline-block; height: 20px; font-size: 14px; line-height: 20px; color: #adc1cb; font-weight: bold; padding: 0px 0px 35px 0px; vertical-align: top; }
.s_news .newsview h4 { display: inline-block; font-size: 16px; line-height: 24px; color: #666; padding: 35px 0px 0px 0px; letter-spacing: -0.5px; border-top: 1px solid #bbb; }
.s_news .newsview h4 img { display: block; margin: 20px auto 20px; max-width: 850px; }
.s_news .newsview div.sns { margin: 40px 0 30px 0; font-size: 0; }
.s_news .newsview div.sns a { display: inline-block; width: 30px; height: 30px; border-radius: 50%; margin: 0 7px 0 0; }
.s_news .newsview div.sns a.facebook { background: #5b5b5c url("../images/sns_facebook.png") 50% 50%/22px auto no-repeat; }
.s_news .newsview div.sns a.google { background: #5b5b5c url("../images/sns_google.png") 50% 50%/26px auto no-repeat; }
.s_news .newsview div.sns a.pinterest { background: #5b5b5c url("../images/sns_pinterest.png") 50% 50%/24px auto no-repeat; }
.s_news .newsview div.sns a.tweeter { background: #5b5b5c url("../images/sns_tweeter.png") 50% 50%/24px auto no-repeat; }
.s_news .newslist { width: 850px; margin: 20px auto 85px; border-top: 1px solid #bbb; padding: 20px 0 0 0; }
.s_news .newslist a.next { display: inline-block; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: left; margin: 0 0 0 10px; padding: 10px 0px 10px 0px; background: url("../images/pagingright.png") 100% 50% no-repeat; }
.s_news .newslist a.next:hover { color: #444; background: url("../images/pagingrightOn.png") 100% 50% no-repeat; }
.s_news .newslist a.prev { display: inline-block; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: right; margin: 0 10px 0 0; padding: 10px 0px 10px 0px; background: url("../images/pagingleft.png") 0px 50% no-repeat; }
.s_news .newslist a.prev:hover { color: #444; background: url("../images/pagingleftOn.png") 0px 50% no-repeat; }
.s_news .newslist a.btnlist { display: inline-block; float: right; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: right; margin: 0 20px 0 0; padding: 10px 0px 10px 0px; }
.s_news .newslist a.btnlist:hover { color: #444; }
.s_news .s_newsform { position: relative; width: 1260px; margin: 50px auto 110px; padding: 20px 0px 0 0; font-size: 0; overflow: hidden; }
.s_news .s_newsform img { position: absolute; right: 50%; bottom: -20px; width: 230px; }
.s_news .s_newsform div.form { display: inline-block; width: 50%; height: 210px; background: #f6f6f6; border: 1px solid #dadada; -webkit-box-sizing: border-box; box-sizing: border-box; }
.s_news .s_newsform div.form h1 { font-size: 22px; line-height: 34px; color: #444; font-weight: bold; text-align: left; margin: 40px 0 20px 60px; letter-spacing: -0.5px; }
.s_news .s_newsform div.form button { display: inline-block; width: 150px; height: 45px; background: #555; vertical-align: middle; font-size: 16px; line-height: 45px; color: #fff; font-weight: bold; text-align: center; margin: 0 0 0 60px; }
.s_news .s_newsform div.form a { display: inline-block; width: 150px; height: 45px; background: #386dc6; vertical-align: middle; font-size: 16px; line-height: 45px; color: #fff; font-weight: bold; text-align: center; margin: 0 0 0 10px; padding: 0px 0px 0px 0px; }
.s_news .s_newsform div.letter { display: inline-block; position: relative; width: 50%; font-size: 0; height: 210px; vertical-align: top; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; -webkit-box-sizing: border-box; box-sizing: border-box; }
.s_news .s_newsform div.letter h3 { vertical-align: middle; font-size: 22px; line-height: 22px; color: #444; font-weight: bold; margin: 38px 0 15px 60px; }
.s_news .s_newsform div.letter h4 { vertical-align: middle; text-align: left; width: auto; font-size: 15px; line-height: 24px; color: #666; margin: 0 50px 10px 60px; }
.s_news .s_newsform div.letter input { display: inline-block; width: 269px; height: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 10px 10px 20px; border: 1px solid #c1c1c1; margin: 0px 15px 0px 60px; font-size: 13px; vertical-align: middle; }
.s_news .s_newsform div.letter input:focus::-webkit-input-placeholder { color: transparent; }
.s_news .s_newsform div.letter input:focus:-ms-input-placeholder { color: transparent; }
.s_news .s_newsform div.letter input:focus::-ms-input-placeholder { color: transparent; }
.s_news .s_newsform div.letter input:focus::placeholder { color: transparent; }
.s_news .s_newsform div.letter button { display: inline-block; width: 205px; height: 45px; border: 1px solid #184067; color: #184067; vertical-align: middtole; font-size: 14px; font-weight: bold; }

.s_review .video { width: 1400px; margin: 0 auto; }
.s_review .video ul { font-size: 0; margin: 120px 0 140px 0; text-align: center; }
.s_review .video ul li { position: relative; display: inline-block; width: 415px; height: 345px; margin: 0 20px 0 0; cursor: pointer; }
.s_review .video ul li img { margin: 120px 0 0 0; }
.s_review .video ul li h1 { position: absolute; left: 0px; bottom: 36px; width: 86%; font-size: 18px; line-height: 34px; color: #fff; text-align: left; margin: 0 0 10px 7%; padding: 0px 0 0 0px; letter-spacing: -0.5px; }
.s_review .video ul li:nth-child(1) { background: url("../images/s_reviewvideo01.png") left top no-repeat; }
.s_review .video ul li:nth-child(2) { background: url("../images/s_reviewvideo02.png") left top no-repeat; }
.s_review .video ul li:nth-child(3) { background: url("../images/s_reviewvideo03.png") left top no-repeat; margin: 0; }
.s_review .videoPop { position: fixed; display: none; left: 50%; top: 50%; width: 960px; height: 540px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; z-index: 60; }
.s_review .videoPop p.close { position: absolute; display: block; right: 0; top: -60px; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.4) url("../images/close.png") 50% 50% no-repeat; cursor: pointer; }
.s_review .mainreview { position: relative; width: 1340px; margin: 0 auto; text-align: center; }
.s_review .mainreview > h1 { display: block; font-size: 20px; line-height: 20px; color: #555; padding: 0px 0px 0px 0px; }
.s_review .mainreview > h2 { display: inline-block; margin: 40px 0 50px 0; }
.s_review .mainreview > h2 img { display: inline-block; vertical-align: middle; margin: 0 0 0 60px; }
.s_review .mainreview > h2 span.total { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 0px; color: #555; padding: 0px 0px 0px 10px; }
.s_review .mainreview > h2 span.mainstar1 {  display: inline-block; vertical-align: middle;  width:120px; height:30px; background: url("../images/s_titlestar1.png") left 50% no-repeat;  margin:0 0 0 60px;}
.s_review .mainreview > h2 span.mainstar2 {  display: inline-block; vertical-align: middle;  width:120px; height:30px; background: url("../images/s_titlestar2.png") left 50% no-repeat;  margin:0 0 0 60px;}
.s_review .mainreview > h2 span.mainstar3 {  display: inline-block; vertical-align: middle;  width:120px; height:30px; background: url("../images/s_titlestar3.png") left 50% no-repeat;  margin:0 0 0 60px;}
.s_review .mainreview > h2 span.mainstar4 {  display: inline-block; vertical-align: middle;  width:120px; height:30px; background: url("../images/s_titlestar4.png") left 50% no-repeat;  margin:0 0 0 60px;}
.s_review .mainreview > h2 span.mainstar5 {  display: inline-block; vertical-align: middle;  width:120px; height:30px; background: url("../images/s_titlestar5.png") left 50% no-repeat;  margin:0 0 0 60px;}
.s_review .mainreview > h2 strong { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 0px; color: #444; padding: 0px 10px 0px 20px; }
.s_review .mainreview div.swiper-container { width: 1220px; height: 290px; margin: 0 auto; background: #f8f8f8; }
.s_review .mainreview div.swiper-container div.contents { text-align: left; }
.s_review .mainreview div.swiper-container div.contents img { display: inline-block; }
.s_review .mainreview div.swiper-container div.contents div { display: inline-block; margin: 0 0 0 60px; width: 55%; }
.s_review .mainreview div.swiper-container div.contents div span { margin: 50px 0 20px 0; }
.s_review .mainreview div.swiper-container div.contents div h2 { display: block; font-size: 22px; line-height: 22px; color: #444; font-weight: bold; padding: 0px 0px 15px 0px; }
.s_review .mainreview div.swiper-container div.contents div h3 { font-size: 16px; line-height: 28px; color: #444; padding: 0px 0px 40px 0px; }
.s_review .mainreview div.swiper-container div.contents div h4 { font-size: 14px; line-height: 14px; color: #888; padding: 0px 0px 0px 0px; }
.s_review .mainreview .swiper-button-prev-unique { position: absolute; left: -80px; top: auto; bottom: 110px; width: 60px; height: 50px; background: #fff url("../images/s_reviewarrowLeft.png") 50% 50% no-repeat; cursor: pointer; z-index: 10; }
.s_review .mainreview .swiper-button-next-unique { position: absolute; right: -80px; top: auto; bottom: 110px; width: 60px; height: 50px; background: #fff url("../images/s_reviewarrowRight.png") 50% 50% no-repeat; cursor: pointer; z-index: 10; }
.s_review .comment { width: 1220px; margin: 0 auto; }
.s_review .comment ul { margin: 25px 0 0 0; }
.s_review .comment ul li { border-bottom: 1px solid #dadada; background: url("../images/s_reviewicon.png") 30px 50% no-repeat; padding: 10px 0 15px 105px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.s_review .comment ul li h1 span { font-size: 16px; line-height: 16px; color: #555; font-weight: bold; padding: 0px 10px 0px 0px; }
.s_review .comment ul li h1 strong { font-size: 14px; line-height: 14px; color: #555; font-weight: bold; padding: 0px 0px 0px 0px; }
.s_review .comment ul li h2 { width: 95%; font-size: 14px; line-height: 22px; color: #444; padding: 3px 0px 0px 0px; }
.s_review .comment ul li h2 span { font-size: 13px; line-height: 13px; color: #aaa; padding: 0px 0px 0px 10px; }
.s_review .comment .paging { width: 1220px; margin: 0 auto 100px; }
.s_review .comment .paging div { font-size: 0; text-align: center; margin: 40px 0 0 0; }
.s_review .comment .paging div a.prev { display: inline-block; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: right; margin: 0 20px 0 0; padding: 10px 0px 10px 0px; background: url("../images/pagingleft.png") 0px 50% no-repeat; }
.s_review .comment .paging div a.prev:hover { color: #444; background: url("../images/pagingleftOn.png") 0px 50% no-repeat; }
.s_review .comment .paging div span { display: inline-block; }
.s_review .comment .paging div span a { width: 32px; display: inline-block; font-size: 15px; line-height: 15px; color: #999; font-weight: bold; text-align: center; padding: 10px 0px 10px 0px; }
.s_review .comment .paging div span a.active { position: relative; width: 32px; display: inline-block; color: #444; }
.s_review .comment .paging div span a.active:after { content: ''; position: absolute; left: 0px; bottom: 6px; width: 80%; height: 1px; background: #444; }
.s_review .comment .paging div a.next { display: inline-block; width: 52px; font-size: 15px; line-height: 15px; color: #777; font-weight: bold; text-align: left; margin: 0 0 0 20px; padding: 10px 0px 10px 0px; background: url("../images/pagingright.png") 100% 50% no-repeat; }
.s_review .comment .paging div a.next:hover { color: #444; background: url("../images/pagingrightOn.png") 100% 50% no-repeat; }
.s_review .star1 { display: inline-block; width: 70px; height: 11px; background: url("../images/s_star1.png") left top no-repeat; }
.s_review .star2 { display: inline-block; width: 70px; height: 11px; background: url("../images/s_star2.png") left top no-repeat; }
.s_review .star3 { display: inline-block; width: 70px; height: 11px; background: url("../images/s_star3.png") left top no-repeat; }
.s_review .star4 { display: inline-block; width: 70px; height: 11px; background: url("../images/s_star4.png") left top no-repeat; }
.s_review .star5 { display: inline-block; width: 70px; height: 11px; background: url("../images/s_star5.png") left top no-repeat; }
.s_review .write { margin: 0 0 110px 0; }
.s_review .write input[type="tel"] { display: inline-block; width: 205px; height: 45px; color: #444; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 10px 10px 20px; border: 1px solid #c1c1c1; vertical-align: top; margin: 0px 5px 0px 0px; font-size: 13px; vertical-align: middle; }
.s_review .write input[type="tel"]:focus::-webkit-input-placeholder { color: transparent; }
.s_review .write input[type="tel"]:focus:-ms-input-placeholder { color: transparent; }
.s_review .write input[type="tel"]:focus::-ms-input-placeholder { color: transparent; }
.s_review .write input[type="tel"]:focus::placeholder { color: transparent; }
.s_review .write select { width: 200px; height: 45px; font-size: 13px; color: #444; border: 1px solid #c1c1c1; background: url("../images/s_select.png") right 18px no-repeat; padding: 5px 0 5px 20px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.s_review .write .starwrite { display: inline; margin: 0 0 0 15px; }
.s_review .write .starwrite img { vertical-align: 2px; }
.s_review .write .starwrite label { margin: 0 40px 0 5px; }
.s_review .write textarea { display: inline-block; width: 1075px; height: 90px; border: 1px solid #c1c1c1; color: #444; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 5px 0 0; padding: 10px 5px 5px 20px; }
.s_review .write textarea:focus::-webkit-input-placeholder { color: transparent; }
.s_review .write textarea:focus:-ms-input-placeholder { color: transparent; }
.s_review .write textarea:focus::-ms-input-placeholder { color: transparent; }
.s_review .write textarea:focus::placeholder { color: transparent; }
.s_review .write button { width: 125px; height: 90px; line-height: 90px; color: #fff; margin: 10px 0 0 0; background: #555; }

.s_anywhere { width: 100%; height: 250px; margin: 0 auto 170px; font-size: 0; background: #41362b url("../images/anywhereBg.png") center top no-repeat; }
.s_anywhere h1 { width: 1100px; font-size: 28px; line-height: 30px; color: #fff; font-weight: lighter; margin: 0 auto; padding: 84px 0px 20px 0px; }
.s_anywhere h2 { position: relative; width: 1100px; font-size: 16px; line-height: 30px; color: #fff; margin: 0 auto; padding: 0px 0px 0px 0px; }
.s_anywhere h2 img { position: absolute; left: 540px; top: -100px; width: 500px; }

.s_tax { margin: 0 auto 120px; }

.s_form { position: relative; width: 1280px; margin: 130px auto 50px; }
.s_form img { position: absolute; left: -2%; top: -242px; width:440px;}
.s_form h1 { font-size: 40px; line-height: 40px; color: #3e4c5d; font-weight: lighter; text-align: center; margin: 0 0 32px 0; letter-spacing: -0.5px; }
.s_form h1 span { font-weight: bold; }
.s_form h2 { font-size: 21px; line-height: 20px; color: #3e4c5d; font-weight: lighter; text-align: center; margin: 0 0 48px 0; letter-spacing: -0.5px; }
.s_form div { width: 100%; height: 175px; background: #3e4c5d; text-align: center; }
.s_form div label { display: inline-block; font-size: 22px; line-height: 175px; color: #fff; font-weight: bold; margin: 0 10px 0 0; vertical-align: middle; }
.s_form div input { display: inline-block; width: 265px; height: 56px; border: 1px solid #fff; background: #3e4c5d; color: #fff; font-size: 20px; padding: 0 0 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.s_form div input::-webkit-input-placeholder { color: #ccc; font-size: 15px; }
.s_form div input:-ms-input-placeholder { color: #ccc; font-size: 15px; }
.s_form div input::-ms-input-placeholder { color: #ccc; font-size: 15px; }
.s_form div input::placeholder { color: #ccc; font-size: 15px; }
.s_form div input:focus::-webkit-input-placeholder { color: #5e7086; }
.s_form div input:focus:-ms-input-placeholder { color: #5e7086; }
.s_form div input:focus::-ms-input-placeholder { color: #5e7086; }
.s_form div input:focus::placeholder { color: #5e7086; }
.s_form div button { display: inline-block; width: 150px; height: 56px; background: #fff; vertical-align: middle; font-size: 16px; line-height: 16px; color: #3e4c5d; text-align: center; }
.s_form div a { display: inline-block; width: 170px; height: 56px; background: #fff; vertical-align: middle; font-size: 16px; line-height: 56px; color: #3e4c5d; font-weight: bold; text-align: center; margin: 0 0 0 15px; padding: 0px 0px 0px 0px; }

.subwrapLong { width: 1600px; }

.subtitle { width: 1280px; position: relative; margin: 100px auto 0; }
.subtitle h1 { position: absolute; left: 75px; top: 60px; font-size: 32px; line-height: 32px; color: #fff; font-weight: bold; letter-spacing: -0.5px; }
.subtitle h2 { position: absolute; left: 75px; top: 115px; font-size: 20px; line-height: 20px; color: #fff; }
.subtitle div { font-size: 17px; line-height: 32px; color: black4; margin: 30px 0 0 0; letter-spacing: -0.85px; }
.subtitle div span { background: #edf3fa; }
.subtitle div > p { margin: 10px 0 0 0; }

.s_text { width: 1280px; margin: 55px auto 0; }
.s_text h1 { font-size: 26px; line-height: 26px; color: #333; font-weight: bold; margin: 0 0 28px 0; letter-spacing: -0.5px; }
.s_text ul li { position: relative; font-size: 17px; line-height: 17px; color: #444; margin: 0 0 15px 0; padding: 0 0 0 10px; letter-spacing: -0.75px; }
.s_text ul li:after { content: ''; position: absolute; left: 0px; top: 9px; width: 3px; height: 3px; background: #444; }

.subbox { width: 1280px; margin: 55px auto 0; }
.subbox h1 { font-size: 26px; line-height: 26px; color: #333; font-weight: bold; margin: 0 0 28px 0; letter-spacing: -0.5px; }
.subbox div { border: 1px solid #dadada; }
.subbox div ul { width: 93%; margin: 45px auto 22px; font-size: 0; }
.subbox div ul li { position: relative; display: inline-block; width: 33.3%; font-size: 19px; line-height: 19px; color: #444; margin: 0 0 31px 0; padding: 0 0 0 27px; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.75px; }
.subbox div ul li:after { content: ''; position: absolute; left: 0px; top: 4px; width: 15px; height: 12px; background: url("../images/subboxCheck.png") left top no-repeat; }

.subconsultingProcess { width: 1600px; height: 845px; background: url("../images/subconsultingProcess.png") center top no-repeat; margin: 80px auto 0; }
.subconsultingProcess h1 { width: 1280px; font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; margin: 0 auto; padding: 105px 0 40px; letter-spacing: -0.5px; }
.subconsultingProcess ul { width: 1280px; margin: 0 auto; font-size: 0; }
.subconsultingProcess ul li { position: relative; height: 115px; width: 310px; display: inline-block; margin: 30px 13px 0 0; vertical-align: top; }
.subconsultingProcess ul li p { position: absolute; left: 0; top: -17px; width: 99.1%; height: 1px; background: #fff; }
.subconsultingProcess ul li i { position: absolute; display: inline-block; right: 3px; top: -22px; border: solid #fff; border-width: 0 1px 1px 0; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.subconsultingProcess ul li a { display: inline-block; position: absolute; left: 0px; top: -10px; width: 45px; height: 53px; background: #5a75a6; text-align: center; border-radius: 0 0 50% 50%; }
.subconsultingProcess ul li a span { display: inline-block; font-size: 11px; line-height: 15px; color: #fff; text-align: center; margin: 9px 0 0 0; }
.subconsultingProcess ul li div { width: 100%; height: 95px; background: #fff; }
.subconsultingProcess ul li div h2 { font-size: 16px; line-height: 26px; color: #555; font-weight: bold; text-align: center; padding: 36px 0 0 0; letter-spacing: -1px; }
.subconsultingProcess ul li div h3 { font-size: 16px; line-height: 26px; color: #555; font-weight: bold; text-align: center; padding: 24px 0 0 0; letter-spacing: -1px; }
.subconsultingProcess ul li div h4 { font-size: 13px; line-height: 13px; color: #777; text-align: center; padding: 5px 0 0 0; letter-spacing: -1px; }
.subconsultingProcess ul li:nth-child(4n) { margin: 30px 0 0 0; }

.subinvestigationProcess01 { width: 1400px; height: 325px; background: url("../images/subinvestigationProcess01.png") center top no-repeat; margin: 100px auto 0; }
.subinvestigationProcess01 h1 { width: 1280px; font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; margin: 0 auto; padding: 60px 0 20px; letter-spacing: -0.5px; }
.subinvestigationProcess01 h1 span { font-size: 20px; margin: 0 0 0 15px; font-weight: normal; }
.subinvestigationProcess01 ul { width: 1280px; margin: 0 auto; font-size: 0; }
.subinvestigationProcess01 ul li { position: relative; height: 115px; width: 365px; display: inline-block; margin: 35px 10px 0 0; vertical-align: top; }
.subinvestigationProcess01 ul li p { position: absolute; left: 0; top: -17px; width: 99.1%; height: 2px; background: #fff; }
.subinvestigationProcess01 ul li i { position: absolute; display: inline-block; right: 3px; top: -22px; border: solid #fff; border-width: 0 2px 2px 0; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.subinvestigationProcess01 ul li a { display: inline-block; position: absolute; left: 0px; top: -10px; width: 45px; height: 53px; background: #5a75a6; text-align: center; border-radius: 0 0 50% 50%; }
.subinvestigationProcess01 ul li a span { display: inline-block; font-size: 11px; line-height: 15px; color: #fff; text-align: center; margin: 9px 0 0 0; }
.subinvestigationProcess01 ul li div { width: 100%; height: 100px; background: #fff; font-size: 20px; line-height: 100px; color: #666; font-weight: bold; text-align: center; letter-spacing: -1px; }
.subinvestigationProcess01 ul li div img { vertical-align: middle; }
.subinvestigationProcess01 ul li div span { display: inline-block; width: 142px; height: 48px; font-size: 16px; line-height: 48px; color: #666; font-weight: bold; text-align: center; border: 2px solid #666; border-radius: 30px; letter-spacing: -1px; }
.subinvestigationProcess01 ul li:nth-child(1) { width: 155px; }
.subinvestigationProcess01 ul li:nth-child(4) { margin: 35px 0 0 0; }

.subinvestigationProcess02 { width: 1400px; height: 325px; background: url("../images/subinvestigationProcess02.png") center top no-repeat; margin: 100px auto 0; }
.subinvestigationProcess02 h1 { width: 1280px; font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; margin: 0 auto; padding: 60px 0 20px; letter-spacing: -0.5px; }
.subinvestigationProcess02 h1 span { font-size: 20px; margin: 0 0 0 15px; font-weight: normal; }
.subinvestigationProcess02 ul { width: 1280px; margin: 0 auto; font-size: 0; }
.subinvestigationProcess02 ul li { position: relative; height: 115px; width: 165px; display: inline-block; margin: 35px 10px 0 0; vertical-align: top; }
.subinvestigationProcess02 ul li p { position: absolute; left: 0; top: -17px; width: 99.1%; height: 2px; background: #fff; }
.subinvestigationProcess02 ul li i { position: absolute; display: inline-block; right: 3px; top: -22px; border: solid #fff; border-width: 0 2px 2px 0; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.subinvestigationProcess02 ul li a { display: inline-block; position: absolute; left: 0px; top: -10px; width: 45px; height: 53px; background: #5a75a6; text-align: center; border-radius: 0 0 50% 50%; }
.subinvestigationProcess02 ul li a span { display: inline-block; font-size: 11px; line-height: 15px; color: #fff; text-align: center; margin: 9px 0 0 0; }
.subinvestigationProcess02 ul li div { width: 100%; height: 110px; background: #fff; vertical-align: middle; text-align: center; }
.subinvestigationProcess02 ul li div span { display: inline-block; font-size: 15px; line-height: 26px; color: #666; font-weight: bold; text-align: center; margin: 15px 0 0 0; letter-spacing: -1px; }
.subinvestigationProcess02 ul li div span.vmiddle01 { margin: 40px 0 0 0; }
.subinvestigationProcess02 ul li div span.vmiddle02 { margin: 30px 0 0 0; }
.subinvestigationProcess02 ul li:nth-child(4) { width: 245px; }
.subinvestigationProcess02 ul li:nth-child(5) { width: 245px; }
.subinvestigationProcess02 ul li:nth-child(6) { width: 245px; margin: 35px 0 0 0; }

.subinvestigationText { width: 1280px; margin: 0 auto; }
.subinvestigationText h1 { font-size: 26px; line-height: 26px; color: #333; font-weight: bold; padding: 60px 0 25px 0; letter-spacing: -1px; }
.subinvestigationText h2 { font-size: 17px; line-height: 30px; color: #444; padding: 36px 0 0 0; letter-spacing: -1px; }
.subinvestigationText h2 p { margin: 10px 0 0 0; }
.subinvestigationText h3 { font-size: 20px; line-height: 20px; color: #444; font-weight: bold; padding: 36px 0 0 0; letter-spacing: -1px; }
.subinvestigationText h4 { font-size: 16px; line-height: 30px; color: #777; padding: 10px 0 0 0; letter-spacing: -1px; }
.subinvestigationText ul { font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; }
.subinvestigationText ul li { display: inline-block; width: 20%; height: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #ddd; vertical-align: top; }
.subinvestigationText ul li dt { width: 80%; font-size: 20px; line-height: 20px; color: #444; font-weight: bold; margin: 0 auto; padding: 36px 0 0 0; letter-spacing: -1px; }
.subinvestigationText ul li dd { width: 80%; font-size: 13px; line-height: 25px; color: #777; margin: 0 auto; padding: 10px 0 0 0; letter-spacing: -1px; }
.subinvestigationText ul li:last-child { border: 0; }

.mautoTop0 { margin: 0px auto 0; }