@charset "utf-8";
.info_field input.input{display:block;width:100%}
.info_field .form_error{padding-top:10px}
.info_field .txt01{padding:15px 0 5px;font-size:14px;color:#333;text-align:center}
.info_field .txt02{padding:15px 0;font-size:14px;color:#666;text-align:center}
.info_field .txt02 a{color:#1d7ff9}
.info_field .agree{margin-bottom:20px}

/* 로그인/계정만들기 */
#login_wrap{position:relative;width:100%;padding:0 0 15px;background:#f5f5f5}
#login_wrap #logo{display:block;padding:77px 0 0;text-align:center}
#login_wrap #logo a{display:inline-block;width:305px;height:48px;background:url(/assets/img/common/logo/logo_pc02.png) no-repeat 0 0}
#login_wrap #logo a span{display:block;font-size:0;text-indent:-9999em}
#login_wrap .inner .box{display:block;width:318px;margin:45px auto 0;padding:40px;border:1px solid #e6e6e6;background:#fff}
#login_wrap .inner .regist  h1,
#login_wrap .inner .login  h1{display:block;margin:-40px -40px 45px;padding:12px 0;border-bottom:1px solid #e6e6e6;background:#fff;font-size:18px;color:#333;/* border-bottom:0; */text-align:center}

#login_wrap .inner .box .google {position:relative;display:block;overflow:hidden;height:38px;border-radius:4px; border:1px solid #b4b4b4; line-height:38px;font-size:16px;font-weight:300;color:#757575;text-align:center}
#login_wrap .inner .box .google:before{position:absolute;top:0;left:0;width:42px;height:38px;background:url(/assets/img/icon/ico_google_2x.png) no-repeat 50% 50%;background-size:34px auto;content:''}
#login_wrap .inner .box .facebook{display:block;overflow:hidden;height:40px;border-radius:.2em;background:#3a5795;line-height:40px;font-size:16px;font-weight:300;color:#fff;text-align:center}
#login_wrap .inner .box .facebook:before{display:inline-block;float:left;width:40px;height:40px;background:#324b87 url(/assets/img/icon/ico_facebook.png) no-repeat 50% 50%;content:''}

#login_wrap .inner .box .apple {position:relative;display:block;overflow:hidden;margin-top:10px;height:38px;border-radius:4px; border:1px solid #000; line-height:38px;font-size:16px;font-weight:300;color:#fff;text-align:center;background:#000}
#login_wrap .inner .box .apple:before{position:absolute;top:0;left:0;width:42px;height:38px;background:#000 url(/assets/img/icon/login_ico_apple_2x.png) no-repeat 50% 50%;background-size:34px auto;content:''}

#login_wrap .inner .box .btn + .btn{margin:10px 0 0}
#login_wrap .inner .box div.n_facebook {position:relative; margin:10px 0 0;}
#login_wrap .inner .box div.n_facebook span.icon:before {display:block; position:absolute; top:0; width:100%; height:40px; content:''; z-index:2; cursor:pointer}
.fb-login-button, .fb-page span, .fb-page span iframe[style] {width: 100% !important;}
#login_wrap .inner .box .ken{display:block;overflow:hidden;height:40px;border-radius:.2em;background:#0877bf;line-height:40px;font-size:16px;font-weight:300;color:#fff;text-align:center}
#login_wrap .inner .box .ken:before{display:inline-block;float:left;width:40px;height:40px;background:#0364a3 url(/assets/img/icon/ico_ken.png) no-repeat 50% 50%;content:''}

/***********
google
************/
.abcRioButton {width:318px !important; height:40px !important; border:1px solid #dadada; border-radius:.2em; box-shadow:none !important}
.abcRioButtonContents {font-size:16px !important;  line-height:36px !important;}
.abcRioButtonContents span {display:inline-block; margin-left:-10px;}
.abcRioButtonIcon {padding:11px !important}
.google_join {display:block;width:318px;margin:0 auto; text-align:center}
#login_wrap .google_join {margin:-6px 0 0;}
.google_join h2 {padding:0 0 20px; font-size:18px; color:#333}
.google_join p.txt.start {color:#1e82ff; font-size:16px;}
.google_join .google_profile {margin:25px 0 0; text-align:center;}
.google_join .info_field {text-align:left;}
.google_profile dt, .google_profile dd {display:inline-block; vertical-align:middle;}
.google_profile dt img {width:60px; height:60px; border-radius:30px; border:1px solid #bdc6cc;}
.google_profile dd {padding:0 0 0 15px;}
.google_profile dd strong {display:block; margin:0 0 2px; font-size:18px; text-align:left; font-weight:normal}
.google_join label.checkbox span, .google_join label.checkbox span a {color:#282828}
.google_join .info_field .agree {margin-bottom:5px;}
#login_wrap .google_join .info_field .agree {margin-bottom:20px;}
.google_join .btn_prev {display:inline-block; margin:14px 0 0; padding:0 0 0 13px;background:url(/assets/img/button/arrow_left01.png) left 50% no-repeat; background-size:6px 11px;}

#login_wrap .inner .box .disabled{opacity:0.5}
#login_wrap .inner .box .devied{position:relative;margin:20px 0;text-align:center}
#ap ul li a.prev{padding-left:18px;background:url(/assets/img/button/arrow_left.png) no-repeat 0 50%}
#login_wrap .join_wrap ul li a.prev:before{content:''}

#login_wrap .join_step{position:relative;padding:0 0 30px;text-align:center}
#login_wrap .join_step:after{display:inline-block;position:absolute;top:12px;left:50%;width:130px;height:1px;margin-left:-65px;background:#e9e9e9;content:''}
#login_wrap .join_step li {display:inline-block;width: 31%; vertical-align: top;}
#login_wrap .inner .box .devied:after{display:block;position:absolute;top:50%;left:0;z-index:0;width:100%;height:1px;background:#e4e4e4;content:''}
#login_wrap .inner .box .devied span{display:inline-block;position:relative;z-index:1;padding:0 26px;background:#fff;font-size:12px;color:#999}
#login_wrap .inner .box .checkbox{display:block}
#login_wrap .join_wrap{padding:40px 0 30px;text-align:center}
#login_wrap .join_wrap ul li{display:inline-block}
#login_wrap .join_wrap ul li a{display:inline-block;font-size:14px;color:#666}
#login_wrap .join_wrap ul li + li a:before{display:inline-block;margin-left:10px;padding-right:15px;font-size:12px;color:#939393;vertical-align:top;content:'|'}
#login_wrap .join_wrap ul li a.no_line:before{padding:0;margin:0;content:'' !important}
#login_wrap li:first-child a.front_login_util.accent {color:#1d7ff9;}
#login_wrap .join_wrap .join_step li{display:inline-block;text-align:center}
#login_wrap .join_step li + li{margin-left:100px}
#login_wrap .join_step li a{display:block;padding-top:8px;font-size:14px;color:#aaa;text-align:center}
#login_wrap .join_step li:before{display:inline-block;width:20px;height:20px;border-radius:20px;background:#c3c3c3;line-height:20px;font-size:11px;font-weight:500;color:#fff;content:'2'}
#login_wrap .join_step li:first-child:before{content:'1'}
#login_wrap .join_step li.on a{color:#1d7ff9}
#login_wrap .join_step li.on:before{background:#1d7ff9}

html:lang(ja) #login_wrap .join_step li + li{margin-left:54px}
html:lang(en) #login_wrap .join_step li + li{margin-left:50px;width: 42%;}
html:lang(en) #login_wrap .join_step:after {margin-left:-70px;}

#login_wrap .connect_img{background:#e9f3ff;text-align:center;}
#login_wrap .connect_img img{display:inline-block;max-width:100%;}
#login_wrap .connect_descript{padding:20px 0 30px;line-height:1.6;font-size:14px;color:#666}

#login_wrap .connect_phone:after{display:block;clear:both;content:''}
#login_wrap .connect_phone + .connect_phone{margin-top:15px}
#login_wrap .connect_phone dt{float:left;width:30%;color:#333}
#login_wrap .connect_phone dd{float:left;width:70%;color:#333}
#login_wrap .connect_phone dd select{max-width:220px;border:0;outline:none;}
#login_wrap .connect_phone + .connect_phone dt{position:relative;top:10px}

#login_wrap .log_down .tit {padding-bottom:12px;border-bottom:1px solid #e4e4e4;text-align: center;font-size: 16px;}
#login_wrap .log_down .list {overflow: hidden;margin-top: 20px;}
#login_wrap .log_down .list li {float:left;width:47%;}
#login_wrap .log_down .list li + li {margin-left:15px;}
#login_wrap .log_down .list li > span {display:block;padding:46px 0 16px 0;text-align: center;font-size: 14px;color:#333}
#login_wrap .log_down .list li > span.android {background:url(/assets/img/icon/ico_android02.png) no-repeat 50% 0}
#login_wrap .log_down .list li > span.ios {background:url(/assets/img/icon/ico_ios02.png) no-repeat 50% 2px}
#login_wrap .log_down .list li > span.amazon {background:url(/assets/img/icon/ico_amazon.png) no-repeat 50% 2px}
#login_wrap .log_down .list li > span.windows {background:url(/assets/img/icon/ico_windows02.png) no-repeat 50% 2px}
#login_wrap .log_down .list li > span.mac {background:url(/assets/img/icon/ico_mac02.png) no-repeat 50% 2px}
#login_wrap .log_down .list li a {display:block;padding:0;font-size:12px;}

div.login.orange p.text, div.regist.orange p.text {width: 280px; margin: 0 auto; padding-bottom: 15px; color: #1e82ff; text-align: center; display:block; height: auto;}
div.orange p.text.caution {color:#ff5050;}

.lost_info{padding:25px 0}
.lost_info .info01{line-height:1.6;font-size:16px;color:#666;text-align:center}
.lost_info .info_field{width:420px;margin:0 auto}

.ac013_01{max-width:940px;margin:0 auto;padding-top:56px}
.ac013_01 ol{overflow:hidden}
.ac013_01 ol li{float:left;position:relative;width:33.3%;padding-top:185px;font-size:14px;color:#666;text-align:center}
.ac013_01 ol li em{color:#1d7ff9}
.ac013_01 ol li.c1{background:url(/assets/img/contents/ac/ac013_01_img01.png) no-repeat 50% 0}
.ac013_01 ol li.c2{background:url(/assets/img/contents/ac/ac013_01_img02.png) no-repeat 50% 0}
.ac013_01 ol li.c3{background:url(/assets/img/contents/ac/ac013_01_img03.png) no-repeat 50% 0}
.ac013_01 ol li + li:after{display:block;position:absolute;top:75px;left:0;width:20px;height:37px;background:url(/assets/img/contents/ac/ac013_01_img04.png);content:''}

.ac013_02{overflow:hidden;max-width:1080px;margin:55px auto 80px}
.ac013_02 .download_type{float:left;position:relative;width:25%;height:168px;padding:38px 0 24px;background:#f5f5f5;text-align:center;transition:background .3s ease-out}
.ac013_02 .download_type:hover{background:#ebebeb}
.ac013_02 .download_type:after{display:block;position:absolute;top:0;left:0;width:2px;height:100%;background:#fff;content:''}
.ac013_02 .download_type dt{position:relative;margin-bottom:23px}
.ac013_02 .download_type dt span{display:block;padding:51px 0 0;font-size:16px;color:#333}
.ac013_02 .download_type dt .n_lank{position:absolute;top:-38px;left:0;width:100%}
.ac013_02 .download_type dt .n_lank em{display:inline-block;position:relative;height:32px;padding:0 10px;background:#65bc57;line-height:32px;font-size:14px;color:#fff}
.ac013_02 .download_type dt .n_lank em:before{display:block;position:absolute;top:0;left:-9px;width:9px;height:32px;background:url(/assets/img/contents/do/bg_n_lank.png) no-repeat 0 0;content:''}
.ac013_02 .download_type dt .n_lank em:after{display:block;position:absolute;top:0;right:-9px;width:9px;height:32px;background:url(/assets/img/contents/do/bg_n_lank.png) no-repeat 100% 0;content:''}
.ac013_02 .download_type dt .windows{background:url(/assets/img/icon/ico_windows02.png) no-repeat 50% 4px}
.ac013_02 .download_type dt .android{background:url(/assets/img/icon/ico_android02.png) no-repeat 50% 2px}
.ac013_02 .download_type dt .ios{background:url(/assets/img/icon/ico_ios02.png) no-repeat 50% 0}
.ac013_02 .download_type dt .homepage{background:url(/assets/img/icon/ico_homepage.png) no-repeat 50% 0}
.ac013_02 .download_type dd{margin-top:10px}
.ac013_02 .download_type dd [class^=btn]{padding:0 40px}
.ac013_02 .download_type dd .spec{font-size:12px;color:#999}

.ac014_01{overflow:hidden;margin-top:30px}
.ac014_01 .download_type{float:left;position:relative;width:20%;height:168px;padding:38px 0 24px;background:#f5f5f5;text-align:center;transition:background .3s ease-out}
.ac014_01 .download_type:hover{background:#ebebeb}
.ac014_01 .download_type:after{display:block;position:absolute;top:0;left:0;width:2px;height:100%;background:#fff;content:''}
.ac014_01 .download_type dt{position:relative;margin-bottom:23px}
.ac014_01 .download_type dt span{display:block;padding:51px 0 0;font-size:16px;color:#333}
.ac014_01 .download_type dt .n_lank{position:absolute;top:-38px;left:0;width:100%}
.ac014_01 .download_type dt .n_lank em{display:inline-block;position:relative;height:32px;padding:0 10px;background:#65bc57;line-height:32px;font-size:14px;color:#fff}
.ac014_01 .download_type dt .n_lank em:before{display:block;position:absolute;top:0;left:-9px;width:9px;height:32px;background:url(/assets/img/contents/do/bg_n_lank.png) no-repeat 0 0;content:''}
.ac014_01 .download_type dt .n_lank em:after{display:block;position:absolute;top:0;right:-9px;width:9px;height:32px;background:url(/assets/img/contents/do/bg_n_lank.png) no-repeat 100% 0;content:''}
.ac014_01 .download_type dt .windows{background:url(/assets/img/icon/ico_windows02.png) no-repeat 50% 4px}
.ac014_01 .download_type dt .mac{background:url(/assets/img/icon/ico_mac02.png) no-repeat 50% 0}
.ac014_01 .download_type dt .android{background:url(/assets/img/icon/ico_android02.png) no-repeat 50% 2px}
.ac014_01 .download_type dt .ios{background:url(/assets/img/icon/ico_ios02.png) no-repeat 50% 0}
.ac014_01 .download_type dt .amazon{background:url(/assets/img/icon/ico_amazon.png) no-repeat 50% 3px}
.ac014_01 .download_type dd{margin-top:10px}
.ac014_01 .download_type dd [class^=btn]{padding:0 40px}
.ac014_01 .download_type dd .spec{font-size:12px;color:#999}

.show_event_alram{display:inline-block;position:relative;top:3px;left:8px;width:16px;height:16px;border-radius:16px;background:#b4b4b4 url(/assets/img/icon/ico_mark.png) no-repeat 50% 50%;font-size:0;text-indent:-9999px}
.show_event_box{display:none;overflow:hidden;position:absolute;top:-150px;left:90%;z-index:1;width:300px;padding:15px 20px 20px;border:1px solid #999ea4;border-radius:.3em;background:#fff;box-shadow:0 0 6px #999ea4}
.show_event_box dl dt{font-size:14px;font-weight:500;color:#000}
.show_event_box dl dd{padding:6px 0;font-size:13px;color:#666}
.show_event_box .cc{margin-top:5px;padding:12px;border:1px solid #dcdcdc}
.show_event_box .cc p{line-height:1.7;font-size:13px;color:#999}

@media screen and (min-width:320px) and (max-width:900px){

	.lost_info .info_field{width:auto}

	.ac013_01 ol li{float:none;width:auto}
	.ac013_01 ol li + li{margin-top:60px}
	.ac013_01 ol li + li:after{display:block;position:absolute;top:-40px;left:50%;width:37px;height:20px;margin-left:-18px;background:url(/assets/img/contents/ac/ac013_01_img05.png);content:''}

	.ac013_02 .download_type{float:left;width:50%;margin-top:2px;padding-bottom:10px}
	.ac013_02 .download_type:nth-child(2n-1):after {width:0;}

	.ac014_01 .download_type{float:left;width:50%;margin-top:2px;padding-bottom:10px}
	.ac014_01 .download_type:nth-child(2n-1):after {width:0;}

	.show_event_box{top:auto;right:0;left:auto;bottom:30px;max-width:100%;width:auto}

	#login_wrap .log_down .list {display:-webkit-box;margin-top: 20px;}
	#login_wrap .log_down .list li {float:none;width:100%;-webkit-box-flex:1}
	#login_wrap .log_down .list li + li {margin:0 0 0 8px;}
	#login_wrap .log_down .list li > .btn  {font-size:14px;}
}

@media screen and (min-width:320px) and (max-width:414px){
	#login_wrap #logo{padding-top:34px}
    #login_wrap .join_step{margin-top:-18px;}
}
@media screen and (min-width:320px) and (max-width:375px){
	#login_wrap #logo{padding-top:15px}
	#login_wrap #logo a{display:inline-block;width:208px;height:36px;background:url(/assets/img/common/logo/logo_mobile.png) no-repeat 0 45% !important;background-size:208px auto !important}
	#login_wrap .inner .regist  h1,
	#login_wrap .inner .login  h1{display:block;margin:-40px -20px 20px;padding:12px 0;border-bottom:1px solid #e6e6e6;background:#fff;font-size:18px;color:#333;/* border-bottom:0; */text-align:center}

	
	#login_wrap .inner .box{width:auto;margin-top:20px;padding:40px 20px 40px}
    #login_wrap .join_step{margin-top:0;}

	.ac013_02 .download_type{float:none;width:auto;padding-bottom:10px}
	.ac013_02 .download_type:after {width:0}

	.ac014_01 .download_type{float:none;width:auto;padding-bottom:10px}
	.ac014_01 .download_type:after {width:0}

}