@charset "UTF-8";

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/nanumbarungothic/NanumBarunGothic.eot');
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url('../../fonts/nanumbarungothic/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/nanumbarungothic/NanumBarunGothic.woff2') format('woff2'),
       url('../../fonts/nanumbarungothic/NanumBarunGothic.woff') format('woff'),
       url('../../fonts/nanumbarungothic/NanumBarunGothic.ttf') format('truetype');
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{width:100%; height:100%; padding:0; margin:0; font-family:"Nanum Barun Gothic","NanumGothic","malgun gothic","dotum","sans-serif"; letter-spacing:-0.5px;}
ul,ol,li{list-style:none;padding: 0; margin: 0;}
a {color:inherit; text-decoration: none;}
a {transition:background 0.3s; -webkit-transition:background 0.3s; transition:color 0.3s; -webkit-transition:color 0.3s;}

table, tr, td, th {
  border-collapse: collapse;
  border-spacing: 0; }

/*a {-webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}*/
input, select, textarea {font-family:"Nanum Barun Gothic","NanumGothic","malgun gothic","dotum","sans-serif";}
.btnM {padding:4px 8px; font-size:13px; border-radius:2px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.btnD {padding:7px 20px; font-size:16px; border-radius:2px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.btnDN {padding:15px 20px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.btnDN.ig {padding:12px 20px 8px 20px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.btnDefualt {background:#fff; color:#445162; border:1px solid #c5ccd6;}
.btnDefualt:hover {background:#c5ccd6;}
.btnSky {background:#509ccd; color:#fff;}
.btnSky:hover {background:#408ab9;}
.btnNavy {background:#5c6b7e; color:#fff; border:1px solid #5c6b7e;}
.btnNavy:hover {background:#738397; color:#fff;}
.btnDarkNavy {background:#445162; color:#fff;}
.btnDarkNavy:hover {background:#2c3745;}
.btnPurple {background:#8681d1; color:#fff;}
.btnPurple:hover {background:#6e69b8;}
.btnMint {background:#47b4b7; color:#fff;}
.btnMint:hover {background:#3ca7aa;}
.btnRed {background:#de5e6b; color:#fff; border:1px solid #bd505b;}
.btnRed:hover {background:#bd505b;}

.login_id {width:100px; padding:5px; margin-right:5px; border:1px solid #d4d6d8;}
.login_pw {width:100px; padding:5px; margin-right:5px; border:1px solid #d4d6d8;}



h2,h4 {padding:0; margin:0;}
dl, dt, dd, ul, ol, menu, li, strong, span, em {list-style:none; font-weight:inherit;}
.clear {clear: both;}
.white {color:#ffffff;}
.line {border-top:1px solid #cbcbcb; margin:10px 0;}
.center {text-align: center;}
.bold {font-weight:bold;}

.mgl5 {margin-left:5px;}
.mgr0 {margin-right:0px;}
.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt50 {padding-top:50px;}
.pdb15 {padding-bottom:15px;}


/* 메인 메뉴 */
.main {min-height:100%; _height:100%;}
.main:after {content: ''; display: block; clear: both;}
.main > .ts_menu {width:100%; background:#efefef; border-bottom:1px solid #ebeced; padding:5px 0; font-size:11.5px;}
.main > .ts_menu > .wrap {margin:0 auto; max-width:1200px; text-align:right; padding:0 15px;}
.main > .ts_menu > .wrap > a.btn01{background:#fff; color:#2e3444; margin-right:3px; border-radius:2px; padding:5px 15px; border:1px solid #d4d6d8; color:#445162;}
.main > .ts_menu > .wrap a.btn01:hover{background:#2e3444; border:1px solid #2e3444; color:#fff;}
.main > .ts_menu > .wrap {margin:0 auto; max-width:1200px; text-align:right; padding:0 15px;}
.main > .ts_menu > .wrap > a.btn02{background:#fff; color:#2e3444; margin-right:3px; border-radius:2px; padding:5px 15px; border:1px solid #d4d6d8; color:#445162;}
.main > .ts_menu > .wrap a.btn02:hover{background:#509ccd; border:1px solid #509ccd; color:#fff;}

.main > .tm_menu {float:left; width: 100%; height: 100px; background:#fff;}
.main > .tm_menu > .tm_menu_1200 {max-width: 1200px; margin: 0 auto; position: relative;}

.logo {float:left; margin:48px 0 0 15px;}
.logo img {width:100px;}
.logo a{color:#2e3444; font-size: 25px; font-weight:bold;}
.logo a:hover{color:#509ccd;}

.menu_wrap .web_menu {display:block;}
.menu_wrap .mobile_menu {display:none;}

.menu_wrap {float:right; width:570px; padding:45px 0 0 0; font-size: 16px; font-weight:bold;}
.menu_wrap a{float:left; width:100px; color:#8d94a8; text-align:center; padding:13px 0 24px 0}
.menu_wrap a:hover{color:#509ccd;}
.menu_wrap .active{color:#509ccd;}
.menu_wrap .pp:hover .open_menu{display: block;}

.social_list a,
.social_list a:hover {color:#fff;}
.social_list {list-style: none; margin:0; padding:0;}
.social_list li a{width:25px; height:25px; text-align:center; margin-right:5px; border-radius:2px; padding:5px 0 21px 0; margin-top:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.social_list li.facebook a {background: #3E5993;}
.social_list li.facebook a:hover,
.social_list li.facebook a:focus {background: #2e477d;}
.social_list li.blog a {background: #59c22a;}
.social_list li.blog a:hover,
.blog > .social_list li.blog a:focus {background: #48a71d;}
.social_list li.facebook img,
.social_list li.twitter img,
.social_list li.kakaostory img,
.social_list li.blog img  {width:auto; height:12px;}


/* 메인메뉴 > 서브메뉴 */
.open_menu {display:none; position:absolute; width:140px; background: #509ccd; text-align:center; padding:10px 0; font-size: 14px; margin-top: 54.5px; border-radius: 0 0 2px 2px; overflow:hidden; z-index:999;}
.open_menu.r1 {right:50px;}
.open_menu.r2 {right:150px;}
.open_menu.r3 {right:250px;}
.open_menu.r4 {right:350px;}
.open_menu.r5 {right:450px;}
.open_menu.r6 {right:550px;}
.open_menu.r7 {right:650px;}
.open_menu li a{width:100%; color:#fff; padding: 10px; font-weight:normal; transition:background 0.3s; -webkit-transition:background 0.3s;}
.open_menu li a:hover{color:#fff; background:#6fb9e9;}
.open_menu li .s_active {background:#6fb9e9; font-weight:bold;}

/* 메인 CSS */
.main_wrap {width:100%; background:#2e3444;}
.main_wrap_content {max-width: 1200px; margin: 0 auto; padding:30px 0 230px 0;}
.row01 {width:1170px; margin:0 auto;}
.row01 > .part01,
.row01 > .part02 {float:left; width:33.3333%; padding:20px; text-align:center;}
.row01 > .part01{background:#f0f2f8;}
.row01 > .part02{background:#fff;}
.row01 > .part01 p,
.row01 > .part02 p{font-size:16px; color:#445162; line-height:23px; margin:0 0 5px 0;}
.row01 > .part01 span,
.row01 > .part02 span{font-size:20px; font-weight:bold;}
.row01 > .part01 span.c1 {color:#509ccd;}
.row01 > .part02 span.c2 {color:#8681d1;}
.row01 > .part01 span.c3 {color:#47b4b7;}
.row01 > .part01 .imwrap01 img,
.row01 > .part02 .imwrap01 img{margin:0 0 10px 0; width:72px;}
.row01 > .part01 .imwrap02 img,
.row01 > .part02 .imwrap02 img{margin:20px 0 10px 0; width:100%;}
.row01 > .part01 > .mainBtnWrap {width:100%;}
.row01 > .part01 > .mainBtnWrap a.b01 {float:left; width:60%; height:50px;}
.row01 > .part01 > .mainBtnWrap a.b02 {float:left; width:20%; height:50px;}
.row01 > .part01 > .mainBtnWrap a.b02.ig.btnDN,
.row01 > .part02 > .mainBtnWrap a.b02.ig.btnDN {padding:13px 0;}
.row01 > .part01 > .mainBtnWrap a img,
.row01 > .part02 > .mainBtnWrap a img {width:20px;}
.row01 > .part02 > .mainBtnWrap {width:100%;}
.row01 > .part02 > .mainBtnWrap a.b01 {float:left; width:60%; height:50px;}
.row01 > .part02 > .mainBtnWrap a.b02 {float:left; width:20%; height:50px;}
.row01 > .part03 {width:100%; background:url('/09_web_zipsa_1/img/main_banner_bg.png'); text-align:center;}
.row01 > .part03 > .main_text_lock {width:100%; height:70px; background:url('/09_web_zipsa_1/img/main_text_lock.png') no-repeat center;}
.row01 > .part04,
.row01 > .part05{float:left; width:33.3333%; height:240px; padding:30px 40px 30px 30px; text-align:left;}
.row01 > .part04{background:#dde6f1;}
.row01 > .part05{background:#f0f2f8;}
.row01 > .part04 p,
.row01 > .part05 p{font-size:18px; color:#509ccd; margin:0 0 20px 0;}
.row01 > .part04 li,
.row01 > .part05 li {list-style:none; background:url('/09_web_zipsa_1/img/dot.png') 5px center no-repeat; padding:0 0 0 20px;}
.row01 > .part04 ul li,
.row01 > .part05 ul li{font-size:14px; color:#445162; margin-top:10px; line-height:20px}
.row01 > .part04 ul li:hover,
.row01 > .part05 ul li:hover {text-decoration:underline; color:#1e2732;}
.row01 > .part04 li span {color:#509ccd; padding-right:5px;}
.row01 > .title{width:100%; color:#fff; font-size:25px; padding:30px 0 15px 0; text-align:center; letter-spacing:5px;}
.row01 > .part06,
.row01 > .part07{float:left; width:25%; height:200px; color:#adb3c5; padding:40px; text-align:center; line-height:25px;}
.row01 > .part06{background:#3c4356;}
.row01 > .part07{background:#4d5569;}
.row01 > .part06 i,
.row01 > .part07 i{color:#fff; padding-bottom:15px}
.row01 > .part07 i.fa-2x-2 {font-size:1.8em}

/* 서브 CSS */
.tm_nav_wrap {width: 100%; background:#445162;}
.tm_nav_wrap > .location {max-width: 1200px; margin:0 auto; padding:10px 20px; text-align:left; color:#fff; font-size:15px;}
.tm_nav_wrap > .location a{color:#fff;}
.tm_nav_wrap > .location a:hover{color:#68b7e9;}
.tm_nav_wrap > .location > .fa-angle-right {color:#a7afb9; margin:0 8px;}

.sub_wrap {width:100%; min-height:780px; background:#fff;}
.sub_wrap_content {max-width: 1200px; margin: 0 auto; padding:30px 20px;}

/*페이지 내부 메뉴*/
.sub_wrap_content > .s_big_title {font-size:40px; color:#445162; padding:20px 0;}
.sub_wrap_content > .s_menu {width:100%; height:55px; color:#445162;}
.sub_wrap_content > .s_menu > .s_column {float:left; text-align:center; border-top:1px solid #445162; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .s_menu > .s_column.col2 {width:50%;}
.sub_wrap_content > .s_menu > .s_column.col3 {width:33.333333%;}
.sub_wrap_content > .s_menu > .s_column.col4 {width:25%;}
.sub_wrap_content > .s_menu > .s_column:hover {margin-top:-2px; background:#f2f5f8; border-top:3px solid #445162; color:#445162;}
.sub_wrap_content > .s_menu > .s_column a.active {margin-top:-3px; background:#f2f5f8; border-top:3px solid #445162; font-weight:bold; color:#445162;}
.sub_wrap_content > .s_menu > .s_column a{display:block; padding:20px 10px;}

.sub_wrap_content > .tap_area {list-style:none; margin:0 auto 40px; padding:0; position:relative; width:100%;}
.sub_wrap_content > .tap_area input[type="radio"] {display: none;}
.sub_wrap_content > .tap_area .tap_area_nav {width:100%;}
.sub_wrap_content > .tap_area .tap_area_nav label {float:left; width:25%; background-color:#fff; color:#a0a9b5; font-size:16px; padding:15px 20px; text-align:center; border:1px solid #d4d6d8; border-left:0px; border-bottom:0px;}
.sub_wrap_content > .tap_area .tap_area_nav label:hover {cursor:pointer; background:#445162; color:#fff; border:1px solid #445162;}
.sub_wrap_content > .tap_area .tap_area_nav label.bl1 {border-left:1px solid #d4d6d8;}
.sub_wrap_content > .tap_area .tap_area-content {overflow:hidden; display:none; background:#FFF; clear:left; box-sizing:border-box;}
.sub_wrap_content > .tap_area input[id="tabOne"]:checked ~ .tap_area_nav label[for="tabOne"],
.sub_wrap_content > .tap_area input[id="tabTwo"]:checked ~ .tap_area_nav label[for="tabTwo"],
.sub_wrap_content > .tap_area input[id="tabThree"]:checked ~ .tap_area_nav label[for="tabThree"],
.sub_wrap_content > .tap_area input[id="tabFour"]:checked ~ .tap_area_nav label[for="tabFour"] {background:#445162; color:#fff; cursor:default; border:1px solid #445162;}
.sub_wrap_content > .tap_area input[id="tabOne"]:checked ~ div.tab_one,
.sub_wrap_content > .tap_area input[id="tabTwo"]:checked ~ div.tab_two,
.sub_wrap_content > .tap_area input[id="tabThree"]:checked ~ div.tab_three,
.sub_wrap_content > .tap_area input[id="tabFour"]:checked ~ div.tab_four {display:block; margin-top:-1px;}

.sub_wrap_content > .azPageBg {width:100%; height:550px; background:url('/09_web_zipsa_1/img/az_img01.png'); overflow:hidden;}
.sub_wrap_content > .azPageBg > .p01 {float:left; width:40%; height:100%; text-align:right; padding-top:70px;}
.sub_wrap_content > .azPageBg > .p02 {float:left; width:60%; height:100%; text-align:left; padding-left:60px; padding-top:150px; overflow:hidden;}
.sub_wrap_content > .azPageBg > .p02 span {display:block; color:#fff; font-size:30px; padding-top:15px;}
.sub_wrap_content > .azPageBg > .p02 p {color:#b7b9bc; font-size:18px; padding-top:20px; line-height:30px;}
.sub_wrap_content > .azPageCtText {width:100%; margin:50px 0;}
.sub_wrap_content > .azPageCtText > p.title {width:33.3333%; margin:0 auto; font-size:30px; color:#509ccd; text-align:center; padding-bottom:5px; border-bottom:3px solid #cae1f0; margin-bottom:30px;}
.sub_wrap_content > .azPageCtText > .t01 {float:left; width:33.3333%; height:auto; font-size:15px; line-height:25px; text-align:left; padding:0 20px; color:#6d7e94;}
.sub_wrap_content > .azPageThreeImg {width:100%; margin-top:50px;}
.sub_wrap_content > .azPageThreeImg > .azti_w1,
.sub_wrap_content > .azPageThreeImg > .azti_w2 {float:left; width:33.3333%; padding:50px 30px 30px 30px; text-align:center; cursor:pointer; overflow:hidden;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 {background:#f0f0f0;}
.sub_wrap_content > .azPageThreeImg > .azti_w2 {background:#e5e5e5;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 p,
.sub_wrap_content > .azPageThreeImg > .azti_w2 p{color:#445162; font-size:15px; margin:0 0 5px 0;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 span,
.sub_wrap_content > .azPageThreeImg > .azti_w2 span{font-size:25px;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 span.c1{color:#509ccd;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 span.c1 .mini,
.sub_wrap_content > .azPageThreeImg > .azti_w2 span.c2 .mini,
.sub_wrap_content > .azPageThreeImg > .azti_w1 span.c3 .mini{font-size:18px;}
.sub_wrap_content > .azPageThreeImg > .azti_w2 span.c2{color:#827dcf;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 span.c3{color:#43b3b5;}
.sub_wrap_content > .azPageThreeImg > .azti_w1 img,
.sub_wrap_content > .azPageThreeImg > .azti_w2 img{width:60%; margin-top:20px; box-shadow:0 8px 12px rgba(0,0,0,.2);}

.sub_wrap_content > .lzPageBg {width:100%; height:350px; background:url('/09_web_zipsa_1/img/lz_img01.png') no-repeat;}
.sub_wrap_content > .lzPageBg > .p01 {float:left; width:34%; text-align:right; padding-top:30px; overflow:hidden;}
.sub_wrap_content > .lzPageBg > .p02 {float:left; width:66%; text-align:left; padding:120px 30px 30px 30px; overflow:hidden;}
.sub_wrap_content > .lzPageBg > .p02 span {display:block; color:#fff; font-size:35px; padding-top:15px; text-align:center;}
.sub_wrap_content > .lzPageBg > .p02 p {color:#fff; font-size:22px; line-height:37px; text-align:center;}
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap {width:100%; padding-top:100px; padding-left:15px; text-align:center;}
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.google{border:1px solid #ebeced; border-radius:2px; padding:20px 150px; background:url('/09_web_zipsa_1/img/logo_icon_google_c.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.apple{border:1px solid #ebeced; border-radius:2px; padding:20px 150px; background:url('/09_web_zipsa_1/img/logo_icon_apple_2.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.manual{border:1px solid #ebeced; border-radius:2px; padding:20px 100px; background:url('/09_web_zipsa_1/img/icon_landlord_manual.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a:hover.google,
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a:hover.apple,
.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a:hover.manual{background-color:#ecf2f6;}
.sub_wrap_content > .lzPageBg > .wGrayLine {float:left; width:100%; border-top:1px solid #ebeced; margin:20px 0;}
.sub_wrap_content > .lzPageBg > .banner {background:url('/09_web_zipsa_1/img/lz_img01.png') no-repeat bottom; color:#fff; text-align:center; padding:15px; margin:20px 0; float:left; width:100%; border-radius:2px; font-size:18px; text-shadow:0 1px 2px rgba(0,0,0,.3);}
.sub_wrap_content > .lzPageFour {width:100%;}
.sub_wrap_content > .lzPageFour > .title {width:100%; font-size:35px; color:#445162; text-align:center; padding:50px 0;}
.sub_wrap_content > .lzPageFour > .title span {color:#509ccd;}
.sub_wrap_content > .lzPageFour > .title p {color:#8792a1; font-size:20px; line-height:28px; margin:30px 0;}
.sub_wrap_content > .lzPageFour > .col_4 {float:left; width:25%; background:#fff; text-align:center; padding:20px;}
.sub_wrap_content > .lzPageFour > .col_4 img {width:40%; margin:0 0 30px 0;}
.sub_wrap_content > .lzPageFour > .col_4 p {font-size:16px; color:#8792a1; margin:0;}

.sub_wrap_content > .tzPageBg {width:100%; height:350px; background:url('/09_web_zipsa_1/img/tz_img01.png') no-repeat;}
.sub_wrap_content > .tzPageBg > .p01 {float:left; width:34%; text-align:right; padding-top:30px; overflow:hidden;}
.sub_wrap_content > .tzPageBg > .p02 {float:left; width:66%; text-align:left; padding:120px 30px 30px 30px; overflow:hidden;}
.sub_wrap_content > .tzPageBg > .p02 span {display:block; color:#fff; font-size:35px; padding-top:0px; text-align:center;}
.sub_wrap_content > .tzPageBg > .p02 p {color:#fff; font-size:22px; line-height:37px; text-align:center;}
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap {width:100%; padding-top:70px; padding-left:15px; text-align:center;}
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.google{border:1px solid #ebeced; border-radius:2px; padding:20px 150px; background:url('/09_web_zipsa_1/img/logo_icon_google_c.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.apple{border:1px solid #ebeced; border-radius:2px; padding:20px 150px; background:url('/09_web_zipsa_1/img/logo_icon_apple_2.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.manual{border:1px solid #ebeced; border-radius:2px; padding:20px 100px; background:url('/09_web_zipsa_1/img/icon_tenants_manual.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a:hover.google,
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a:hover.apple,
.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a:hover.manual{background-color:#f2f2fa;}
.sub_wrap_content > .tzPageBg > .wGrayLine {float:left; width:100%; border-top:1px solid #ebeced; margin:20px 0;}
.sub_wrap_content > .tzPageBg > .banner {background:url('/09_web_zipsa_1/img/tz_img01.png') no-repeat top; color:#fff; text-align:center; padding:15px; margin:20px 0; float:left; width:100%; border-radius:2px; font-size:18px; text-shadow:0 1px 2px rgba(0,0,0,.3);}
.sub_wrap_content > .tzPageFour {width:100%;}
.sub_wrap_content > .tzPageFour > .title {width:100%; font-size:35px; color:#445162; text-align:center; padding:50px 0;}
.sub_wrap_content > .tzPageFour > .title span {color:#827dcf;}
.sub_wrap_content > .tzPageFour > .title p {color:#8792a1; font-size:20px; line-height:28px; margin:30px 0;}
.sub_wrap_content > .tzPageFour > .col_4 {float:left; width:25%; background:#fff; text-align:center; padding:20px;}
.sub_wrap_content > .tzPageFour > .col_4 img {width:40%; margin:0 0 30px 0;}
.sub_wrap_content > .tzPageFour > .col_4 p {font-size:16px; color:#8792a1; margin:0;}

.sub_wrap_content > .rzPageBg {width:100%; height:350px; background:url('/09_web_zipsa_1/img/rz_img01.png') no-repeat;}
.sub_wrap_content > .rzPageBg > .p01 {float:left; width:34%; text-align:right; padding-top:30px; overflow:hidden;}
.sub_wrap_content > .rzPageBg > .p02 {float:left; width:66%; text-align:left; padding:120px 30px 30px 30px; overflow:hidden;}
.sub_wrap_content > .rzPageBg > .p02 span {display:block; color:#fff; font-size:35px; padding-top:0px; text-align:center;}
.sub_wrap_content > .rzPageBg > .p02 p {color:#fff; font-size:22px; line-height:37px; text-align:center;}
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap {width:100%; padding-top:70px; padding-left:15px; text-align:center;}
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.google{border:1px solid #ebeced; border-radius:2px; padding:20px 150px; background:url('/09_web_zipsa_1/img/logo_icon_google_c.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.apple{border:1px solid #ebeced; border-radius:2px; padding:20px 150px; background:url('/09_web_zipsa_1/img/logo_icon_apple_2.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.manual{border:1px solid #ebeced; border-radius:2px; padding:20px 100px; background:url('/09_web_zipsa_1/img/icon_realtor_manual.png') no-repeat; background-position:center; background-size:150px auto; margin-right:10px; transition:background 0.3s; -webkit-transition:background 0.3s;}
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a:hover.google,
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a:hover.apple,
.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a:hover.manual{background-color:#ecf7f7;}
.sub_wrap_content > .rzPageBg > .wGrayLine {float:left; width:100%; border-top:1px solid #ebeced; margin:20px 0;}
.sub_wrap_content > .rzPageBg > .banner {background:url('/09_web_zipsa_1/img/rz_img01.png') no-repeat bottom; color:#fff; text-align:center; padding:15px; margin:20px 0; float:left; width:100%; border-radius:2px; font-size:18px; text-shadow:0 1px 2px rgba(0,0,0,.3);}
.sub_wrap_content > .rzPageFour {width:100%;}
.sub_wrap_content > .rzPageFour > .title {width:100%; font-size:35px; color:#445162; text-align:center; padding:50px 0;}
.sub_wrap_content > .rzPageFour > .title span {color:#43b3b5;}
.sub_wrap_content > .rzPageFour > .title p {color:#8792a1; font-size:20px; line-height:28px; margin:30px 0;}
.sub_wrap_content > .rzPageFour > .col_4 {float:left; width:25%; background:#fff; text-align:center; padding:20px;}
.sub_wrap_content > .rzPageFour > .col_4 img {width:40%; margin:0 0 30px 0;}
.sub_wrap_content > .rzPageFour > .col_4 p {font-size:16px; color:#8792a1; margin:0;}

.cubeBox {float:left; width:100%; margin:20px 0 0 0;}
.cubeBox > .lzcube01,
.cubeBox > .tzcube01,
.cubeBox > .rzcube01 {float:left; width:33.3333%; height:760px; padding:30px; position:relative;}
.cubeBox > .lzcube01 p.title01,
.cubeBox > .tzcube01 p.title01,
.cubeBox > .rzcube01 p.title01 {font-size:15px; margin-top:0;}
.cubeBox > .lzcube01 p.title01 {background:#3a4553; color:#c6d2e1;}
.cubeBox > .tzcube01 p.title01 {background:#5b5790; color:#adaad1;}
.cubeBox > .rzcube01 p.title01 {background:#2f7d7e; color:#a8d0d1;}
.cubeBox > .lzcube01 .whiteBar,
.cubeBox > .tzcube01 .whiteBar,
.cubeBox > .rzcube01 .whiteBar {width:30px; border:1px solid #fff; margin-bottom:20px;}
.cubeBox > .lzcube01 p.title02,
.cubeBox > .tzcube01 p.title02,
.cubeBox > .rzcube01 p.title02 {font-size:17px; line-height:25px; margin-bottom:12px;}
.cubeBox > .lzcube01 p.title02 {background:#3a4553; color:#e4ebf4;}
.cubeBox > .tzcube01 p.title02 {background:#5b5790; color:#d5d3e6;}
.cubeBox > .rzcube01 p.title02 {background:#2f7d7e; color:#d4e7e7;}
.cubeBox > .lzcube01 p.title03,
.cubeBox > .tzcube01 p.title03,
.cubeBox > .rzcube01 p.title03 {font-size:23px; line-height:30px; color:#fff; margin:0;}
.cubeBox > .lzcube01 p.title03 {background:#3a4553;}
.cubeBox > .tzcube01 p.title03 {background:#5b5790;}
.cubeBox > .rzcube01 p.title03 {background:#2f7d7e;}
.cubeBox > .lzcube01.c1 {background:#3a4553; color:#fff;}
.cubeBox > .tzcube01.c1 {background:#5b5790; color:#fff;}
.cubeBox > .rzcube01.c1 {background:#2f7d7e; color:#fff;}
.cubeBox > .lzcube01 .slidePhone,
.cubeBox > .tzcube01 .slidePhone,
.cubeBox > .rzcube01 .slidePhone {width:100%; height:100%; background:url('/09_web_zipsa_1/img/slide_bg_phone.png') no-repeat; background-position:center 200px; background-size:230px 455px; text-align:center;}
.cubeBox > .lzcube01 .slidePhone .slideTextWrap,
.cubeBox > .tzcube01 .slidePhone .slideTextWrap,
.cubeBox > .rzcube01 .slidePhone .slideTextWrap {float:left; width:100%; text-align:left;}
.cubeBox > .lzcube01 .slidePhone .slideText,
.cubeBox > .tzcube01 .slidePhone .slideText,
.cubeBox > .rzcube01 .slidePhone .slideText {width:30px; border:2px solid #fff; margin-bottom:20px;}
.cubeBox > .lzcube01 .slidePhone .slideImg,
.cubeBox > .tzcube01 .slidePhone .slideImg,
.cubeBox > .rzcube01 .slidePhone .slideImg {position:absolute; float:left; width:auto; text-align:center; margin-top:251px; margin-left:50px}
.cubeBox > .lzcube02 {float:left; width:33.3333%; height:190px; padding:30px 20px 10px 20px; text-align:center;}
.cubeBox > .tzcube02 {float:left; width:33.3333%; height:253.3333px; padding:50px 20px 10px 20px; text-align:center;}
.cubeBox > .rzcube02 {float:left; width:33.3333%; height:253.3333px; padding:50px 20px 10px 20px; text-align:center;}
.cubeBox > .lzcube02 p.bigTitle,
.cubeBox > .tzcube02 p.bigTitle,
.cubeBox > .rzcube02 p.bigTitle {font-size:20px; margin-bottom:0px;}
.cubeBox > .lzcube02 p.subContent,
.cubeBox > .tzcube02 p.subContent,
.cubeBox > .rzcube02 p.subContent {font-size:15px; margin-top:7px;}
.cubeBox > .lzcube02 p.subContent.c01,
.cubeBox > .tzcube02 p.subContent.c01,
.cubeBox > .rzcube02 p.subContent.c01 {color:#e3e3e3;}
.cubeBox > .lzcube02 p.subContent.c02,
.cubeBox > .tzcube02 p.subContent.c02,
.cubeBox > .rzcube02 p.subContent.c02 {color:#8f97a1;}
.cubeBox > .lzcube02 p.subContent.c03,
.cubeBox > .tzcube02 p.subContent.c03,
.cubeBox > .rzcube02 p.subContent.c03 {color:#6e7783;}
.cubeBox > .lzcube02 .fa.fa-mobile{font-size:3.5em;}
.cubeBox > .lzcube02 img {width:35px;}

.cubeBox > .lzcube02.cc1 {background:#509ccd; color:#fff;}
.cubeBox > .lzcube02.cc2 {background:#ebeced; color:#445162;}
.cubeBox > .lzcube02.cc3 {background:#fff; color:#445162;}
.cubeBox > .lzcube02.cc4 {background:#edf5fa; color:#509ccd;}
.cubeBox > .lzcube02.cc5 {background:#c1c5ca; color:#3a4553;}
.cubeBox > .lzcube02.cc6 {background:#3a4553; color:#fff;}
.cubeBox > .tzcube02.cc1 {background:#827dcf; color:#fff;}
.cubeBox > .tzcube02.cc2 {background:#f5f5f5; color:#445162;}
.cubeBox > .tzcube02.cc3 {background:#fff; color:#445162;}
.cubeBox > .tzcube02.cc4 {background:#f2f2fa; color:#8d8dd3;}
.cubeBox > .tzcube02.cc5 {background:#d2d2d2; color:#3a4553;}
.cubeBox > .tzcube02.cc6 {background:#5b5790; color:#fff;}
.cubeBox > .lzcube02.cc6 {background:#3a4553; color:#fff;}
.cubeBox > .rzcube02.cc1 {background:#43b3b5; color:#fff;}
.cubeBox > .rzcube02.cc2 {background:#f5f5f5; color:#445162;}
.cubeBox > .rzcube02.cc3 {background:#fff; color:#445162;}
.cubeBox > .rzcube02.cc4 {background:#c2e3e3; color:#2f7d7e;}
.cubeBox > .rzcube02.cc5 {background:#d2d2d2; color:#3a4553;}
.cubeBox > .rzcube02.cc6 {background:#2f7d7e; color:#fff;}

.faqPage {width:100%;}
.faqPage > .title {width:100%; font-size:35px; color:#445162; text-align:center; padding:50px 0;}
.faqPage > .title span.t01 {color:#509ccd;}
.faqPage > .title span.t02 {color:#827dcf;}
.faqPage > .title span.t03 {color:#43b3b5;}
.faqPage > .faq_wrap {width:100%; text-align:left; border:1px solid #d4d6d8; border-top:0px; color:#445162;}
.faqPage > .faq_wrap > .subject {width:100%; cursor:pointer; padding:20px 30px; font-weight:bold; border-top:1px solid #d4d6d8;}
.faqPage > .faq_wrap > .subject span.tt01{color:#445162; padding-right:5px;}
.faqPage > .faq_wrap > .subject span.tt02{color:#509ccd; padding-right:5px;}
.faqPage > .faq_wrap > .subject span.tt03{color:#827dcf; padding-right:5px;}
.faqPage > .faq_wrap > .subject span.tt04{color:#43b3b5; padding-right:5px;}
.faqPage > .faq_wrap > .content {display:none; width:100%; padding:20px 30px; background-color:#edf5fa; border-top:1px solid #d4d6d8; clear:both;}
.faqPage > .faq_wrap > .fnaAllBtn img {margin-left:10px; width:66px; vertical-align:middle;}
.faqPage > .faq_wrap > .fnaAllBtn.lz a{display:block; background:#509ccd; color:#fff; font-size:25px; text-align:center; padding:20px; clear:both;}
.faqPage > .faq_wrap > .fnaAllBtn.lz a:hover{background:#4485ae;}
.faqPage > .faq_wrap > .fnaAllBtn.tz a{display:block; background:#827dcf; color:#fff; font-size:25px; text-align:center; padding:20px; clear:both;}
.faqPage > .faq_wrap > .fnaAllBtn.tz a:hover{background:#6762b7;}
.faqPage > .faq_wrap > .fnaAllBtn.rz a{display:block; background:#43b3b5; color:#fff; font-size:25px; text-align:center; padding:20px; clear:both;}
.faqPage > .faq_wrap > .fnaAllBtn.rz a:hover{background:#39989a;}


/* 고객센터 보드 스타일 */
.sub_wrap_content > .board table {width:100%;}
.sub_wrap_content > .board table a {display:block;}
.sub_wrap_content > .board > .list a:hover,
.sub_wrap_content > .board > .view a:hover {color:#509ccd;}
.sub_wrap_content > .board > .list tbody tr:hover{background:#f5f9fc; cursor:pointer;}
.sub_wrap_content > .board > .list tbody td {border-top:1px solid #ebeced; color:#445162; padding:20px 10px; text-align:center;}
.sub_wrap_content > .board > .list,
.sub_wrap_content > .board > .view {border-top:2px solid #445162; border-bottom:1px solid #445162; font-size:16px;}
.sub_wrap_content > .board > .list thead th {background:#fff; color:#445162; padding:15px; text-align:center; font-size:14px; border-bottom:1px solid #445162;}
.sub_wrap_content > .board > .view thead th {background:#fff; color:#445162; padding:15px; text-align:center; font-size:16px; border-bottom:1px solid #445162;}
.sub_wrap_content > .board > .view tbody td {border-top:1px solid #ebeced; color:#445162; padding:20px 10px; text-align:left; line-height:25px;}
.sub_wrap_content > .board > .list p,
.sub_wrap_content > .board > .view p {margin:0;}
.sub_wrap_content > .board > .list span.blank_line,
.sub_wrap_content > .board > .view span.blank_line {font-size:13px; color:#cfd7e1; padding:0 10px;}
.sub_wrap_content > .board > .list span.name,
.sub_wrap_content > .board > .view span.name {font-size:13px; color:#509ccd;}
.sub_wrap_content > .board > .list tbody td.data,
.sub_wrap_content > .board > .list span.data,
.sub_wrap_content > .board > .view span.data {font-size:13px; color:#8f97a1; padding:0 5px;}
.sub_wrap_content > .board > .list thead th.left,
.sub_wrap_content > .board > .list tbody td.left,
.sub_wrap_content > .board > .view thead th.left,
.sub_wrap_content > .board > .view tbody td.left {text-align:left;}
.sub_wrap_content > .board > .list img.img1,
.sub_wrap_content > .board > .view img.img1 {width:12px; vertical-align:middle; margin-top:-2px; margin-left:5px;}
.sub_wrap_content > .board > .list img.img2,
.sub_wrap_content > .board > .view img.img2 {width:14px; vertical-align:middle; margin-left:5px;}
.sub_wrap_content > .board > .list span.category_1,.sub_wrap_content > .board > .view span.category_1,
.sub_wrap_content > .board > .list span.category_2,.sub_wrap_content > .board > .view span.category_2,
.sub_wrap_content > .board > .list span.category_3,.sub_wrap_content > .board > .view span.category_3,
.sub_wrap_content > .board > .list span.category_4,.sub_wrap_content > .board > .view span.category_4 {font-size:13px; margin-right:5px;}
.sub_wrap_content > .board > .list span.category_1,
.sub_wrap_content > .board > .view span.category_1 {color:#9a9a9a;}
.sub_wrap_content > .board > .list span.category_2,
.sub_wrap_content > .board > .view span.category_2 {color:#f77c7c;}
.sub_wrap_content > .board > .list span.category_3,
.sub_wrap_content > .board > .view span.category_3 {color:#509ccd;}
.sub_wrap_content > .board > .list span.category_4,
.sub_wrap_content > .board > .view span.category_4 {color:#47b4b7;}
.sub_wrap_content > .board > .view thead th.view_nd {background:#f5f9fc; font-size:13px; border-bottom:1px solid #d4d6d8; text-align:left; font-weight:normal;}
.sub_wrap_content > .board > .view tbody td > .reply {background:#fff; border:1px dashed #c5ccd6; padding:10px; margin-top:20px;}
.sub_wrap_content > .board > .view tbody td > .reply > .subject {color:#509ccd; font-size:15px; font-weight:bold; padding:10px; border-bottom:1px dashed #c5ccd6;}
.sub_wrap_content > .board > .view tbody td > .reply > .content {color:#445162; font-size:15px; padding:10px; line-height:20px;}
.sub_wrap_content > .board > .view input,
.sub_wrap_content > .board > .view textarea {width:100%; padding:5px; border:1px solid #d7d7d7; box-shadow:0 0 0; -webkit-border-radius:0px; -webkit-appearance:none;}
.sub_wrap_content > .board > .view .img_wrap {text-align:center; margin-top:40px;}
.sub_wrap_content > .board > .view .img_wrap img {max-width:800px;}

.sub_wrap_content > .board > .btn_wrap {margin-top:20px; font-size:14px; text-align:right;}

.sub_wrap_content > .board > .pagination {padding:10px; text-align:center; color:#748193; font-size:13px;}
.sub_wrap_content > .board > .pagination img {vertical-align:middle; padding:8px 10px 10px 10px;}
.sub_wrap_content > .board > .pagination a{padding:0 3px;}
.sub_wrap_content > .board > .pagination a:hover {color:#509ccd; padding:0 3px;}
.sub_wrap_content > .board > .pagination a.active{color:#509ccd; font-weight:bold;}


/* 이용약관,개인정보취급방침 */
.terms_wrap {padding:20px 0; font-size:13px; color:#7a7a7a; line-height:25px;}
.terms_wrap h1 {font-size:18px; color:#509ccd; margin-top:40px; padding:10px 0; border-top:1px dashed #e0e0e0; border-bottom:1px solid #e0e0e0;}
.terms_wrap h1.margin0 {margin-top:0px;}
.terms_wrap h3 {font-size:14px; color:#445162}
.terms_wrap ol.indent {padding-left:20px;}

/* 하단공통 */
.footer {height:150px; background:#262c3a; text-align:center; vertical-align:middle;}
.footer > .text {padding:20px 0 0 0; font-size: 15px;}
.footer > .text li {display:inline-block; padding:10px;}
.footer > .text a{color:#a5aab8;}
.footer > .text a:hover {color:#fff;}
.footer > .text a.prx {padding-top:-5px;}
.footer > .copyright {padding:4px 0; font-size: 13px; color:#707582;}

/****************************************/

@media screen and (min-width: 1170px) {
    .main_wrap_content > section .row{overflow: hidden; color:#5d657d;}
}

@media screen and (max-width: 1000px) {
	.sub_wrap_content > .lzPageBg,
	.sub_wrap_content > .tzPageBg,
	.sub_wrap_content > .rzPageBg {height:250px;}
	.sub_wrap_content > .lzPageBg > .p01 img,
	.sub_wrap_content > .tzPageBg > .p01 img,
	.sub_wrap_content > .rzPageBg > .p01 img{width:103%; padding-left:5px; padding-top:20px;}
	.sub_wrap_content > .lzPageBg > .p02,
	.sub_wrap_content > .tzPageBg > .p02,
	.sub_wrap_content > .rzPageBg > .p02 {padding:60px 30px 10px 30px;}
	.sub_wrap_content > .lzPageBg > .p02 span,
	.sub_wrap_content > .tzPageBg > .p02 span,
	.sub_wrap_content > .rzPageBg > .p02 span {font-size:30px;}
	.sub_wrap_content > .lzPageBg > .p02 p,
	.sub_wrap_content > .tzPageBg > .p02 p,
	.sub_wrap_content > .rzPageBg > .p02 p {font-size:20px; line-height:26px;}
	.sub_wrap_content > .lzPageFour > .col_4 img,
	.sub_wrap_content > .tzPageFour > .col_4 img,
	.sub_wrap_content > .rzPageFour > .col_4 img {width:60%}

}

@media screen and (max-width: 1169px) {
	.main_wrap_content {padding:110px 0 0;}
	.main_wrap_content > section .row{padding: 5px 10px 10px 10px; overflow: hidden; color:#5d657d;}
	.row01 {width:100%; margin:0 auto;}
	.row01 > .part04,
	.row01 > .part05{height:250px;}

	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap {width:100%; padding:35px 50px 0 50px;}
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap,
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap {width:100%; padding:50px 50px 0 50px;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.google,
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.google,
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.google{display:block; padding:30px 100px; background-size:130px auto; margin-right:0px;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.apple,
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.apple,
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.apple{display:block; padding:30px 100px; background-size:130px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.manual,
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.manual,
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.manual{display:block; padding:30px 100px; background-size:160px auto; margin-right:0px; margin-top:10px;}

	.cubeBox .lzcube01,
	.cubeBox .tzcube01,
	.cubeBox .rzcube01 {display:none;}
	.cubeBox .lzcube02,
	.cubeBox .tzcube02,
	.cubeBox .rzcube02 {width:50%; height:210px; padding:20px 10px;}
	.cubeBox .lzcube02 p.bigTitle,
	.cubeBox .tzcube02 p.bigTitle,
	.cubeBox .rzcube02 p.bigTitle {font-size:15px; font-weight:bold;}
	.cubeBox .lzcube02 p.subContent,
	.cubeBox .tzcube02 p.subContent,
	.cubeBox .rzcube02 p.subContent {font-size:13px;}
	.cubeBox .lzcube02 .fa,
	.cubeBox .tzcube02 .fa,
	.cubeBox .rzcube02 .fa {font-size:2em;}
	.cubeBox .lzcube02 .fa.fa-mobile {font-size:2.5em;}
	.cubeBox .lzcube02 img,
	.cubeBox .tzcube02 img,
	.cubeBox .rzcube02 img {width:30px;}
}



@media screen and (max-width: 716px) {
	.top_ban_wrap {position: fixed; z-index: 9999;}
	.main {min-height:100%; _height:100%;}
	.main > .ts_menu {display:none;}
    .main > .tm_menu {position:fixed; top:60px; z-index:9999; float:left; width: 100%; height: 50px; background:#fff; box-shadow: 0 2px 5px rgba(0,0,0,.2);}
    .menu_wrap .web_menu {display:none;}
    .menu_wrap .mobile_menu {display:block;}
    .menu_wrap .mobile_menu {position: absolute; z-index:999;}
    .logo {position: absolute; z-index: 1; width: 100%; margin:12px 0 0 0; text-align: center;}
	.logo img {width:70px; padding-top:3px;}
    .logo a{color:#2e3444; font-size: 20px; font-weight:bold;}
    .logo a:hover{color:#509ccd;}

	.main_wrap {top: 110px; height:auto;}

	/*모바일용으로 추가 한 메뉴*/
	/*아이콘*/
	.menu_wrap {float:left; width:auto; padding:0; font-size: 16px; font-weight:bold;}
	.menu_wrap a{text-align:left;}
	.menu_wrap .fa.fa-bars,.c_btn03 .fa-user {content: "\f0c9"; font-size:1.3em; padding: 8px 10px;}
	.menu_wrap .fa.fa-home,.fa-mobile,.fa-check,.fa-heart,.fa-user,.fa-asterisk,.fa-sign-in {margin-right:10px;}

	input.c_btn01 {display:none;}

	.main_wrap_content > section .row{overflow: hidden; color:#5d657d; padding:0;}

	.mobile_menu_closer {position:fixed; display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5);}

	.c_btn02 {position:absolute; top:7px; left: 0px; color:#8f97a1; cursor: pointer; transition:left 0.2s ease-out; -webkit-transition-left:0.2s ease-out;}
	.c_btn02.on {position:fixed; left: 260px; top:10px; border-radius: 100%; color:#fff; background: #000; text-shadow:0 1px 1px rgba(0,0,0,.2); transition:left 0.2s ease-out; -webkit-transition-left:0.2s ease-out;}
	.c_btn02.on .fa-bars:before {content: ""; display: none;}
	.c_btn02.on .fa-bars:after {content: "\f00d"; display: block;}
	.c_btn03 {position:absolute; top:5px; right: 0px; color:#8f97a1; cursor: pointer; z-index: 99;}
	.c_btn03 i {margin-right:5px;}
	.c_btn03 .login {height: 26px; line-height: 24px; padding: 0 10px; font-size: 13px; margin: 7px 10px; border: 1px solid #ebeced; color: #c1c5ca; text-align: center; border-radius: 2px;}
	.open_menu {display:block; width:250px; height: 100%; position: fixed; top:0; left:-280px; background: #445162; text-align:left; padding:0; font-size: 14px; margin-top: auto; border-radius: 0; z-index:999; overflow-y:auto; transition:left 0.2s ease-out; -webkit-transition-left:0.2s ease-out; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
	.open_menu ul li a {width:100%; height:50px; padding: 14px 20px; margin-left: 0; color:#fff; text-decoration: none; display: block;border-top: 1px solid #4f5e71; border-bottom: 1px solid #252e3b;}
	.open_menu ul li:hover a {background: #5d6d81; color:#fff;}
	.open_menu.on {left: 0;}
	.menu_wrap .active {background:#5d6d81; color:#fff;}
	.menu_wrap .login_wrap {background:#509ccd; color:#fff; font-size: 14px; color: #fff; font-weight: normal; border-bottom: 1px solid #252e3b;}
	.menu_wrap .login_wrap .hello {padding: 15px; line-height: 22px; font-size: 13px; border-bottom: 1px solid #4485ae;}
	.menu_wrap .login_wrap .login {width: 100%; font-size:0; display: table !important;}
	.menu_wrap .login_wrap .login i {margin-right: 3px;}
	.menu_wrap .login_wrap .login li {width: 50%; font-size: 14px; display: inline-block; text-align: center; border-top: 1px solid #69b2e1; border-right: 1px solid #4485ae;}
	.menu_wrap .login_wrap .login li+li {border-right: 0;}
	.menu_wrap .login_wrap .login a {background:#59a5d6; color: #cfecff;  height: 40px; line-height: 40px; text-align: center; border: 0; padding: 0;}
	.menu_wrap .login_wrap .login a:hover {background: #4895c6; color: #fff;}

	.open_menu ul li > .sub01 {display:none;}
	.open_menu ul li > .sub01 {padding:50px 0 0 0; color:#fff;}
	.open_menu ul li > .sub01 li a{height:40px; background:#333e4d; padding:11px 40px; border-top:0;}
	.open_menu ul li > .sub01 li a:hover{display:block; background:#252e3b;}
	.open_menu ul li > .sub01 li .s_active {background:#252e3b; border-bottom:1px solid #354151;}

	.row01 > .part01,
	.row01 > .part02 {float:left; width:100%; padding:20px; text-align:center;}
	.row01 > .part01 .imwrap01 img,
	.row01 > .part02 .imwrap01 img{width:20%}
	.row01 > .part01 .imwrap02 img,
	.row01 > .part02 .imwrap02 img{display:none;}
	.row01 > .part01 p,
	.row01 > .part02 p{font-size:14px; color:#445162; line-height:20px; margin:0 0 5px 0;}
	.row01 > .part01 > .mainBtnWrap a.b01 {float:left; width:50%; height:40px; padding:12px; font-size:15px; margin-top:20px;}
	.row01 > .part01 > .mainBtnWrap a.b02 {float:left; width:25%; height:40px; padding:12px; margin-top:20px;}
	.row01 > .part01 > .mainBtnWrap a.b02.ig.btnDN,
	.row01 > .part02 > .mainBtnWrap a.b02.ig.btnDN {padding:10px 0;}
	.row01 > .part01 > .mainBtnWrap a img,
	.row01 > .part02 > .mainBtnWrap a img {width:16px;}
	.row01 > .part02 > .mainBtnWrap {width:100%;}
	.row01 > .part02 > .mainBtnWrap a.b01 {float:left; width:60%; height:40px; padding:12px; font-size:15px; margin-top:20px;}
	.row01 > .part02 > .mainBtnWrap a.b02 {float:left; width:20%; height:40px; padding:12px; margin-top:20px;}
	.row01 > .part03 {width:100%; background:url('/09_web_zipsa_1/img/main_banner_bg.png'); background-size:auto 100%; background-repeat:no-repeat; text-align:center;}
	.row01 > .part03 > .main_text_lock {width:100%; height:80px; background:url('/09_web_zipsa_1/img/main_text_lock_m.png') no-repeat center; background-size:80%;}
	.row01 > .part03 span {display:block; padding-bottom:10px;}
	.row01 > .part03 > .btnD {padding:5px 20px;}
	.row01 > .part03 > .btnSky {font-size:12px;}
	.row01 > .part04,
	.row01 > .part05{width:100%; height:auto; padding:20px;}
	.row01 > .title{font-size:18px;}
	.row01 > .part06,
	.row01 > .part07{float:left; width:100%; height:auto; color:#adb3c5; padding:20px; text-align:center; line-height:25px; font-size:14px}

	/* 서브 CSS */
	.tm_nav_wrap > .location {font-size:14px;}
	.tm_nav_wrap > .location > .fa-angle-right {color:#a7afb9; margin:0 5px;}

	/* 서브 메뉴 */
	.sub_wrap_content > .s_menu {width:100%; height:auto; color:#445162;}
	.sub_wrap_content > .s_menu > .s_column a{padding:10px; font-size:13px;}
	.sub_wrap_content > .s_menu > .s_column a.h65{height:65px;}
	.sub_wrap_content > .s_menu > .s_column a.h55{height:55px;}
	.sub_wrap_content > .s_menu > .s_column a.active {}

	.sub_wrap_content > .tap_area {list-style:none; margin-top:35px; padding:0; position:relative; width:100%; clear:both;}
	.sub_wrap_content > .tap_area .tap_area_nav {width:100%;}
	.sub_wrap_content > .tap_area .tap_area_nav label {float:left; width:25%; background-color:#fff; color:#a0a9b5; font-size:13px; padding:8px; text-align:center; border:1px solid #ebeced; border-left:0px; border-bottom:0px;}
	.sub_wrap_content > .tap_area .tap_area_nav label:hover {cursor:pointer; background:#445162; color:#fff; border:1px solid #445162;}
	.sub_wrap_content > .tap_area .tap_area_nav label.bl1 {border-left:1px solid #ebeced;}
	.sub_wrap_content > .tap_area .tap_area-content {overflow:hidden; display:none; background:#FFF; clear:left; box-sizing:border-box;}

  .tm_nav_wrap {padding-top: 110px;}
	.sub_wrap {position:relative; min-height:200px;}
  .sub_wrap_content {padding: 20px 20px 30px}
	.sub_wrap_content > .s_big_title {font-size:20px; color:#445162; padding:0 0 10px 0;}
	.sub_wrap_content > .azPageBg {height:auto; padding:10px; background-size:auto 100%;overflow:hidden;}
	.sub_wrap_content > .azPageBg > .p01 {width:100%; height:250px; text-align:center; padding-top:40px; overflow:hidden;}
	.sub_wrap_content > .azPageBg > .p01 img {width:50%;}
	.sub_wrap_content > .azPageBg > .p02 {width:100%; height:auto; text-align:center; padding-left:0px; padding-top:20px; overflow:hidden;}
	.sub_wrap_content > .azPageBg > .p02 span {font-size:17px; padding-top:5px;}
	.sub_wrap_content > .azPageBg > .p02 p {font-size:13px; padding-top:5px; line-height:20px;}
	.sub_wrap_content > .azPageCtText {width:100%; margin:20px 0;}
	.sub_wrap_content > .azPageCtText > p.title {width:60%; font-size:25px;}
	.sub_wrap_content > .azPageCtText > .t01 {width:100%; padding:0; font-size:13px; margin-bottom:20px;}
	.sub_wrap_content > .azPageThreeImg > .azti_w1,
	.sub_wrap_content > .azPageThreeImg > .azti_w2 {float:left; width:100%; padding:20px 30px 10px 30px; margin-bottom:0px;}
	.sub_wrap_content > .azPageThreeImg > .azti_w1 p,
	.sub_wrap_content > .azPageThreeImg > .azti_w2 p{font-size:12px;}
	.sub_wrap_content > .azPageThreeImg > .azti_w1 img,
	.sub_wrap_content > .azPageThreeImg > .azti_w2 img{width:70%; margin-top:10px;}
	.sub_wrap_content > .azPageThreeImg {margin-top:0px;}

	.sub_wrap_content > .lzPageBg {width:100%; height:250px; background-size:100% 80%;}
	.sub_wrap_content > .lzPageBg > .p01 {width:100%; text-align:center; padding-top:50px;}
	.sub_wrap_content > .lzPageBg > .p01 img {width:50%;}
	.sub_wrap_content > .lzPageBg > .p02 {width:100%; text-align:center; padding:10px 10px 30px 10px;}
	.sub_wrap_content > .lzPageBg > .p02 span {display:block; color:#509ccd; font-size:23px; padding-top:15px; text-align:center;}
	.sub_wrap_content > .lzPageBg > .p02 p {color:#445162; font-size:17px; line-height:23px; text-align:center;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap {width:100%; padding:0px;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.google{display:block; padding:30px 100px; background-size:150px auto; margin-right:0px;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.apple{display:block; padding:30px 100px; background-size:150px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .lzPageBg > .p02 > .btn_wrap a.manual{display:block; padding:30px 100px; background-size:180px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .lzPageFour > .title {font-size:20px; padding-bottom:20px; padding:30px 0;}
	.sub_wrap_content > .lzPageFour > .title p {color:#8792a1; font-size:14px; line-height:23px; margin:20px 0 10px 0;}
	.sub_wrap_content > .lzPageFour > .col_4 {width:50%; height:200px; padding:10px;}
	.sub_wrap_content > .lzPageFour > .col_4 img {width:50%;}
	.sub_wrap_content > .lzPageFour > .col_4 p {font-size:15px;}

	.sub_wrap_content > .tzPageBg {width:100%; height:250px; background-size:100% 80%;}
	.sub_wrap_content > .tzPageBg > .p01 {width:100%; text-align:center; padding-top:50px;}
	.sub_wrap_content > .tzPageBg > .p01 img {width:50%;}
	.sub_wrap_content > .tzPageBg > .p02 {width:100%; text-align:center; padding:10px 10px 30px 10px;}
	.sub_wrap_content > .tzPageBg > .p02 span {display:block; color:#827dcf; font-size:23px; padding-top:15px; text-align:center;}
	.sub_wrap_content > .tzPageBg > .p02 p {color:#445162; font-size:17px; line-height:23px; text-align:center;}
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap {width:100%; padding:0px;}
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.google{display:block; padding:30px 100px; background-size:150px auto; margin-right:0px;}
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.apple{display:block; padding:30px 100px; background-size:150px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .tzPageBg > .p02 > .btn_wrap a.manual{display:block; padding:30px 100px; background-size:180px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .tzPageFour > .title {font-size:20px; padding-bottom:20px; padding:30px 0;}
	.sub_wrap_content > .tzPageFour > .title p {color:#8792a1; font-size:14px; line-height:23px; margin:20px 0 10px 0;}
	.sub_wrap_content > .tzPageFour > .col_4 {width:50%; height:200px; padding:10px;}
	.sub_wrap_content > .tzPageFour > .col_4 img {width:50%;}
	.sub_wrap_content > .tzPageFour > .col_4 p {font-size:15px;}

	.sub_wrap_content > .rzPageBg {width:100%; height:250px; background-size:100% 80%;}
	.sub_wrap_content > .rzPageBg > .p01 {width:100%; text-align:center; padding-top:50px;}
	.sub_wrap_content > .rzPageBg > .p01 img {width:50%;}
	.sub_wrap_content > .rzPageBg > .p02 {width:100%; text-align:center; padding:10px 10px 30px 10px;}
	.sub_wrap_content > .rzPageBg > .p02 span {display:block; color:#43b3b5; font-size:23px; padding-top:15px; text-align:center;}
	.sub_wrap_content > .rzPageBg > .p02 p {color:#445162; font-size:17px; line-height:23px; text-align:center;}
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap {width:100%; padding:0px;}
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.google{display:block; padding:30px 100px; background-size:150px auto; margin-right:0px;}
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.apple{display:block; padding:30px 100px; background-size:150px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .rzPageBg > .p02 > .btn_wrap a.manual{display:block; padding:30px 100px; background-size:180px auto; margin-right:0px; margin-top:10px;}
	.sub_wrap_content > .rzPageFour > .title {font-size:20px; padding-bottom:20px; padding:30px 0;}
	.sub_wrap_content > .rzPageFour > .title p {color:#8792a1; font-size:14px; line-height:23px; margin:20px 0 10px 0;}
	.sub_wrap_content > .rzPageFour > .col_4 {width:50%; height:200px; padding:10px;}
	.sub_wrap_content > .rzPageFour > .col_4 img {width:50%;}
	.sub_wrap_content > .rzPageFour > .col_4 p {font-size:15px;}

	.faqPage > .title {width:100%; font-size:20px; color:#445162; text-align:center; padding:30px 0 15px 0;}
	.faqPage > .faq_wrap > .subject {padding:15px; font-size:14px; font-weight:normal;}
	.faqPage > .faq_wrap > .content {padding:15px; font-size:14px;}
	.faqPage > .faq_wrap > .fnaAllBtn img {width:25px; margin-left:3px;}
	.faqPage > .faq_wrap > .fnaAllBtn.lz a,
	.faqPage > .faq_wrap > .fnaAllBtn.tz a,
	.faqPage > .faq_wrap > .fnaAllBtn.rz a{font-size:16px; padding:15px 10px;}

	/* 고객센터 보드 스타일 */
	.sub_wrap_content > .board > .list thead th {padding:7px 0; font-size:13px;}
	.sub_wrap_content > .board > .list tbody td {padding:10px;}
	.sub_wrap_content > .board > .view tbody td {padding:10px; line-height:16px;}
	.sub_wrap_content > .board > .list, .sub_wrap_content > .board > .view {font-size:14px; line-height:20px;}
	.sub_wrap_content > .board > .list img, .sub_wrap_content > .board > .view img {width:9px; margin-top:-3px;}
	.sub_wrap_content > .board > .view thead th {padding:8px; font-size:14px;}
	.sub_wrap_content > .board > .view thead th.view_nd {font-size:11px;}
	.sub_wrap_content > .board > .list span.name,
	.sub_wrap_content > .board > .view span.name {font-size:11px;}
	.sub_wrap_content > .board > .list span.name,
	.sub_wrap_content > .board > .view span.data {font-size:11px;}
	.sub_wrap_content > .board > .view tbody td > .reply {padding:0;}
	.sub_wrap_content > .board > .view tbody td > .reply > .subject {font-size:13px;}
	.sub_wrap_content > .board > .view tbody td > .reply > .content {font-size:13px;}

	.sub_wrap_content > .board > .btn_wrap > .btnD {padding:5px 15px; font-size:13px;}


	/* 이용약관,개인정보취급방침 */
	.terms_wrap h1.margin0 {margin-top:55px;}


	/*하단*/
	.footer {position:relative; height: 160px; text-align:center; bottom: 0;}
	.footer:after {content: ''; display: block; clear: both;}
	.footer > .text span {display:block; font-size: 1.2em; color:#509ccd; font-weight:bold; margin-bottom:5px;}
	.footer > .text {padding:15px 5px 0px 5px; font-size: 0.8em; color:#848995;}
}


/* 플레이스홀더(인풋도움말) 색상 제어 */
/* 플레이스 홀더 자체가 익스 10 이하부터 안먹으므로 그 이하는 테스트 안됨 */
input:-ms-input-placeholder { color: #9a9a9a; } /*Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder { color: #9a9a9a; }/*Webkit, Blink, Edge에 적용 */
input::-moz-placeholder { color: #9a9a9a; } /*Mozilla Firefox 4 부터 18에 적용 */
input::-moz-placeholder { color: #9a9a9a; } /*Mozilla Firefox 19 이상에 적용 */
textarea:-ms-input-placeholder { color: #9a9a9a; } /*Internet Explorer 10 이상에 적용 */
textarea::-webkit-input-placeholder { color: #9a9a9a; }/*Webkit, Blink, Edge에 적용 */
textarea::-moz-placeholder { color: #9a9a9a; } /*Mozilla Firefox 4 부터 18에 적용 */
textarea::-moz-placeholder { color: #9a9a9a; } /*Mozilla Firefox 19 이상에 적용 */

/*드래그 하면 색상 변함*/
::selection {
    text-shadow: none;
    background: #509ccd;
    color:#fff;
}



/******************* 다희 추가 *******************/
/*상단배너*/
.top_ban_wrap {width:100%; background:url('/09_web_zipsa_1/img/top_banner_pat.png'); background-color:#43b3b5;}
.top_ban_wrap > .top_ban {height:80px; text-align:center; display:block; background:url('/09_web_zipsa_1/img/top_banner.png'); background-repeat:no-repeat; background-position:center;}

@media screen and (max-width: 716px) {
	.top_ban_wrap > .top_ban {height:60px; background:url('/09_web_zipsa_1/img/top_banner_m.png')no-repeat center; background-size:70%}
}
/*집사로 대박내기 랜딩페이지*/
.tnb_bg {width:100%; background:#445162;}	
	.tnb_wrap {width:1160px; margin:0 auto; text-align:right;}
	.tnb_logo {width:50%; float:left; text-align:left;}
	.tnb_logo > a > img {width:92px; padding:15px 0;}
	.tnb_wrap > ul {color:#fff; display:inline-block; width:50%;}
	.tnb_wrap > ul > li {display:inline-block;}
	.tnb_wrap > ul > li > a {display:block; padding:20px 10px; border-bottom:2px solid #445162;}
	.tnb_wrap > ul > li > a:hover {color:#fff; background:#43b3b5; border-bottom:2px solid #fff; transition:background 0.3s; -webkit-transition:background 0.3s;}

	.fix_nav_wrap {position:relative; width:1160px; margin:0 auto;}
	.fix_nav_box {position:absolute; right:-20px; top:400px;}
	.fix_nav {border:1px solid #353f4d;	border-radius:50px;	background:#445162;	position:fixed; padding:20px 10px; text-align:center; color:#fff; font-size:13px;}
	.fix_nav > li.top_text{font-size:13px; color:#509ccd;}
	.fix_nav > li.top_text a:hover{color:#509ccd;opacity:1;}
	.fix_nav > li > a {padding:20px 0; border-bottom:1px solid #353f4d; display:block;}
	.fix_nav > li > a:hover {color:#bac3cf;}
	.fix_nav > li > a:hover img {opacity:.5;}
	.fix_nav > li > a > img {padding:5px 0;}
	.fix_nav > li:last-child > a {border:none;}

	.green_bg {border-radius:5px; background:#43b3b4; color:#fff; font-weight:bold; display:inline-block; font-size:13px; padding:0 5px;}
	.red_bg {border-radius:5px; background:#CA4D4D; color:#fff; font-weight:bold; display:inline-block; font-size:13px; text-align:center; width:80px; padding:5px 0; margin-bottom:5px;}
	.l_green_bg {border-radius:5px; background:#50D2BE; color:#fff; font-weight:bold; display:inline-block; font-size:13px; text-align:center; width:80px; padding:5px 0; margin-bottom:5px;}
	.purple_bg {border-radius:5px; background:#5E5EAF; color:#fff; font-weight:bold; display:inline-block; font-size:13px; text-align:center; width:80px; padding:5px 0; margin-bottom:5px;}
	.blue_bg {border-radius:5px; background:#2864AA; color:#fff; font-weight:bold; display:inline-block; font-size:13px; text-align:center; width:80px; padding:5px 0; margin-bottom:5px;}
	.yellow_bg {border-radius:5px; background:#fff71f; color:#43b3b4; font-weight:bold; display:inline-block; font-size:13px; padding:0 5px;}

	.l_tit_white {font-size:54px; padding:50px 0 0; margin:0; color:#fff; display:inline-block;}
	.l_tit_yellow {font-size:69px; padding:0 0 30px; margin:0; color:#fff71f; display:inline-block;}
	
	.s_txt {font-size:13px;}
	
	.top_bg {width:100%; background-image:url('/09_web_zipsa_1/img/bg_pat.png'); background-color:#43b3b5; text-align:center;}
	.top_bg > .visual_wrap {width:100%; display: inline-block;}
	.top_bg > .visual_wrap img {padding-top: 100px; margin: 0 auto;}
	
	.bg_1 {width:100%; background:url('/09_web_zipsa_1/img/bg_1.png') repeat-y center;}
	.bg_2 {width:100%; background:url('/09_web_zipsa_1/img/bg_2.png') repeat-y center;}
	.bg_3 {width:100%; background:url('/09_web_zipsa_1/img/bg_3.png') repeat-y center;}
	.bg_4 {width:100%; background:url('/09_web_zipsa_1/img/bg_4.png') repeat-y center;}

	.box_wrap {width:1160px; margin:0 auto; padding:0; margin-bottom:0; text-align:center; overflow:hidden;}
	.box_wrap.m5 {margin-top:-5px;}
	.box_wrap .yellow {color:#fff71f;}
	.box_wrap .orange {color:#ff6600;}
	.box_wrap .green {color:#43b3b4;}
	.box_wrap .white {color:#ffffff;}

	.box_wrap h1 {font-size:26px; line-height:30px; font-weight:normal; margin:0 30px; color:#445162;}
	.box_wrap h1.line40 {line-height:40px; letter-spacing:-1px;}
	.box_wrap h2 {font-size:22px; font-weight:normal; margin:0 50px 20px; color:#445162;}
	.box_wrap h3 {font-size:17px; font-weight:normal; padding:0; margin:10px 0; color:#445162;}
	.box_wrap h5 {font-size:15px; line-height:21px; font-weight:normal; padding:0; margin:20px 50px; display:inline-block; text-align:left; color:#445162;}
	.b_1 > .btn_line {border:1px solid #fff; border-radius:40px; display:inline-block; padding:10px 40px; color:#fff; margin:40px 0 50px;}
	.bottom_btn_line {border:1px solid #fff; border-radius:40px; display:inline-block; padding:10px 0; color:#fff; margin:0 10px; width:19%}

	.top_b_white {float:left; width:33.333%; *width:33.3%; height:340px; background:#ffffff; padding:50px 0;}
	.top_b_green {float:left; width:33.333%; *width:33.3%; height:340px; background:#DDF8F8; padding:50px 0;}
	.b_1 {float:left; width:33.333%; *width:33.3%; height:400px; background:url('/09_web_zipsa_1/img/lz_img01.png') center #509ccd; text-align:center; padding:50px 0; overflow:hidden;}
	.b_1 > img {width:235px;}
	.b_1 > h1 {color:#194768; font-weight:bold;}
	.b_2 {float:left; width:33.333%; *width:33.3%; height:400px; background:#43b3b4; padding:160px 0; color:#fff;}
	.b_3 {float:left; width:33.333%; *width:33.3%; height:400px; background:url('/09_web_zipsa_1/img/bg_green.png') center #499b9c; padding:50px 0;}
	.b_3 .line_box {border:1px solid #fff; border-radius:40px; display:inline-block; padding:10px 0; font-weight:bold; margin-top:30px; width:100%; text-align:center;}
	.b_3 .line_box > img {margin:-5px 0;}
	.b_4 {float:left; width:33.333%; *width:33.3%; height:640px; background:#FFFBD0; padding:50px 0;}
	.b_5 {float:left; width:66.666%; *width:66.6%; height:640px; background:#ffffff; padding:50px 0; color:#445162;}
	.b_5 > ul {width:100%; margin:0; padding:0; font-size:15px;}
	.b_5 > ul > li {width:30%; *width:30%; padding:30px 0; margin:30 0; display:inline-block; font-size:15px; vertical-align:top;}
	.b_5 > ul > li > .guide_txt {display:block; text-align:left; font-size:15px; width:80%; margin:20px 0 auto;}
	.b_5 > ul > li > .guide_txt .green_bg {padding:3px 5px;}
	.b_5 > ul > li > img {width:217px;}
	.b_5 > ul > li > .guide_1 { background:url('/09_web_zipsa_1/img/guide_1.png')no-repeat;}
	.b_5 > ul > li > .guide_1_2 { background:url('/09_web_zipsa_1/img/guide_1.png')no-repeat;}
	.b_5 > ul > li > .guide_1_3 { background:url('/09_web_zipsa_1/img/guide_1.png')no-repeat;}
	.b_6 {float:left; width:33.333%; *width:33.3%; height:600px; background:#43B3B5; padding:50px 0;}
	.b_7 {float:left; width:66.666%; *width:66.6%; height:600px; background:#19A0A2; padding:50px 0;}
	.b_7 > ul {width:100%; margin:0; padding:0;}
	.b_7 > ul > li {display:inline-block; width:40%; text-align:left; font-size:14px; vertical-align:middle;}
	.b_7 > ul > li > h5 {margin:0; font-size:14px;}
	.b_8 {float:left; width:33.333%; *width:33.3%; height:650px; background:#FFFBD0; padding:50px 0;}
	.b_9 {float:left; width:33.333%; *width:33.3%; height:650px; background:#BEEFEF; padding:50px 0;}
	.b_10 {float:left; width:33.333%; *width:33.3%; height:650px; background:#445162; padding:50px 0;}
	.b_10 h3 {color:#aeb5bd} 
	.b_10 h5 > span {font-size:15px; color:#fff71f;}
	.clear {clear:both;}
	.bottom_wrap {padding-bottom:50px;}
	.top_bg > .box_wrap > a > img.mgr5 {margin-bottom:-2px; width:13px}
	.bottom_btn {background:rgba(18,142,144,.5); vertical-align:middle; border:1px solid #128E90; display:block; padding:15px 0; width:40.5%; margin:0 auto 20px; font-size:21px; color:#fff; font-weight:bold; border-radius:80px; transition:background 0.3s; -webkit-transition:background 0.3s;}
	.bottom_btn:hover {background:rgba(18,142,144,.8);}
	.bottom_btn > img {margin-right:10px; width:30px; vertical-align:middle;}

	@media screen and (max-width:716px) {
		.tnb_wrap {width:100%; margin:0 auto; padding:0;}
		.top_bg > img {width:100%; margin:20px 0 0;}

		.top_b_white, 
		.top_b_green, 
		.b_1, .b_2, .b_3, .b_4, .b_5, .b_6, .b_7, .b_8, .b_9, .b_10	{
		float:none; height:auto; width:100%; padding:30px 0; overflow:hidden; margin:0;
		}
		.fix_nav_wrap, .fix_nav_box, .fix_nav {display:none;}
		.b_1 {height:300px;}
		.b_1 > .btn_line {display:inline-block; margin:20px 0;}
		.b_1 > img {display:block; margin:0 auto;}
		.b_5 > ul {width:100%; margin:0 auto;}
		.b_5 > ul > li {width:100%; display:block; border-bottom:1px solid #e0e0e0; padding:30px 0;}
		.b_5 > ul > li:last-child {border:none;}
		.b_5 > ul > li > img {width:50%; margin-bottom:10px;}
		.b_5 > ul > li > .guide_txt {display:block; text-align:center; font-size:15px; padding:20px auto; margin:0 auto;}
		.b_5 > ul > li > .guide_1 {background:url('/09_web_zipsa_1/img/guide_1_large.png')no-repeat center center; background-size:100%;}
		.b_5 > ul > li > .guide_1_2 {background:url('/09_web_zipsa_1/img/guide_2_large.png')no-repeat center center; background-size:100%;}
		.b_5 > ul > li > .guide_1_3 {background:url('/09_web_zipsa_1/img/guide_3_large.png')no-repeat center center; background-size:100%;}
		.b_6 {padding:30px 0;}
		.b_7 {text-align:center;}
		.b_7 > ul {width:100%;}
		.b_7 > ul > li {width:100%; display:block; text-align:left; font-size:15px; text-align:center; margin-top:20px;}
		.b_7 > ul > li > img {width:70%; display:block; margin:0 auto;}
		.b_7 > ul > li > h5 {margin:0; font-size:14px;}

		.top_bg > .visual_wrap img {width:90%; padding-top: 30px;}

		.box_wrap {width:100%;}
		.box_wrap img {width:40%;}
		.box_wrap h1 {font-size:24px; line-height:34px; font-weight:normal; margin:0 auto; padding:0;}
		.box_wrap h2 {font-size:18px; font-weight:normal; margin:0 50px 20px;}
		.box_wrap h3 {font-size:15px; font-weight:normal; padding:0; margin:10px 0;}
		.box_wrap h5 {font-size:14px; line-height:19px; font-weight:normal; padding:0 30px; margin:20px auto 0 0; display:inline-block; text-align:left;}

		.b_3 .line_box {text-align:center; font-size:14px; font-weight:normal; width:100%; padding:10px 0;}
		.b_3 .line_box > img {width:12px; margin:0;}
		.l_tit_white {font-size:24px; padding:30px 0 0; margin:0; color:#fff; display:inline-block;}
		.l_tit_yellow {font-size:28px; padding:0 0 30px; margin:0; color:#fff71f; line-height:42px; display:inline-block;}
		.red_bg,l_green_bg,purple_bg,blue_bg {font-size:14px; padding:5px 10px;}
	
		.tnb_logo {float:none; width:100%;}
		.tnb_logo > a {display:block; padding:10px; text-align:center;}
		.tnb_logo > a > img {width:30%; padding:10px 0 0 0;}
		.tnb_wrap > ul {width:100%; color:#fff; display:block; width:100%; background:#3a4553; text-align:center;}
		.tnb_wrap > ul > li {display:inline-block; margin:0px; font-size:13px;}
		.tnb_wrap > ul > li > a:hover {color:#445162;}
		.tnb_wrap > ul > li > a {padding:10px 5px;}
		.tnb_wrap > ul > li > a:hover {color:#fff;}
		.bottom_btn_line {width:80%; margin-bottom:10px; padding:10px 0;}
		.bottom_btn {width:80%; margin:0 auto 20px; font-size:18px; padding:20px 0;}
		.bottom_btn > img {margin-bottom:-3px; margin-right:5px; width:20px;}
	}