@charset "utf-8";
@import url("font.css");

/* reset */
html, body, div, nav, header, footer, section, article, aside, hgroup, iframe, h1, h2, h3, h4, h5, h6, p, a, span, i, em, strong, b, address, fildset, form, input, select, option, label, button, img, dl, dt, dd, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, textarea, hr {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
}
html, body {width:100%; min-width:940px; height:100%;}
body {
	line-height:1;
    font-size:16px;
	color:#000;
	font-family:"Nanum Gothic", sans-serif;
	font-weight:400;
	word-break:break-all;
	background:#fff;
	overflow-y:scroll;
}
nav, header, footer, section, article, aside, hgroup {display:block;}
ul, ol, dl {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
img {max-width:100%; vertical-align:top;}
a {display:inline-block; color:#262626; text-decoration:none; cursor:pointer;}
i, em, address {font-style:normal; font-weight:normal;}

/* button, select, input reset */
input, select, button, textarea {
	font-family:"Nanum Gothic", sans-serif;
	font-size:15px;
	font-weight:normal;
	vertical-align:top; 
}
input, button {*overflow:visible; border-radius:0; -webkit-appearance:none;}
select:only-child {width:100%;}
button, label {cursor:pointer;}
strong {font-weight:700;}

/* checkbox style */
.chk_box:not(old) {display:none;}
.chk_box:not(old) + label {display:inline-block; line-height:20px; padding-left:30px; color:#000; font-size:15px; background:url("../images/checkbox_n.svg") no-repeat 0 top; background-size:20px;}
.chk_box:not(old):checked + label {background:url("../images/checkbox_s.svg") no-repeat 0 top; background-size:20px;}

/* radio style */
.btn_radio:not(old) {display:none;}
.btn_radio:not(old) + label {display:inline-block; line-height:17px; padding-left:22px; color:#000; font-size:15px; background:url("../images/btn_radio_n.svg") no-repeat 0 top; background-size:17px;}
.btn_radio:not(old):checked + label {background:url("../images/btn_radio_s.svg") no-repeat 0 top; background-size:17px;}

/* input */
input.input {width:100%; height:40px; padding:0 15px; border:1px solid #d3d3d3; background:#fff;}
input::-webkit-input-placeholder {color:#aeaeae;}
input:-ms-input-placeholder {color:#aeaeae;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; appearance:none; margin:0;}

/* button */
.btn_area {padding:85px 0 90px; font-size:0; text-align:center;}
.btn_main {width:450px; height:80px; font-size:24px; line-height:80px; color:#fff; font-weight:700; background:#2e57dc;}
.btn_content {width:180px; height:55px; font-size:20px; line-height:55px; color:#fff; font-weight:700; background:#2e57dc;}
.btn_content.type1 {background:#c2bfc5;}
.btn_content + .btn_content {margin-left:30px;}

/* table */
.table {width:100%; border-top:1px solid #717171; border-bottom:1px solid #717171;}
.table th, .table td {padding:16px 0; font-size:15px; line-height:20px; vertical-align:middle; text-align:center;}
.table thead th {background:#f2f2f2;}
.table tbody td {border-top:1px solid #bcbcbc;}

/* text */
.red {color:#e51717;}
.req {color:#e51717; font-weight:800;}

.fs0 {font-size:0 !important;}

/* layout */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; line-height:0; content:'';}
.clearfix:after {clear:both;}

#Wrap {display:flex; flex-direction:column; display:-webkit-flex; -webkit-flex-direction:column;  position:relative; width:100%; min-height:100%;}
#header {position:fixed; top:0; left:0; right:0; height:100px; background:#efefef;}
#header.main_header {position:absolute; height:120px; background:transparent;}
#header .logo {float:left; width:212px; height:28px; margin:36px 0; text-indent:-9999px; background:url(../images/img_logo.png) no-repeat; background-size:100%;}
#header.main_header .logo {margin:46px 0; background:url(../images/img_logo_w.svg) no-repeat; background-size:100%;}
#header.main_header .btn {float:right; width:150px; height:48px; margin:36px 0; line-height:48px; font-weight:700; color:#fff; text-align:center;  background:#2e57dc;}

#footer {flex:1 1 auto; -webkit-flex:1 1 auto; padding:44px 0; background-color:#ededed;}
#footer .company_info {float:left;}
#footer .company_info p {font-size:12px; line-height:21px; color:#535353;}
#footer .company_logo {float:right; font-size:0;}
#footer .company_logo img {display:inline-block; margin-left:30px;}
#footer .company_logo img[alt=Tmoney] {margin-top:12px;}
#footer .company_logo img[alt=Tmonet] {margin-top:17px;}
#header + * {padding-top:100px;}

.content {max-width:1020px; min-width:940px; padding:0 20px; margin:0 auto;}
.content.mw {max-width:1410px;}

/* main */
.visual {height:640px; padding-top:255px !important; background:url(../images/image_main_banner.png) no-repeat; background-size:cover;}
.visual h2 {margin-bottom:20px; font-size:40px; line-height:46px; color:#6c8eff;}
.visual p {font-size:20px; line-height:32px; color:#fff;}

.introduce {text-align:center;}
.introduce .intro_items {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding-top:50px;}
.introduce .intro_items li {flex-basis:50%; flex-direction:column; -webkit-flex-basis:50%; -webkit-flex-direction:column; height:400px; padding-top:140px;}
.introduce .intro_items h3 {padding-bottom:20px; font-size:24px; line-height:34px;}
.introduce .intro_items p {font-size:16px; line-height:28px;}
.introduce .intro_items .item1 {background:url(../images/main_icon_01.svg) no-repeat center top; background-size:190px 120px;}
.introduce .intro_items .item2 {background:url(../images/main_icon_02.svg) no-repeat center top; background-size:190px 120px;}
.introduce .intro_items .item3 {background:url(../images/main_icon_03.svg) no-repeat center top; background-size:190px 120px;}
.introduce .intro_items .item4 {background:url(../images/main_icon_04.svg) no-repeat center top; background-size:190px 120px;}
.introduce .btn_area {padding:20px 0 120px; margin:0;}

/* sign up */
.terms_section h2 {padding-bottom:20px;}
.terms_section .ct_div {padding-top:50px;}
.terms_section .terms_ct {margin-bottom:20px;}
.terms_ct {height:220px; padding:20px; background:#f9f9f9; border:1px solid #aaa; overflow-y:scroll;}
.terms_ct * {font-size:15px; line-height:28px; font-weight:400; color:#525252;}
.terms_ct h6 {margin-top:40px;}

.section {padding:70px 0;}
.section.bg {background:#fafafa;}
.section h2 {padding-top:80px; font-size:40px; line-height:46px; font-weight:700; text-align:center;}
.section h2 > em {font-weight:700; color:#2e57dc;}
.section .btn_area {padding-bottom:20px;}
.ct_div {padding-top:40px;}
.ct_name + .ct_div {padding-top:20px;}
.ct_name {padding-bottom:20px; font-size:20px; line-height:24px;}
.ct_name > span {display:inline-block; font-size:15px;}
.ct_tt {margin-bottom:20px; text-align:left;}
.ct_tt h4 {font-size:18px; line-height:22px;}
.ct_tt h4 > span {font-size:15px; font-weight:400;}

.input_table th, .input_table td {padding-top:12px; font-size:15px; text-align:left; vertical-align:middle;}
.input_table tr:first-child th, .input_table tr:first-child td {padding-top:0;}
.input_table th {}
.input_table td + th {padding-left:40px;}
.input_table td span {line-height:40px;}
.input_table .input.date {padding:0 11px; text-align:center;}
.input_table .input.wu {width:calc(100% - 36px); width:-webkit-calc(100% - 36px);}
.input_table .input.wm1 {width:40px;}
.input_table .input.wm2 {width:75px;}
.input_table .unit {padding:0 10px;}
.input_table .fss {font-size:13px;}
.input_table .remark {padding-top:9px; font-size:12px; line-height:14px; color:#e51717;}
.input_table input + label {display:inline-block; margin-left:20px;}
.input_table input:first-child + label {margin-left:0;}

.account_area {padding:12px; margin-top:12px; text-align:center; background:#ebebeb;}
.account_area p {font-size:15px; line-height:17px; font-weight:700;}

.info_area {padding-top:16px;}
.info_area .info_tt {padding-bottom:10px; padding-left:19px; font-size:13px; line-height:14px; color:#6c6c6c; background:url(../images/ic_notice.svg) no-repeat; background-size:14px;}
.info_area .info_list {font-size:13px; line-height:21px; color:#6c6c6c;}

.filebox {position:relative; font-size:0;}
.filebox input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.filebox .upload_name {width:calc(100% - 97px); width:-webkit-calc(100% - 97px); margin-right:10px; font-size:15px;/* white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/}
.filebox .upload_name + label {display:inline-block; width:87px; height:28px; margin-top:6px; font-size:13px; line-height:28px; text-align:center; background:#fff; border:1px solid #707070; border-radius:15px;}

/* popup */
.popWrap {position:fixed; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(0,0,0,.6);}
.popWrap:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
.pop_box {display:inline-block; position:relative; width:400px; padding:40px 0 110px; vertical-align:middle; background:#fff; z-index:500;}
.pop_tt {margin-bottom:20px; font-size:20px; line-height:24px;}
.pop_ct p {font-size:18px; line-height:28px;}
.pop_ct .ic_msg {padding-top:78px; background:url(../images/popup_icon.svg) no-repeat center top; background-size:58px;}
.pop_bottom {position:absolute; bottom:0; left:0; right:0; border:1px solid #fff;}
.pop_btn {width:100%; height:60px; font-size:20px; line-height:60px; color:#fff; text-align:center; background:#2e57dc;}