@charset "utf-8";

.mtitle01 {margin-bottom:50px; border-bottom:3px solid #303030; font-size:55px; color:#101010; font-weight:700; line-height:2.854; text-align:center;}
.mtitle01.border_none {margin-bottom:0; border:0;}
.mtitle02 {margin-bottom:15px; font-size:30px; color:#000000; font-weight:500; line-height:1.2;}

.login_box {}
.login_box .stxt {margin:70px 0 45px; font-size:26px; color:#101010; text-align:center;}
.login_box .fbox {max-width:530px; margin: auto;}
.login_box input[type="text"],
.login_box input[type="password"] {width:100%; height:65px; padding:0; padding-left:25px; border:0; font-size:20px; color:#101010; background:#efefef;}
.login_box input+input {margin-top:15px;}
.login_box input[type="submit"] {width:100%; height:70px; margin-top:45px; font-size:24px; color:#fff; background:#1c87ea;}
.login_box .mlink {margin:40px 0 55px; text-align:center;}
.login_box .mlink li {display:inline-block; position:relative; padding:0 17px;}
.login_box .mlink li+li:before {position:absolute; top:50%; left:0; width:1px; height:18px; margin-top:-9px; background:#e2e2e2; content:'';}
.login_box .mlink a {display:block; font-size:19px; color:#101010;}

.mem_scroll_cont {overflow-y:auto; height:340px; padding:30px; border:1px solid #e2e2e2; font-size:17px; color:#000000; line-height:1.529; white-space:pre-wrap; background:#f7f7f7;}
.join_step01 .checkbox {margin-top:20px;}
.join_step01 .section {margin-bottom:50px;}


.title_wrap {overflow:hidden;}
.title_wrap .mtitle02 {float:left;}
.title_wrap .stxt {float:right; margin-top:5px; font-size:17px; color:#222222;}

.fbox {border-top:1px solid #e2e2e2;}
.frow {position:relative; padding:15px 20px 15px 230px; border-bottom:1px solid #e2e2e2;}
.frow .label {position:absolute; top:0; left:0; bottom:0; width:210px; padding-left:30px; font-size:20px; color:#222222; line-height:70px; background:#f7f7f7;}

.fbox .sitem+.sitem {margin-top:30px; border-top:1px solid #303030;}


.input_count_wrap {overflow:hidden; position:relative;}
.input_count_wrap input {float:left; width:30%;}
.input_count_wrap .btn.small {float:left; width:30%; margin:0;}
.input_count_wrap .btn.small+.btn {margin-left:1%;}
.input_count_wrap .unit {float:left; width:9%; line-height:40px; padding-left:5px;}

.addr_zip {position:relative; padding-right:138px;}
.addr_zip input {width:100%;}
.addr_zip a {position:absolute; top:0; right:0; width:130px; font-size:17px; color:#fff; text-align:center; line-height:40px; background:#6f7073;}

.hp_wrap {overflow:hidden;}
.hp_wrap select,
.hp_wrap input {float:left; width:30%;}
.hp_wrap .bar {float:left; width:5%; line-height:40px; text-align:center; color:#333333; font-size:17px;}

.email_wrap {display:inline-block; overflow:hidden; max-width:550px;}
.email_wrap select,
.email_wrap input {float:left; width:30%;}
.email_wrap select {margin-left:2%;}
.email_wrap .bar {float:left; width:8%; line-height:40px; text-align:center; color:#333333; font-size:17px;}

.file_attach_list {}

.add_btn_wrap {text-align:right; margin-top:30px;}
.add_btn_wrap * {vertical-align:middle}



.fsize01 {display:inline-block; width:100%; max-width:370px;}
.half {float:left; width:50% !important;}
.half+.half {float:left; width:49% !important; margin-left:1% !important;}


.mtxt {display:inline-block; margin-left:15px; font-size:17px; color:#000000; padding-top:10px;}

.o_hidden {overflow:hidden;}


.btn_area {margin:50px 0; text-align:center; font-size:0;}
.btn_area p {display:inline-block;}
.btn {display:inline-block; width:220px; margin:0 5px; border-radius:0px; border:1px solid #1c87ea; font-size:24px; color:#fff; text-align:center; line-height:2.4583; background:#1c87ea;}
.btn.small {width:140px; height:40px; border:1px solid #6f7073; font-size:17px; color:#fff; line-height:38px; background:#6f7073;}
.btn.normal {width:auto; min-width:130px; padding:0 30px; font-size:17px; color:#fff; line-height:45px;}
.btn.border {border-color:#101010; color:#101010; background:#fff;}
.btn.border01 {border-color:#e1e1e1; color:#666666; background:#fff;}
.btn.blue {border-color:#1c87ea; background:#1c87ea;}
.btn.dark_blue {border-color:#004098; background:#004098;}
.btn.gray {border-color:#6f7073; background:#6f7073;}


.chk_list {margin-right:-30px;}
.chk_list li {display:inline-block; margin-right:16px;}



.join_complete {margin-top:70px; padding:160px 0 90px; border-bottom:1px solid #dddddd; text-align:center; background:url('../images/sub/join_complete.png') no-repeat center top;}
.join_complete .t01 {font-size:36px; color:#000000; font-weight:500;}
.join_complete .t02 {margin-top:20px; font-size:21px; color:#666666; line-height:}
.join_complete .mem_info {display:inline-block; margin-top:35px; padding:30px; text-align:center; font-size:0; background:#f0f0f0;}
.join_complete .mem_info span {display:inline-block; position:relative; padding:0 50px; font-size:22px; color:#000000;}
.join_complete .mem_info span+span:before {position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:#cbcbcb; content:'';}


.idpw_search .tab {overflow:hidden;}
.idpw_search .tab li {float:left; position:relative; width:50%; text-align:center;}
.idpw_search .tab li+li {margin-left:-1px;}
.idpw_search .tab a {display:block; position:relative; border:1px solid #dddddd; border-bottom:3px solid #313131; font-size:20px; color:#101010; line-height:3; background:#f8f8f8; }
.idpw_search .tab li.on {z-index:2}
.idpw_search .tab li.on a {border-bottom:0; background:#fff;}
.idpw_search .tab li.on a:before {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-3px; border:3px solid #303030; border-bottom:0; content:'';}
#pw_search {display:none;}
.search_box .email_wrap {width:100%; max-width:100%;}
.search_box .mbox {padding:90px; border-top:0; border-bottom:1px solid #dddddd;}
.search_box .mrow {position:relative; padding-left:65px;}
.search_box .mrow+.mrow {margin-top:20px;}
.search_box .mrow label {position:absolute; top:0; left:0; line-height:40px; font-size:18px; color:#222222;}
.search_box .result {padding:37px 10px; font-size:22px; color:#222222; text-align:center;}


.fsection {margin-bottom:80px;}

.request_step .btn_next_step {display:none;}
.request_step_tab {display:none;}


.notice_cont h3 {margin-bottom:15px; padding-left:36px; font-size:30px; color:#000000; font-weight:500; background:url('../images/icon/icon_i.png') no-repeat 0 center;}
.notice_cont .cbox {padding:20px 35px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.notice_cont li {position:relative; padding-left:10px;}
.notice_cont li+li {margin-top:10px;}
.notice_cont li:before {position:absolute; top:0; left:0; content:'·';}





@media all and (max-width: 991.98px){
	.mtitle01 {margin-bottom:25px; border-width:2px; font-size:25px;}
	.mtitle02 {margin-bottom:10px; font-size:18px;}

	.login_box .stxt  {margin:30px 0 22px; font-size:15px;}
	.login_box input[type="text"],
	.login_box input[type="password"] {height:45px; font-size:15px;}
	.login_box input+input {margin-top:8px;}
	.login_box input[type="submit"] {height:50px; margin-top:23px; font-size:17px;}
	.login_box .mlink {margin:20px 0 28px;}
	.login_box .mlink li {padding:0 10px;}
	.login_box .mlink li+li:before {height:12px; margin-top:-6px;}
	.login_box .mlink a {font-size:14px;}

	.mem_scroll_cont {height:250px; padding:15px; font-size:13px;}
	.join_step01 .checkbox {margin-top:10px;}
	.join_step01 .section {margin-bottom:30px;}

	.title_wrap .stxt {float:left; width:100%; margin:-7px 0 10px; font-size:13px;}
	.frow {padding:0;}
	.frow .label {display:block; position:relative; width:auto; padding:13px; font-size:16px; line-height:1.3;}
	.frow .finput {padding:13px 0;}
	
	.addr_zip {padding-right:108px;}
	.addr_zip a {width:100px; font-size:14px;}

	.hp_wrap .bar,
	.hp_wrap .bar {font-size:13px;}

	.add_btn_wrap {margin-top:15px; font-size:13px;}
	.add_btn_wrap .btn.small {width:80px;}

	.fsize01 {max-width:100%;}

	.mtxt {display:block; margin:0; font-size:13px; line-height:1.4;}

	.btn_area {margin:30px 0;}
	.btn {width:130px; margin:0 3px; font-size:17px;}
	.btn.small {font-size:14px;}
	.btn.normal {font-size:14px; height:40px; line-height:38px;}


	.join_complete {margin-top:30px; padding:95px 0 45px; background-size:70px auto;}
	.join_complete .t01 {font-size:20px;}
	.join_complete .t02 {margin-top:10px; font-size:14px;}
	.join_complete .mem_info {margin-top:20px; padding:15px 5px;}
	.join_complete .mem_info span {padding:0 20px; font-size:14px;}

	.idpw_search .tab a {border-bottom-width:2px; font-size:14px;}
	.idpw_search .tab li.on a:before {border-width:2px;}
	.search_box .mbox {padding:45px 0;}
	.search_box .mrow {padding-left:50px;}
	.search_box .mrow+.mrow {margin-top:10px;}
	.search_box .mrow label {font-size:14px;}
	.search_box .result {padding:16px 5px; font-size:15px;}

	.fsection {margin-bottom:40px;}

	.request_step .step {display:none;}
	.request_step .step.active {display:block;}
	.request_step .btn_next_step {display:inline-block;}
	.request_step .btn_submit {display:none;}
	.request_step.submit_active .btn_next_step {display:none;}
	.request_step.submit_active .btn_submit {display:inline-block;}

	.request_step_tab {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position:relative; width:100%; margin-bottom:30px;}
	.request_step_tab:before {position:absolute; top:15px; left:25px; right:25px; height:2px; background:#e2e2e2; content:'';}
	.request_step_tab li {display:inline-block; position:relative;}
	.request_step_tab .num {display:block; width:30px; height:30px; margin:0 auto 12px; border-radius:50%; font-size:12px; color:#999999; line-height:30px; font-weight:bold; text-align:center; background:#e2e2e2;}
	.request_step_tab em {font-size:14px; color:#999999; font-weight:bold;}
	.request_step_tab li.active .num {transform:scale(1.55); color:#fff; background:#1c87ea;}
	.request_step_tab li.active em {color:#1c87ea;}

	.notice_cont h3 {margin-bottom:10px; padding-left:22px; font-size:18px; background-size:18px auto;}
	.notice_cont .cbox {padding:10px 15px;}
}