@charset "utf-8";
/*header*/
.setup .header {height:65px;border-bottom: 1px solid #dddddd;}
.setup .header h1.nav-setup-logo a.logo-mobile {height:35px;margin-top: 15px;margin-left: 25px;display: block}
.setup .header h1.nav-setup-logo a.logo-mobile img {width:35px;height:35px;}
.setup .header .account_setup {width: 290px;}
.setup .header .account_setup {position: absolute;top: 0;right: 0;height: 100%;}
.setup .header .account_setup:after {content:"";display:block;clear:both}
.setup .header .account_setup li {position: relative;float: left;border-left: 1px solid #dddddd;height:100%;padding-top:17px;padding-left:30px;}
.setup .header .account_setup li.log {width: 140px;}
.setup .header .account_setup li a .txt {float: none;width: 63px;display: table-cell;vertical-align: middle;color:#373a3c;text-indent: 8px}
.setup .header .account_setup li a .icon {float: none;display: table-cell;vertical-align: middle;height: 100%;width:32px;}
.setup .header .account_setup li a .icon img {width:32px;height:32px;}
.setup .header .account_setup.login li.log a .icon img {border-radius: 50%}
.setup-header.door-header {background: url(../images/bg/setup_bg.png) center center no-repeat;text-align: center;}
.door-header {position:relative;}
.door-header:after {content: "";display: block;width:32px;height:32px;background: url(../images/icon/clock_setup.png) top center no-repeat;background-size: 100%;bottom:-16px;position:absolute;left:50%;margin-left:-16px;}
.setup-wrapper {max-width: 434px;margin: 0 auto;text-align: center;}
.setup-header h1, .setup-header p {font-family: 'Malgun Sam';}
.setup-header .setup-title h1 {color:#272525;font-size: 62px;padding-top:100px;font-weight: bold}
.setup-header .setup-title p {color:#363636;font-size: 24px;line-height: 30px;padding-top:20px;padding-bottom:100px;}
.setup-header.common-step-header {background: url(../images/bg/setup_bg2.png) top center no-repeat;text-align: center;}
.setup-header.common-step-header .setup-stepTit p {font-size: 32px;color:#fff;line-height: 45px;padding-top:130px;padding-bottom:80px;}
.setup-header.common-step-header .setup-endTit p {font-size: 32px;color:#fff;line-height: 45px;padding-top:112px;padding-bottom:112px;}
.setup-header.common-step-header .steps .invite-menu > div.active:before, .setup-header.common-step-header .steps .invite-menu > div.active:after {border-bottom-color: transparent}
/*step*/
.setup-header .steps {height:59px;background-color:rgba(255,255,255,0.34)}
.setup-header .steps .invite-menu {text-align:center;line-height:59px;}
.setup-header .steps .invite-menu >div {display:inline-block;margin:0 10px;vertical-align:middle;width:36px;height:36px;background-color:#4c4b4c;border-radius:50%}
.setup-header .steps .invite-menu > div.active{background-color:#fff; border:1px solid #fff;color:#bb29bb;}
.setup-header .steps .invite-menu > div .active-arrow-up {display:none}
.setup-header .steps .invite-menu > div.active .active-arrow-up {display:block}
.setup-header .step-indicator {height:32px;background-color:#eee;box-shadow:0 -0.0625rem .3125rem 0 rgba(0,102,131,0.2);/*border-top:solid .0625rem #fff*/}
.setup-header .step-indicator p {text-align:center; color:#363636; line-height:32px; font-size:13px;font-weight: bold}
.setup-header .steps .invite-menu .active-arrow-up{display:none; position:relative;height:20px;}
.setup-header .steps .invite-menu .active .active-arrow-up {display:block}
.setup-header .steps .invite-menu .active-arrow-up:after,.invite-header .steps .invite-menu .active-arrow-up:before{content:'';display:block;position:absolute;width:0;height:0;border-style:solid}
.setup-header .steps .invite-menu .active-arrow-up:before {border-left:7px solid transparent;border-right:7px solid transparent;border-top:4px solid transparent;border-bottom:7px solid #fff;top:35px;left:10px}
.setup-header .steps .invite-menu .active-arrow-up:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:3px solid transparent;border-bottom:7px solid #1cd8d2;top:37px;left:10px}
/* footer */
.footer {}
.footCont {clear: both}
.footCont:after {content:"";display:block;clear:both}
.footer .footCont .fbtn {float:none; width:100%; padding:40px 0; vertical-align:middle; background:#464646}
.footer .footCont .fbtn .white_logo {width:154px; height:34px; margin:0 auto 22px; background:url(../images/foot_logo.png) no-repeat center; background-size:154px 34px; text-indent:-9999px}
.footer .footCont .fbtn .btnLine a {display:block;border:1px solid #fff; width:220px; margin:0 auto; color:#fff}
.footer .footCont .fbtn .btnLine a:hover {border:1px solid #363636; background:#363636}
.footer .footCont .fsite {display:none}
.footer .footer-mobile {width:100%; padding:45px 0; background:#606265}
.footer .footer-mobile dl {border-top:2px solid #727272;margin:0 30px}
.footer .footer-mobile dl:last-child {border-bottom:2px solid #727272}
.footer .footer-mobile .panel-collapse {padding:0 0 20px}
.footer .footer-mobile .panel-collapse ul li + li {margin-top:10px}
.footer .footer-mobile .panel-collapse ul li a {padding:0;display:block;width:100%;color:#fff;font-size: 14px}
.footer .footer-mobile .panel-collapse .social li a {width:32px;}
.footer .footer-mobile dt {width:100%;text-align:left}
.footer .footer-mobile dt a {display:block;position:relative;padding:18px 0;margin:0;text-align:left;display:block;width:100%;color:#fff;font-size: 16px}
.footer .footer-mobile dt a:after{content: '';background: url(../images/svg/ic-arrow-up.svg) center no-repeat;height:27px;width:27px;transition: all .2s;position: absolute;top:50%;right: 0;margin-top:-13.5px}
.footer .footer-mobile dt a.collapsed:after{transform:rotate(180deg)}
.footer .policyArea {padding:25px 20px}
.footer .policyArea:after {content:" "; display:block; clear:both}
.footer .policyArea .policy .flink .copy span {position:relative;display:inline-block; padding-right:7px; line-height:12px}
.footer .policyArea .policy .flink li.copy:after {border-color:#444}
.footer .policyArea .policy .flink li {position:relative;display:inline-block;line-height:22px}
.footer .policyArea .policy .flink li:after {position:absolute;right:0;top:50%;margin-top:-3px;content:"";border-right:1px solid #bebebe;width:1px;height:10px}
.footer .policyArea .policy .flink li:last-child:after {display:none}
.footer .policyArea .policy .flink li a {padding:0 14px 0 9px;font-size:12px;color:#727272;}
.footer .policyArea .country {margin-top:20px}
.footer .policyArea .country .select {display:inline-block; width:100%; overflow:hidden}
.footer .policyArea .country .select + .select {margin-top:10px}
.footer .footCont .social {margin:0 auto;margin-top:20px}
.footer .footCont .social h2 {margin:35px 0 10px 0; font-size:14px; color:#fff; font-weight:bold;}
.footer .footCont .social li {display:inline-block}
.footer .footCont .social li a {display:inline-block; width:32px; height:32px; border:1px solid #fff; border-radius:32px; text-indent:-9999px; overflow:hidden; background-size:32px}
.store_content {padding:80px 25px;}
.store_content .step_wrapper {max-width: 940px;margin:0 auto;}
.store_content h2.setup_title {color:#363636;font-size:24px;position:relative;margin-bottom: 80px;}
.store_content h2.setup_title:after {content: "";position:absolute;width:50px;height:3px;background-color: #444;bottom:-35px;left:50%;margin-left:-25px;}
.setup-stepTit h2.search_title {color:#fff;font-size:32px;padding-top:70px;padding-bottom: 30px;}
.door_list {font-size:14px;color:#444;line-height: 25px;}
.setup-wrapper input.write_input {width:100%;border: 1px solid #727272;margin-top:30px;}
.edit_adressWrap .setup-wrapper input.write_input {margin-top:0;}
.edit_adressWrap .setup-wrapper {padding-bottom:25px;display: none}
.edit_adressWrap .setup-wrapper .example {margin-bottom: 15px;}
.setup-wrapper input.error {width:100%;}
.setup-wrapper p.example {font-size: 15px;color:#444;line-height: 25px;margin-bottom:25px;}
.store_content .store_select_btn {padding-left: 0;padding-right: 0}
.store_select_btn.multi.wlimit {padding-left: 25px;padding-right: 25px}
.setup-stepTit .step-search {padding-bottom:55px;}
.edit_adressWrap {min-height: 80px;font-size: 18px;color:#363636;position:relative;}
.edit_adressWrap:before {content:"";position: absolute;width:100%;height:1px;top:-20px;left:0;background-color: #ccc}
.edit_adressWrap .tit {padding-left: 40px;padding-right: 10px;display: inline-block;padding-top:25px;}
.edit_adressWrap .address {padding-left: 40px;display: inline-block;padding-bottom:20px;padding-right: 80px;}
.txt_domain {text-align: center;font-size: 18px;color:#363636;}
/*main*/
.bodydoor {background-color: #fff}
.maindoor_wrap {width:100%;height:660px;background-color: #f7f7f7}
.maindoor_wrap .header {height:42px;padding-top:13px;padding-left:15px;max-width:1440px;min-width:320px;margin:0 auto;position:relative;}
.maindoor_wrap .header .logo-pc img {width:42px;height:42px;}
.maindoor_wrap .header .logo-mobile img {display: none}
.maindoor_wrap .header .acont {position:absolute;top:13px;right:15px;padding-top:4px;}
.maindoor_wrap .header .acont img {vertical-align: middle;width:34px;height:34px;}
.maindoor_wrap .header .acont.login img {border-radius: 50%}
.maindoor_wrap .header .acont .txt {vertical-align: middle;color:#f4f4f4;font-size: 14px;padding-left:5px;}
.img_area {margin:0 auto;max-width:1920px;height:100%;position:relative;}
.img_area.main01 {background: url(../images/bg/main01.png) no-repeat;background-size: cover;background-position: center center;}
.img_area.main02 {background: url(../images/bg/main02.png) no-repeat;background-size: cover;background-position: center center;}
.img_area.main03 {background: url(../images/bg/main03.png) no-repeat;background-size: cover;background-position: center center;}
.img_area.main04 {background: url(../images/bg/main04.png) no-repeat;background-size: cover;background-position: center center;}
.img_area.main05 {background: url(../images/bg/main05.png) no-repeat;background-size: cover;background-position: center center;}
.img_container {width:100%;height:760px;background-color: #f7f7f7;position:relative;margin-top:73px;}
.con_before {position:absolute;content:"";display: block;width:26px;height:73px;background: url(../images/icon/main_holding.png) no-repeat;top:-73px;left:50%;margin-left:-13px;}
.img_container + .img_container {margin-top:220px;}
.maindoor_wrap .txt_container {color:#fafafa;max-width: 1920px;position: relative;text-align: center;margin-top: 120px;font-family: 'Malgun Sam';}
.maindoor_wrap .txt_container .txt_main01 {font-size: 68px;}
.maindoor_wrap .txt_container .txt_main02 {font-size: 30px;margin-top:45px;}
.img_container .txt_container {position: absolute;font-family: 'Malgun Sam';right:10%;top:225px;width:550px;}
.img_container .txt_container .txt_main01 {font-size: 62px;color:#141212;}
.img_container .txt_container .txt_main02 {font-size: 18px;margin-top:35px;color:#444;line-height: 27px}
.img_container .txt_container .txt_main02 em {display: block}
.go_start {font-size: 18px;width:228px;line-height:48px;text-align: center;color:#363636;border:1px solid #363636;border-radius: 5px;display: block;background: url(../images/bg/main_btn.png) repeat;margin-top: 60px}
.fixed_mobile .go_start {display: none}
.link_container {display: block;width:44px;position:absolute;bottom:30%;right:12px;}
.link_container a {display: block;width:14px;height:14px;border-radius: 50%;border:2px solid #fff;margin:30px 15px;}
.link_container a.active {background-color: #bb29bb}
.navi_container {max-width:1300px;margin:0 auto;}
.navi_container:after{content:"";display:block;clear:both}
.navi_container li {float:left;width:33.33%;text-align: center;padding-top: 85px;padding-bottom: 85px;}
.navi_container li img {vertical-align: middle;margin-right: 18px;}
.navi_container li.navi01 img {width:52px;height:60px;}
.navi_container li.navi02 img {width:61px;height:60px;}
.navi_container li.navi03 img {width:60px;height:60px;}
.navi_container li span {display: inline-block;color:#363636;font-size:18px;vertical-align: middle}
.caution_wrap {background-color: #f7f7f7;width:100%;padding-top: 80px;padding-bottom: 95px;}
.main_caution {max-width: 1080px;margin: 0 auto;padding: 0 20px;}
.main_caution dt {text-align: center;font-size:24px;color:#373a3c;font-weight: bold;position:relative;margin-bottom: 55px;}
.main_caution dt:after {height:3px;width:50px;background-color:#727272;display: block;content: "";position:absolute;bottom:-15px;left:50%;margin-left: -25px;}
.main_caution dd {padding-top:10px;}
.main_caution dd p {float:left;width:60%;padding-left: 20px;color:#363636;font-size: 14px;line-height: 20px;padding-right:10%;position:relative;}
.main_caution dd .ft:before {position: absolute;content:"1.";display: block;color:#363636;font-size: 14px;line-height: 20px;left:1px;top:0;}
.main_caution dd .sc:before {position: absolute;content:"2.";display: block;color:#363636;font-size: 14px;line-height: 20px;left:1px;top:0;}
.main_caution .btn_caution {float:left;width:40%;}
.main_caution dd:after{content:"";display:block;clear:both}
@media (max-width:767px){
.setup .header .account_setup {width: 130px;}
.setup .header .account_setup li {padding-left:15px;}
.setup .header .account_setup li.log {width: 62px;}
.setup .header .account_setup li a .txt {display: none}
.setup-header .setup-title h1 {font-size: 26px;padding-top:46px;}
.setup-header .setup-title p {font-size: 17px;line-height: 22px;padding-top:14px;padding-bottom:46px;}
.setup-header.common-step-header .setup-stepTit p {font-size: 20px;padding-top: 45px;padding-bottom: 26px;line-height: 25px;}
.setup-header.common-step-header .setup-endTit p {font-size: 20px;line-height: 25px;padding-top:55px;padding-bottom:55px;}
.setup-header.common-step-header, .setup-header.door-header {background-size: cover;}
.store_content {padding:50px 25px;}
.store_content.m {padding:50px 0;}
.setup-stepTit h2.search_title {font-size:20px;padding-top:50px;padding-bottom: 25px;}
.setup-stepTit .step-search {padding-bottom:30px;}
.edit_adressWrap .tit {padding-left: 20px;}
.edit_adressWrap .address {padding-left: 20px;word-break: break-all;}
.maindoor_wrap {height:415px;}
.maindoor_wrap .header .logo-pc img, .maindoor_wrap .header .acont .txt {display: none}
.maindoor_wrap .header .logo-mobile img {display: block;width:37px;height:37px;}
.maindoor_wrap .txt_container {margin-top:65px;}
.maindoor_wrap .txt_container .txt_main01 {font-size: 34px;}
.maindoor_wrap .txt_container .txt_main02 span {display: block}
.maindoor_wrap .txt_container .txt_main02 {font-size: 15px;line-height:22px;margin-top:20px;}
.link_container {display: block;height:44px;width:200px;position:absolute;bottom:25px;left:50%;transform:translateX(-50%)}
.link_container a {display: inline-block;width:12px;height:12px;margin:30px 12px;}
.navi_container li {padding-top: 48px;padding-bottom: 48px;}
.navi_container li img {width:50%;height:50%;margin-right: 0}
.navi_container li span {display: block;font-size: 14px;height:36px;padding-top: 12px;}
.img_container {height:300px;margin-top:37px;margin-bottom: 290px}
.con_before {display: none}
.img_container + .img_container {margin-top:0;}
.img_container:nth-child(0) {}
.img_container .txt_container {right:0;top:338px;width:100%;text-align: center}
.img_container .txt_container .txt_main01 {font-size: 32px;}
.img_container .txt_container .txt_main02 {font-size: 14px;margin-top:16px;line-height: 20px}
.img_container .txt_container .txt_main02 span {display: block}
.img_container .txt_container a {display: none}
.img_area.main02, .img_area.main03, .img_area.main05 {background-position: 25% center;}
.img_area.main04 {background-position: 20% center;}
.fixed_mobile {padding:0 5px 5px 5px;position:relative;}
.fixed_mobile .go_start {width:100%;line-height: 55px;display: block;}
.fixed_mobile .go_start.clone {position:fixed;bottom:5px;z-index: 999;left:5px;right:5px;width:inherit;background-color: #fff}
.caution_wrap {padding-top:45px;padding-bottom:55px;}
.main_caution {padding: 0 25px;}
.main_caution dt {text-align: center;font-size:22px;color:#444;margin-bottom: 45px;}
.main_caution dd p, .main_caution .btn_caution {float:none;width:100%;}
.main_caution .btn_caution, .main_caution dd .sc {margin-top:10px;}
.edit_adressWrap .setup-wrapper {padding-bottom:20px;padding-left:20px;padding-right:20px;}
}
@media screen and (min-width:768px) and (max-width:1023px){
.footer .footCont .fbtn {padding:24px 30px}
.footer .footCont .fbtn .fbtn_content {width:640px;height:42px;margin:0 auto}
.footer .footCont .fbtn .white_logo {float:left}
.footer .footCont .fbtn .btnLine {float:right}
.footer .footer-mobile .sitemap {max-width:640px; margin:0 auto}
.footer .footer-mobile .sitemap dl {margin:0}
}
@media screen and (min-width:1024px) {
.footer .footer-mobile {display:none}
.footer .footCont .fsite {display:block}
.footer .footCont .fbtn {padding:24px 30px}
.footer .footCont .fbtn .fbtn_content {height:42px}
.footer .footCont .fbtn .white_logo {float:left}
.footer .footCont .fbtn .btnLine {float:right}
.footer .footCont .fsite {width:100%; padding:30px; background:#606265; position:relative; max-width:1440px; margin: 0 auto;}
.footer .footCont .fsite .sitemap {margin:0 auto}
.footer .footCont .sitemap:after {content:" "; display:block; clear:both}
.footer .footCont .fsite .sitemap dl {width:25%; float:left; color:#fff}
.footer .footCont .fsite .sitemap dl a {color:#fff}
.footer .footCont .fsite .sitemap dl a:hover {text-decoration:underline}
.footer .footCont .fsite .sitemap dt {font-size:18px; padding-bottom:20px}
.footer .footCont .fsite .sitemap dd {line-height:24px}
.footer .footCont .social {position:relative; max-width:1440px; margin: 110px auto 0 auto;}
.footer .footCont .social h2 {font-size:12px; font-weight:normal;}
}
@media screen and (min-width:1440px){
.footCont {clear: both;background: #606265;}
.footer .footCont:after {content:"";display:block;clear:both}
.footer .policyArea {padding:25px}
.footer .policyArea .policy .flink li {line-height:35px}
.footer .policyArea:after {content:"";display:block;clear:both}
.footer .policyArea .policy {width:920px;float:left}
.footer .policyArea .country {margin:0;float:right;width:457px;text-align:right}
.footer .policyArea .country .select {width:47%;vertical-align:top}
.footer .policyArea .country .select + .select {margin:0}
/*main*/
.doorFooter_wrap .fbtn_content {width:1440px;margin:0 auto;}
.doorFooter_wrap .footer .footCont .fsite .sitemap {width:1440px;}
.doorFooter_wrap .footer .footCont .social {width:1440px;}
.doorFooter_wrap .footer .policyArea .policy {width:1440px;float: none;margin: 0 auto}
}