@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);

html{font-size:16px} 
@media (max-width:320px){
  html{font-size:14px} 
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum img {width: 108% !important;}
  .globalStock .sub_service .alliance_wrap .sub_con .sum {padding: 15px 15px !important;}
  .globalStock .sub_service .sub_con .compare_box {padding: 20px 15px;}
  .globalStock .sub_service .sub_mid .sub_con .comment {margin: 0 15px 10px !important; padding: 32px 25px 22px !important;}
  .globalStock .sub_payment .form_area .payment_guide {padding: 22px 20px 0 !important; width: calc(100% - 30px) !important;}
  .globalStock .sub_payment .payment_note {padding: 10px 20px !important; margin: 0 15px !important;}
  .globalStock .sub_payment .payBtn {padding: 15px 20px 25px !important; margin: 0 15px !important;}
  .globalStock .sub_service #follow_btn .event_payment {width: calc(100% - 30px) !important;}
 }
@media (min-width:321px) and (max-width:375px){
 html{font-size:16px} 
}
@media (min-width:376px) and (max-width:700px){
 html{font-size:18px} 
 .globalStock .sub_service .alliance_wrap .sub_con .sum .title i {top: 3px !important;} 
 .globalStock .sub_payment .payBtn .btn_save i {top: 16px !important;}
 
}
@media (min-width:701px) {
 html{font-size:22px}
 .globalStock .sub_service .alliance_wrap .sub_con .sum .title i {top: 6px !important;}
}

*{margin:0;padding:0}
html,body{width:100%;height:100%}
body{font-family:'Lato', "Noto Sans KR", "Malgun gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333}

html,body,div,span,strong,b,em,p,dl,dt,dd,ul,ol,li,a,img,hr,pre,table,caption,thead,tbody,tfoot,tr,th,td,fieldset,legend,summary,label,input,textarea,button,iframe,header,footer,address,nav,main,section,article,aside,canvas,video,audio,time,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-break:keep-all;word-wrap:break-word; font-weight: 400;}
html,body,div,em,p,dl,dt,dd,ul,ol,li,a,img,hr,pre,table,caption,thead,tbody,tfoot,tr,th,td,fieldset,legend,summary,label,input,textarea,button,iframe,header,footer,address,nav,main,section,article,aside,canvas,video,audio,time,h1,h2,h3,h4,h5,h6{}
ul,ol,dl,dd,dt,li{list-style-type:none}
legend{display:none}
blockquote,q{quotes:'none'}
table{width:100%;border-collapse:collapse;border-spacing:0; border: none;}
iframe{border:0 none}
em,address{font-style:normal;font-weight:normal}
button{cursor:pointer}
img{border:0;vertical-align:top}
a{color:#111;text-decoration:none;}
a:active,a:focus,a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:hover,a:active:hover,a:focus:hover,a:link:hover,a:visited:hover{text-decoration:none;}

/* btn */
.globalStock .btnArea {overflow: hidden;}
.globalStock .btnArea .btn {display: inline-block; border: 1px solid #5e5ead; color: #000; font-size: 13px; text-align: center; box-sizing: border-box; min-width: 108px; padding: 8px 5px; font-size: 0.75rem;}
.globalStock .btnArea .btn:hover {text-decoration: none;}
.globalStock .btnArea .btn.fr {float: right;}
.globalStock .btnArea.edtBtn {margin-top: 35px; width: 100%;}
.globalStock .btnArea.edtBtn .btn_cncl {background: #ebebeb; border: 1px solid #cfcfcf; color: #555;}
.globalStock .btnArea.edtBtn .btn_cncl:hover {color: #000;}
.globalStock .btnArea.edtBtn .btn_save {background: #404fc3; border: 1px solid #404fc3; color: #fff; width: 100%; border-radius: 7px;}
.globalStock .btnArea.edtBtn .btn_save:hover {text-decoration: none;}
.globalStock .edtArea {margin: 15px 0;}

/* table */
.tableColtype,.tableColtype th,.tableColtype td{border:0}
.tableColtype{width:100%; text-align:center;}
.tableColtype thead {z-index: 99;}
.tableColtype tbody {z-index: 1; position: relative;}
.tableColtype caption{display:none}
.tableColtype th {padding:14px 0 15px;}
.tableColtype td {padding:11px 0 10px;}
.tableColtype.sumtable .fntfmly_num th {border-top: 1px solid #d8d8d8; text-align: right; padding-right: 10px;}
.tableColtype.sumtable td {padding:14px 0 14px; background:url('//img.x1.co.kr/robo/images/investing/mobile/images/table_border.gif') repeat-x left bottom;}
.tableColtype th{border-top: 1px solid #aaa; border-bottom: 2px solid #404FC3; background: #fff; color: #000; font-size: 14px;}
.tableColtype tr.fntfmly_num th {}
.tableColtype th.thbder400 {border-bottom: none; color: #55517e; font-size: 13px; padding: 6px 0 7px; font-size: 13px;}
.tableColtype th.thbder400.bdrR {border-right: 1px solid #d8d8d8;}
.tableColtype th.thbder300 {/*padding: 6px 0 7px;*/ font-size: 13px;}
.tableColtype th.bdrL {border-left: 1px solid #8a8a8a}
.tableColtype th.bdrR {background:url('//img.x1.co.kr/robo/images/investing/mobile/images/table_borderRWS.gif') repeat-y right top;}
.tableColtype td{/*border-right: 1px solid #f0f0f0;*/ background:url('//img.x1.co.kr/robo/images/investing/mobile/images/table_border.gif') repeat-x left bottom;}
.tableColtype td span.lock {display: inline-block; width: 100%; text-align: center;}
.tableColtype td:last-child {border-right: none; background:url('//img.x1.co.kr/robo/images/investing/mobile/images/table_border.gif') repeat-x left bottom}
.tableColtype tr:last-child td {}
.tableColtype tr{background-color: #fff}
.tableColtype tr:nth-child(2n) {background-color: #f6f6f9;}
.tableColtype.tableCash th span,
.tableColtype.tableReports th span,
.tableColtype.tableBill th span {font-size: 13px !important;}
.tableColtype.sumtable .fntfmly_num th span {font-size: 13px !important;}

body.globalStock  {box-sizing: border-box;}
.globalStock #wrap {margin: 0 auto; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; background: #F4F4F5; width: 790px; margin: 0 auto; overflow: hidden; padding-bottom: 30px;}
.globalStock #header {height: 87px; width: 100%; box-sizing: border-box;}
.globalStock #container {margin: 0 auto; width: 100%; box-sizing: border-box;}
.globalStock #container::after {display: block; content: ''; clear: both;}
.globalStock #footer {clear: both; margin-top: 70px; background: #F4F4F5;}
.globalStock .mainbg #footer {margin-top: 60px}

/* media */
@media (min-width:320px) and (max-width:700px){        
.globalStock #wrap {width: 100%; padding: 0;}    
.globalStock #header {padding:15px 0; height: auto; background-color: #f4f4f5;}
.globalStock #footer {margin-top: 0px; border-top: 1px solid #D3D3D3;}
}

/* 서비스소개 */
.globalStock .sub_service {}
.globalStock .sub_service .sub_top {padding: 25px 15px 55px; }
.globalStock .sub_service .sub_top.service_t01 {background: #fff url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_service.png') no-repeat calc(100% + 70px) calc(100% - 8px); background-size: 202px 148px;}
.globalStock .sub_service .sub_top .h2_title {color: #333; font-size: 1.9rem; line-height: 2.2rem; padding-left: 0;}
.globalStock .sub_service .sub_top .h2_title strong {color: #404fc3;}
.globalStock .sub_service .sub_top .sum {color: #939393; font-size: 0.94rem; line-height: 1.4rem; word-break: keep-all;}
.globalStock .sub_service .sub_mid {}
.globalStock .sub_service .sub_mid .sub_con {padding-top: 0;}
.globalStock .sub_service .sub_mid .sub_con .bg_box {padding: 20px 0 30px; position: relative; background: #F4F4F5;}
.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(5) {padding: 0;}
.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(6) {background: #404fc3; padding-top: 51px;}
.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(6)::before {content: ""; position: absolute; left: calc(50% - 2px); top: 0; display: inline-block; width: 5px; height: 28px; background-color: #ffda0d;}
.globalStock .sub_service .sub_mid .sub_con .sub_con_img {display: block; width: 100%;}
.globalStock .sub_service .sub_mid .sub_con .service_txt {color: #939393; font-size: 0.9rem; line-height: 1.43; padding: 0 15px;}
.globalStock .sub_service .sub_mid .sub_con .service_txt strong {color: #333; font-weight: normal;}
.globalStock .sub_service .sub_mid .sub_con .bg_box:nth-child(6) .service_title {color: #fff; text-align: center; margin-bottom: 37px;}
.globalStock .sub_service .sub_mid .sub_con .service_title {color: #404fc3; font-size:1.25rem; font-weight: bold; padding-left: 15px; margin-bottom: 15px; margin-top: 0;}
.globalStock .sub_service .sub_mid .sub_con .table_title {color: #404fc3; font-size: 1rem; padding-left: 15px; margin-top: 44px;}
.globalStock .sub_service .sub_mid .sub_con .service_img {margin: 0;}
.globalStock .sub_service .sub_mid .sub_con .service_img,
.globalStock .sub_service .sub_mid .sub_con .service_img img {display: inline-block; width: 100%; height: auto;}
.globalStock .sub_service .sub_mid .sub_con .service_box {border-left: 6px solid #e6e7f4; margin-top: 35px; padding-left: 23px; margin-left: 15px;}
.globalStock .sub_service .sub_mid .sub_con .service_box .service_title {color: #333; font-weight: normal; font-size: 0.9rem; line-height: 1.43;}
.globalStock .sub_service .sub_mid .sub_con .service_box .box_title {color: #333; font-size: 1rem;  font-weight: normal; font-weight: normal; margin-top: 20px; margin-bottom: 10px;}
.globalStock .sub_service .sub_mid .sub_con .service_box .txt {color: #939393; font-size: 0.9rem; line-height: 1.43;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free {min-height: 180px; box-sizing: border-box; padding-top: 20px;}
.globalStock.mint .sub_service .sub_mid .sub_con .weeks_free {margin: 0; padding-top: 0;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box {margin: 20px auto 0; width: calc(100% - 30px); box-sizing: border-box; border-radius: 10px; background-color: #404fc3; padding: 30px 15px; text-align: center;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .title {color: #fff; font-size: 1rem; font-weight: normal; line-height: 1.6; text-align: left; padding-left: 10px;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .title .weeks_free2 {color: #FFDA0D; text-decoration: underline; font-weight: normal;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .title strong {color: #1ee8be;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .left {display: inline-block; width: calc(100% / 2 + 10px); text-align: left; vertical-align: top;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .right {display: inline-block; width: calc(100% / 2 - 15px); vertical-align: top;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .txt {margin-top: 9px; color: #fff; opacity: 0.5; font-size: 0.75rem; line-height: 1rem;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .btn_free {display: inline-block; background: #FFDA0D; border-radius: 15px; color: #404FC3; font-size: 0.75rem; font-weight: bold; padding: 8px 12px; margin-top: 14px;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .btn_free i {display: inline-block; width: 6px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/more_white.png') no-repeat 0 0; background-size: 6px 10px; margin-left: 10px;}
.globalStock .sub_service .sub_mid .sub_con .weeks_free .box .go_link {display: inline-block; color: #fff; opacity: 0.5; font-size: 0.75rem; text-decoration: underline; margin-top: 10px;}
.globalStock .sub_service .sub_mid .sub_con .comment {margin: 0 24px 10px; border-radius: 10px; background-color: #4f5cc7; padding: 33px 35px 29px; box-sizing: border-box;}
.globalStock .sub_service .sub_mid .sub_con .comment .com_title {color: #fff; font-size: 1rem; font-weight: normal;}
.globalStock .sub_service .sub_mid .sub_con .comment .com_title span {color: #ffda0d; font-weight: bold;}
.globalStock .sub_service .sub_mid .sub_con .comment .txt {color: #c3c9ff; font-size: 0.9rem; line-height: 1.54; margin-top: 14px;}

.globalStock .sub_service .sub_con .step_box {padding: 35px 23px; background: #fff; box-sizing: border-box; text-align: center;}
.globalStock .sub_service .sub_con .step_box .title {display: inline-block; padding: 0 2px 3px; color: #404fc3; font-size: 1rem; font-weight: bold; text-align: center; border-bottom: 2px solid #C7CBE9;}
.globalStock .sub_service .sub_con .step_box .payRight {padding-top: 25px; }
.globalStock .sub_service .sub_con .step_box .payRight .pay01 {color: #333; font-size: 1.25rem; font-weight: bold; margin-right: 20px; padding: 0 15px; position: relative;}
.globalStock .sub_service .sub_con .step_box .payRight .pay01 b {color: #333; font-size: 1rem; opacity: 0.7; font-weight: normal;}
.globalStock .sub_service .sub_con .step_box .payRight .pay01 .pay_sale {position: absolute; right: -33px; top: -15px; color: #FF2929; font-weight: bold; font-size: 0.84rem; display: inline-block; width: 80px;}
.globalStock .sub_service .sub_con .step_box .payRight .pay02 {color: #333; font-size: 1.25rem; font-weight: bold;}
.globalStock .sub_service .sub_con .step_box .payRight .pay02 b {color: #333; font-size: 1rem; opacity: 0.7; font-weight: normal;}
.globalStock .sub_service .sub_con .step_box .payRight .pay01::before {content: ''; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/c_line.png') no-repeat 100% 0; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 69%; height: 14px;}
.globalStock .sub_service .sub_con .step_box .payRight .guide_txt {color: #939393; font-size: 0.9rem; margin-top: 15px;}
.globalStock .sub_service .sub_con .step_box .banner_prm {width: 100% !important; background: #404FC3; border-radius: 5px; margin:25px auto 10px; padding: 9px 0 11px; text-align: center;}
.globalStock .sub_service .sub_con .step_box .banner_prm .cho_prm {color: #fff; font-size: 0.75rem;}
.globalStock .sub_service .sub_con .step_box .banner_prm .cho_prm i {display: inline-block; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/Icon_lock.png') no-repeat; width: 10px; height: 13px; background-size: 10px 13px; margin-right: 4px; position: relative; top: 2px;}
.globalStock .sub_service .sub_con .step_box .banner_prm .weeks_free {color: #FFDA0D; font-size: 0.79rem; font-weight: bold; margin-left: 5px;}
.globalStock .sub_service .sub_con .step_box .banner_prm .weeks_free i {display: inline-block; width: 6px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/more_yel.png') no-repeat 0 0; background-size: 6px 10px; margin-left: 10px;}

.globalStock .sub_service .sub_con .step_box .banner_prm.prm_service .weeks_free  {color: #FFDA0D;}
.globalStock .sub_service .sub_con .compare_box {padding: 30px 15px 20px;}
.globalStock .sub_service .sub_con .compare_box .box_title {color: #404fc3; font-size: 1rem; font-weight: bold;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare {border-top: 2px solid #404fc3; margin-top: 10px;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare tr {border-bottom: 1px solid #E6E7F4;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare th,
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare td {vertical-align: top; text-align: center; padding: 0 5px;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare th span,
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare td span {color: #939393; font-size: 0.9rem; line-height: 2.15;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .top_th {background: #ececef;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .top_th span {color: #404fc3; line-height: 2.86;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .line_th {text-align: left;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .line_th span {color: #333;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .pdiT_th {padding-top: 25px;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td {text-align: left;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td.line_2 {padding: 6px 5px;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td.line_2 span {display: block; line-height: 1.23;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .mid_td.line_2 span:last-child {padding-left: 5px;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .com_select {vertical-align: middle;}
.globalStock .sub_service .sub_con .compare_box .tableRanking.type_compare .com_select span {display: inline-block; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/com_select.png') no-repeat 50% 50%; background-size: 14px 11px; width: 14px; height: 11px}

.globalStock .sub_service .alliance_wrap {}
.globalStock .sub_service .alliance_wrap .h_top {height: 40px; position: relative;}
.globalStock .sub_service .alliance_wrap .h_top .headerTop {height: 40px; position: relative; box-sizing: border-box; text-align: center; border-bottom: 1px solid #E0E4E9; padding: 3px 0;}
.globalStock .sub_service .alliance_wrap .h_top .headerLogo a,
.globalStock .sub_service .alliance_wrap .h_top .headerLogo span {display: inline-block; vertical-align: top; line-height: 2.1rem; font-size: 1.2rem; color: #333; font-weight: normal; font-size: 1rem;}
.globalStock .sub_service .alliance_wrap .h_top .his_back {position: absolute; left: 15px; top: 11px; width: 19px; /*height: 14px;*/}
.globalStock .sub_service .alliance_wrap .h_top .his_back img {display: inline-block; width: 100%;}
.globalStock .sub_service .alliance_wrap .tab_area .tbas_lb.tabs_3 li a.active {border-bottom: 3px solid #404FC3; padding-bottom: 11px; color: #404fc3; font-weight: bold; position: relative; top: 1px;}
.globalStock .sub_service .alliance_wrap .tab_area .tbas_lb.tabs_3 li {width: calc(100% / 2);}
.globalStock .sub_service .alliance_wrap .sub_top.service_t01 {background: #404FC3 url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_service_alliance.png') no-repeat center bottom; background-size: 342px auto;}
.globalStock .sub_service .alliance_wrap .sub_top .h2_title {color: #fff; text-align: center; font-size: 1rem;}
.globalStock .sub_service .alliance_wrap .sub_top .h2_title strong {display: block; color: #fff; font-size: 1.9rem;}
.globalStock .sub_service .alliance_wrap .sub_top {padding-top: 37px; padding-bottom: 200px;}
.globalStock .sub_service .alliance_wrap .sub_con .servece_sum {color: #404fc3; font-size: 0.9rem; line-height: 1.43; font-weight: normal; padding: 19px 23px;}
.globalStock .sub_service .alliance_wrap .sub_con .sum {background: #fff; padding: 19px 23px;}
.globalStock .sub_service .alliance_wrap .sub_con .sum .title {position: relative; padding-left: 29px; box-sizing: border-box; margin-bottom: 20px; color: #333; font-size: 1.125rem; line-height: 1.28; letter-spacing: -1.2px; font-family: "Noto Sans KR"; font-weight: normal;}
.globalStock .sub_service .alliance_wrap .sub_con .sum .title strong {font-weight: bold;}
.globalStock .sub_service .alliance_wrap .sub_con .sum .title i {position: absolute; left: 0; top: 1px; font-style: normal; font-weight: normal; color: #fff; font-size: 0.94rem; text-align: center; line-height: 21px; display: inline-block; width: 21px; height: 21px; border-radius: 4px; background-color: #404fc3; font-family: 'Lato';}
.globalStock .sub_service .alliance_wrap .sub_con .sum .txt {color: #939393; font-size: 0.9rem; line-height: 1.43; margin-bottom: 15px;}
.globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum {margin-bottom: 55px; width: 100%; margin-left: -10px; text-align: center;}
.globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:last-child {margin-bottom: 30px;}
.globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum img {display: inline-block; width: auto; height: auto;}
@media (min-width:321px) and (max-width:700px){
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(3) img {height: 201px;}
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(6) img {height: 351px;}
  .globalStock .sub_service .alliance_wrap .sub_con .sum .img_sum:nth-child(9) img {height: 201px;}
}
.globalStock .sub_service .alliance_wrap .sub_con .tips { padding: 30px 23px;}
.globalStock .sub_service .alliance_wrap .sub_con .tips .title {margin-bottom: 8px; color: #333; font-size: 0.9rem; line-height: 1.43;}
.globalStock .sub_service .alliance_wrap .sub_con .tips .title i {display: inline-block; padding: 0 1px 2px 1px; font-style: normal; font-size: 0.9rem; color: #404fc3; margin-right: 4px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_bbline.png') repeat-x 0 calc(100% + 7px);}
.globalStock .sub_service .alliance_wrap .sub_con .tips .txt {color: #939393; font-size: 0.9rem; line-height: 1.46; margin-bottom: 24px;}
.globalStock .sub_service .alliance_wrap .sub_con .tips .img_sum {margin-bottom: 55px}
.globalStock .sub_service .alliance_wrap .sub_con .tips .img_sum img {display: inline-block; width: 100%;}
.globalStock .sub_service .alliance_wrap .sub_con .banner_cho {background: #404fc3 url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_banner_cho.png') no-repeat left bottom; background-size: auto 167px; padding: 30px 30px; text-align: right;}
.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .b_title {color: #fff; font-size: 1.125rem; line-height: 1.44;}
.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .b_title strong {display: inline-block; color: #1ee8be; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_bline.png') repeat-x 0 calc(100% + 6px); }
.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .link_cho {margin-top: 20px; margin-right: 24px; display: inline-block; padding: 9px 14px; background-color: #222F94; border-radius: 19px; color: #1ee8be; font-size: 0.9rem; text-align: center; }
.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .link_cho strong {color: #fff;}
.globalStock .sub_service .alliance_wrap .sub_con .banner_cho .link_cho i {display: inline-block; width: 6px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/more_white.png') no-repeat 0 0; background-size: 6px 10px; margin-left: 10px;}

/* 서비스소개 하단 가입버튼 */
.globalStock .sub_payment .serviceStep {}
.globalStock .sub_payment .serviceStep .step_top {padding: 36px 15px 25px;}
.globalStock .sub_payment .serviceStep .step_top::after {content: ""; clear: both;}
.globalStock .sub_payment .serviceStep .step_title {color: #333; font-size: 1.25rem; line-height: 1.7rem; padding-bottom: 8px;}
.globalStock .sub_payment .serviceStep .txt {color: #939393; font-size: 0.94rem; line-height: 1.2rem;}
.globalStock .sub_payment .serviceStep .step_box {padding: 15px 15px; border-radius: 9px; border: 1px solid #fff; background: #fff; box-sizing: border-box; width: calc(100% - 30px); margin: 0 auto 10px; position: relative;}
.globalStock .sub_payment .serviceStep .step_box.active {border: 1px solid #404fc3;}
.globalStock .sub_payment .serviceStep .step_box.active::before {content: ''; width: 16px; height: 16px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_checkmark.png') no-repeat 100% 0; position: absolute; right: 12px; top: 13px;}
.globalStock .sub_payment .serviceStep .step_box .title {color: #404fc3; font-size: 1.12rem; font-weight: bold;}
.globalStock .sub_payment .serviceStep .step_box .title .way {display: block; color: #939393; font-size: 0.8rem; font-weight: normal; line-height: 20px; padding-top: 2px;}
.globalStock .sub_payment .serviceStep .step_box .payRight {padding-top: 10px; text-align: right; padding-bottom: 13px;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay01 {color: #333; font-size: 1.25rem; font-weight: bold; margin-right: 20px; padding: 0 15px; position: relative;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay01 b {color: #333; font-size: 1rem; opacity: 0.7; font-weight: normal;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay01 .pay_sale {position: absolute; right: -46px; top: -15px; color: #404FC3; font-weight: normal; font-size: 0.84rem; display: inline-block; width: 90px;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay01 .pay_sale strong {color: #404FC3; font-weight: bold; font-size: 0.84rem;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay0 .pay_sale strong {color: #404FC3; font-weight: bold; font-size: 0.84rem;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 {color: #333; font-size: 1.25rem; font-weight: bold;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 b {color: #333; font-size: 1rem; opacity: 0.7; font-weight: normal;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 {color: #333; font-size: 1.25rem; font-weight: bold;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale {display: block; color: #939393; font-size: 0.8rem; font-weight: normal; margin-top: 5px; position: relative;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay02 .pay_sale02 {display: inline-block; color: #fc2929; font-size: 1rem; font-weight: normal; position: relative;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay01::before {content: ''; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/c_line.png') no-repeat 100% 0; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 100%; height: 14px;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay03 {color: #939393; font-size: 1rem; font-weight: normal; margin-right: 0; padding: 0; position: relative;}
.globalStock .sub_payment .serviceStep .step_box .payRight .pay03 b {color: #333; font-size: 1rem; opacity: 0.7; font-weight: normal;}
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line {border-top: 1px solid #E0E4E9; padding-top: 10px; margin-top: 25px;}
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line .txt {text-align: left; color: #939393; font-size: 0.75rem; line-height: 1.1rem; padding-left: 15px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/dot_gray.gif') no-repeat 4px 8px;}
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line .txt:nth-child(2),
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line .txt:nth-child(3),
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line .txt:nth-child(4) {margin-top: 7px;}
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line .txt strong,
.globalStock .sub_payment .serviceStep .step_box .payRight .txt_line .txt b {color: #939393;}
.globalStock .sub_payment .payBtn {text-align: center; margin: 0 23px; padding: 15px 40px 35px; background-color: #F4F4F5;}
.globalStock .sub_payment .payBtn .btn {color: #404fc3; font-size: 0.94rem; border-radius: 5px; position: relative; width: 100%}
.globalStock .sub_payment .payBtn .btn_cncl {margin-right: 5px;}
.globalStock .sub_payment .payBtn .btn_save {color: #fff; background: #404fc3;}
.globalStock .sub_payment .payBtn .btn_cncl i {position: absolute; left: 18px; top: 14px; display: inline-block; width: 5px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_moreL.png') no-repeat 0 0; background-size: cover;}
.globalStock .sub_payment .payBtn .btn_save i {position: absolute; right: 18px; top: 14px; display: inline-block; width: 5px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_moreRR.png') no-repeat 0 0; background-size: cover;}
.globalStock .sub_payment .step_box .pay_line {color: #939393; text-align: right; font-size: 0.82rem; margin-top: 10px;}
.globalStock .sub_payment .account_box {border-top: 1px solid #E0E4E9; margin-top: 30px; padding: 30px 15px 0;}
.globalStock .sub_payment .account_box .title {color: #333; font-size: 1.12rem; margin-bottom: 8px;}
.globalStock .sub_payment .account_box .txt_t {color: #333; font-size: 0.94rem; margin-bottom: 5px;}
.globalStock .sub_payment .account_box .txt {color: #939393; font-size: 0.82rem; line-height: 1.2rem;}
.globalStock .sub_payment .mapage_form {padding: 20px 15px 0;}
.globalStock .sub_payment .mapage_form .form_table {border-top: 1px solid #E0E4E9;}
.globalStock .sub_payment .mapage_form .form_table tr {border-bottom: 1px solid #E0E4E9;}
.globalStock .sub_payment .mapage_form .form_table tr:last-child {border-bottom: none;}
.globalStock .sub_payment .mapage_form .form_table th,
.globalStock .sub_payment .mapage_form .form_table td {text-align: left; padding: 20px 0 14px; line-height: 1.2rem; font-weight: normal; vertical-align: top;}
.globalStock .sub_payment .mapage_form .form_table th {color: #939393; font-size: 0.82rem; width: 90px;}
.globalStock .sub_payment .mapage_form .form_table td {color: #333; font-size: 0.94rem;}
.globalStock .sub_payment .mapage_form .form_table td .i_dsc { clear: both; float: none; color: #404fc3; font-size: 0.75rem; line-height: 14px; margin-top: 6px;}
.globalStock .sub_payment .mapage_form .form_table td .i_dsc i {position: relative; top: 2px; margin-right: 5px; display: inline-block; width: 14px; height: 14px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_x.png') no-repeat 0 0;}
.globalStock .sub_payment .mapage_form .form_table td .i_dsc.phone {color: #ff2929; margin-top: 0; padding-top: 6px;}
.globalStock .sub_payment .mapage_form .form_table td .i_dsc.phone i {background-position: 0 100%;}
.globalStock .sub_payment .mapage_form .form_table td .i_guide {clear: both; float: none; color: #939393; margin-top: 0; padding-top: 6px; font-size: 0.75rem; display: block; line-height: 1.4;}
.globalStock .sub_payment .mapage_form .form_table td .mod_btn {display: inline-block; border: 1px solid #404fc3; border-radius: 3px; width: 100px; color: #404fc3; font-size: 0.75rem; text-align: center; padding: 5px 3px; box-sizing: border-box;}
.globalStock .sub_payment .mapage_form .form_table td .mod_phone .txt_info {display: inline-block; padding-right: 5px;}
.globalStock .sub_payment .mapage_form .form_table td .certification_area {background: #e6e7f4; padding: 15px 15px; padding-left: 90px; margin-top: 15px; box-sizing: border-box;}
.globalStock .sub_payment .mapage_form .form_table td .certification_area .certifi_btn,
.globalStock .sub_payment .mapage_form .form_table td .certifi_btn {float: left; vertical-align: top; background: #404fc3; color: #fff; font-size: 0.75rem; padding: 0 10px; box-sizing: border-box; text-align: center; line-height: 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.globalStock .sub_payment .mapage_form .form_table td .certification_area .phone_mod,
.globalStock .sub_payment .mapage_form .form_table td .phone_mod {float: left; vertical-align: top; border: none; height: 25px; line-height: 25px; width: 155px; padding: 0 5px; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.globalStock .sub_payment .mapage_form .form_table td .phone_mod.chk_ok {width: 100%;}


.globalStock .sub_payment.sub_freeguide .agree_area {width: calc(100% - 30px); margin: 25px auto;}
.globalStock .sub_payment.sub_freeguide .agree_area .txt {color: #333; font-size: 0.94rem; }
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from {margin-top: 20px;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label {background: #fff; border-radius: 9px; padding: 14px 20px 14px 12px;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label:first-child,
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label:nth-child(2) {margin-bottom: 9px;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label .label_chk {color: #333; font-size: 0.82rem; display: inline-block;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label .label_chk i {display: inline-block; vertical-align: top; position: relative; top: -2px; width: 16px; height: 16px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_agreecheck.png') no-repeat 0 100%; margin-right: 7px;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label .label_chk strong {text-decoration: underline;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label.active .label_chk i {background-position: 0 0;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label .label_chk.sub_label {padding-left: 15px; padding-top: 10px; opacity: 0.5;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label.active .label_chk.sub_label {opacity: 1;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label .terms_btn {float: right; vertical-align: top; position: relative; top: -3px; display: inline-block; width: 70px; background: #404fc3; border-radius: 3px; color: #fff; font-size: 0.75rem; text-align: center; padding: 7px 5px; box-sizing: border-box;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label.free_label {margin: 0;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label.free_label:first-child {padding-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .label.free_label:nth-child(2) {padding-top: 5px; border-top-right-radius: 0; border-top-left-radius: 0;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .payBtn {text-align: center; margin-top: 30px; padding: 0 15px;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .btn {color: #404fc3; font-size: 0.94rem; border-radius: 5px; position: relative; width: calc(100% / 2 + 60px);}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .btn_save {color: #fff; background: #404fc3;}
.globalStock .sub_payment.sub_freeguide .agree_area .agree_from .btn_save i {position: absolute; right: 18px; top: 15px; display: inline-block; width: 5px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_moreRR.png') no-repeat 0 0; background-size: cover;}

/* 가입 - 결제하기 step 02 */
.globalStock .sub_payment .step_top .step_title {display: inline-block;}
.globalStock .sub_payment .step_top .btn_cardEvent {display: inline-block; vertical-align: top; float: right;}
.globalStock .sub_payment .payment_guide {border-top: 1px solid #E0E4E9; border-bottom: 1px solid #E0E4E9; margin-top: 30px; padding: 0 15px 0;}
.globalStock .sub_payment .payment_guide .guide {padding: 20px 0 15px; border-bottom: 1px solid #E0E4E9;}
.globalStock .sub_payment .payment_guide .guide:last-child {border-bottom: none;}
.globalStock .sub_payment .payment_guide .guide li {display: inline-block; vertical-align: top;}
.globalStock .sub_payment .payment_guide .guide .th {width: 90px; color: #939393; font-size: 0.82rem;}
.globalStock .sub_payment .payment_guide .guide .td_txt {color: #333; font-size: 0.94rem;}
.globalStock .sub_payment .payment_guide .guide .td_txt.card_list,
.globalStock .sub_payment .payment_guide .guide .td_txt.card_list span {color: #404fc3;}
.globalStock .sub_payment .payment_guide .guide .td_txt.c_blue,
.globalStock .sub_payment .payment_guide .guide .td_txt.c_blue strong {color: #404fc3;}
.globalStock .sub_payment .payment_guide .guide .td_txt span {color: #939393; font-size: 0.82rem;}
.globalStock .sub_payment .payment_guide .guide .td_txt strong {color: #333; font-size: 1.25rem; font-family: 'Lato'; vertical-align: top; position: relative; top: -4px;}
.globalStock .sub_payment .payment_guide .guide .td_sum {color: #939393; font-size: 0.82rem; display: block; padding-left: 90px; margin-top: 5px; line-height: 1.2rem;}
.globalStock .sub_payment .payment_guide .guide .td_sale {width: 100%; padding: 10px 15px 0; padding-left: 100px; margin-top: 0; box-sizing: border-box;}
.globalStock .sub_payment .payment_guide .guide .td_sale p {color: #939393; font-size: 0.82rem; line-height: 1.5rem;}
.globalStock .sub_payment .payment_guide .guide .td_sale p span {display: inline-block; color: #939393; width: 80px;}
.globalStock .sub_payment .payment_guide .guide .td_sale p strong {color: #333; font-size: 0.94rem; padding-left: 12px; font-family: 'Lato'; }
.globalStock .sub_payment .payment_guide .guide .td_sale p strong i {display: inline-block; width: 13px; height: 13px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_sale.png') no-repeat 0 0; margin-right: 5px;}
.globalStock .sub_payment .payment_guide .mapage_form {padding: 0; border-bottom: 1px solid #E0E4E9;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table {border-top: none;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table tr {border-bottom: 1px solid #E0E4E9;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table tr:last-child {border-bottom: none;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table th,
.globalStock .sub_payment .payment_guide .mapage_form .form_table td {text-align: left; padding: 20px 0 14px; line-height: 1.2rem; font-weight: normal; vertical-align: top;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table th {color: #939393; font-size: 0.82rem; width: 90px;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td {color: #333; font-size: 0.94rem;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .i_dsc { clear: both; float: none; color: #404fc3; font-size: 0.75rem; line-height: 14px; margin-top: 6px;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .i_dsc i {position: relative; top: 2px; margin-right: 5px; display: inline-block; width: 14px; height: 14px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_x.png') no-repeat 0 0;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .i_dsc.coupon {color: #ff2929; margin-top: 0; padding-top: 6px;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .i_dsc.coupon i {background-position: 0 100%;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .mod_btn {display: inline-block; border: 1px solid #404fc3; border-radius: 3px; width: 100px; color: #404fc3; font-size: 0.75rem; text-align: center; padding: 5px 3px; box-sizing: border-box;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .mod_coupon .txt_info {display: inline-block; padding-right: 5px;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .certification_area {background: #e6e7f4; padding: 15px 15px; padding-left: 90px; margin-top: 15px; box-sizing: border-box;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .certification_area .certifi_btn,
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .certifi_btn {float: left; vertical-align: top; background: #404fc3; color: #fff; font-size: 0.75rem; padding: 0 10px; box-sizing: border-box; text-align: center; line-height: 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .certification_area .coupon_mod,
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .coupon_mod {/*text-transform: uppercase;*/ /*float: left;*/ vertical-align: top; border: none; display: inline-block; height: 25px !important; line-height: 25px; width: 200px; padding: 0 5px; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
/* .globalStock .sub_payment .payment_guide .mapage_form .form_table td .coupon_mod {float: left;} */
.globalStock .sub_payment .payment_guide .guide + .mapage_form .coupon_mod {float: left;}
.globalStock .sub_payment .payment_guide .mapage_form .form_table td .coupon_mod.chk_ok {width: 100%;}
.globalStock .sub_payment .payment_guide .i_dsc {float: none; color: #404fc3; font-size: 0.75rem; line-height: 14px; margin-top: 6px;}
.globalStock .sub_payment .payment_note {margin-top: 20px; padding: 0 15px;}
.globalStock .sub_payment .payment_note .h4_title {color: #333; font-size: 0.82rem;}
.globalStock .sub_payment .payment_note .h4_title + strong {display: block; margin-top: 10px; color: #404fc3; font-size: 0.82rem; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/dot_blue.png') no-repeat 0 4px; padding-left: 7px;}
.globalStock .sub_payment .payment_note .note {margin-top: 23px;}
.globalStock .sub_payment .payment_note .note li {background: url('//img.x1.co.kr/robo/images/investing/mobile/images/dot_line.png') no-repeat 0 8px; padding-left: 8px; color: #939393; font-size: 0.75rem; line-height: 1.2rem; margin-bottom: 4px;}
.globalStock .sub_payment .payment_note .note li span {color: #939393; font-size: 0.75rem; text-decoration: underline;}
.globalStock .sub_payment .payment_note .note li strong {color: #939393; font-size: 0.75rem;}
.globalStock .sub_payment .payment_note .note_chk {margin-top: 30px; background: #e6e7f4; border-radius: 9px; padding: 12px 10px;}
.globalStock .sub_payment .payment_note .note_chk .txt {color: #333; font-size: 0.82rem; line-height: 1.2rem; padding-left: 30px; position: relative;}
.globalStock .sub_payment .payment_note .note_chk .txt i {position: absolute; left: 5px; top: 2px; display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_agreecheck.png') no-repeat 0 100%; margin-right: 7px;}
.globalStock .sub_payment .payment_note .note_chk .txt.active i {background-position: 0 0;}
/* 가입 - 카드정보 입력 step 02 */
.globalStock .sub_payment .pay_info {padding: 15px 0;}
.globalStock .sub_payment .pay_info .top {padding: 0 15px 15px; border-bottom: 1px solid #E0E4E9;}
.globalStock .sub_payment .pay_info .top .logo {width: 90px; display: inline-block;}
.globalStock .sub_payment .pay_info .top .logo img {display: inline-block; width: 100%; height: auto;}
.globalStock .sub_payment .pay_info .top .card {color: #333; font-size: 0.94rem; float: right; font-weight: bold; vertical-align: top; margin-top: 4px;}
.globalStock .sub_payment .pay_info .info {background: #fff; border-radius: 3px; padding: 2px 10px; margin: 15px 15px;}
.globalStock .sub_payment .pay_info .info li {padding: 12px 0; border-bottom: 1px solid #E0E4E9; color: #333; font-size: 0.94rem;}
.globalStock .sub_payment .pay_info .info li:last-child {border-bottom: none;}
.globalStock .sub_payment .pay_info .info li strong {color: #939393; font-size: 0.83rem; display: inline-block; width: 70px; font-weight: normal;}
.globalStock .sub_payment .pay_info .info li span {font-size: 0.75rem; color: #939393;}
.globalStock .sub_payment .pay_info .info li span.event_pay {display: block; line-height: 1.43; padding-left: 67px; margin-top: 4px;}
.globalStock .sub_payment .pay_info .info li span.event_pay b {color: #939393;}

.globalStock .sub_payment .card_info {margin-top: 0;}
.globalStock .sub_payment .card_info .title {color: #333; font-size: 0.94rem; font-weight: bold;}
.globalStock .sub_payment .card_info p.guide {color: #939393; font-size: 0.75rem; margin-top: 10px;}
.globalStock .sub_payment .card_info .coupon_mod {color: #939393; font-size: 0.84rem; text-align: center; border: none; line-height: 25px; padding: 0 5px; width: calc(100% / 4 - 7.5px) !important; border-radius: 5px; margin-right: 4px;}
.globalStock .sub_payment .card_info .coupon_mod:last-child {margin-right: 0;}
.globalStock .sub_payment .card_info .term_mod {border: none; line-height: 25px; padding: 0 5px; width: calc(100% / 2 - 4px) !important; border-radius: 5px; margin-right: 4px;}
.globalStock .sub_payment .card_info .term_mod:last-child {margin-right: 0;}
.globalStock .sub_payment .card_info .by_mod {color: #939393; font-size: 0.84rem; text-align: left; border: none; line-height: 26px; padding: 0 5px; width: 100%; border-radius: 3px; margin-right: 4px; box-sizing: border-box;}
.globalStock .sub_payment .card_info .by_mod::placeholder {color: #939393; font-size: 0.94rem; position: relative; top: 1px;}
.globalStock .sub_payment .card_info .payment_guide {margin-top: 15px; padding: 0; padding-top: 10px;}
.globalStock .sub_payment .card_info .selectbox {display: inline-block;}
.globalStock .sub_payment .card_info span.pw {color:#939393; font-size: 0.84rem; display: inline-block;  line-height: 25px; margin-left: 3px;}
.globalStock .sub_payment .card_info span.bns_num {color:#939393; font-size: 0.84rem; display: inline-block;  line-height: 25px; margin-left: 3px; position: relative; padding-left: 24px;}
.globalStock .sub_payment .card_info span.bns_num i {position: absolute; left: 5px; top: 5px; display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_agreecheck.png') no-repeat 0 100%; margin-right: 7px;}
.globalStock .sub_payment .card_info span.bns_num.active i {background-position: 0 0;}
.globalStock .sub_payment .card_info .mapage_form {border-bottom: none;}
.globalStock .sub_payment .card_info .mapage_form .form_table tr {border-bottom: none;}
.globalStock .sub_payment .card_info .mapage_form .form_table th,
.globalStock .sub_payment .card_info .mapage_form .form_table td {padding: 10px 0;}
.globalStock .sub_payment .card_info .payment_guide {border-bottom: none;}
.globalStock .sub_payment .payment_note {background: #F4F4F5; padding: 10px 38px; margin: 0 23px;}
.globalStock .sub_payment .payment_note .top {overflow: hidden; padding-bottom: 4px;}
.globalStock .sub_payment .payment_note .top .h4_title {color: #333; font-size: 0.94rem; display: inline-block; width: calc(100% - 120px);}
.globalStock .sub_payment .payment_note .top .agree {color: #333; font-weight: bold; font-size: 0.84rem; position: relative; width: 110px; line-height: 20px; cursor: pointer;}
.globalStock .sub_payment .payment_note .top .agree i {display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select_label_on.png') no-repeat 0 100%; background-size: 20px 20px; margin-right: 7px;}
.globalStock .sub_payment .payment_note .top .agree.active i {background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select_label.png') no-repeat 0 100%; background-size: 20px 20px;}
.globalStock .sub_payment .agree_chk {}
.globalStock .sub_payment .agree_chk .txt {color: #939393; font-size: 0.84rem; line-height: 20px; padding: 4px 0; display: inline-block; cursor: pointer;}
.globalStock .sub_payment .agree_chk .txt i {display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select_label_on.png') no-repeat 0 100%; background-size: 20px 20px; margin-right: 7px;}
.globalStock .sub_payment .agree_chk .txt.active i {background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select_label.png') no-repeat 0 100%; background-size: 20px 20px;}
.globalStock .sub_payment .agree_chk .age_link {float: right; display: inline-block; padding: 4px 0px; font-size: 0.83rem; line-height: 1.38; color: #333; height: 12px; background-size: 7px 9px; cursor: pointer; text-align: right;}
.globalStock .sub_payment .payment_chk {background: #e6e7f4; border-radius: 9px; padding: 12px 10px; margin: 30px 15px 0;}
.globalStock .sub_payment .payment_chk .txt {color: #333; font-size: 0.82rem; line-height: 1.2rem; padding-left: 30px; position: relative;}
.globalStock .sub_payment .payment_chk .txt i {position: absolute; left: 5px; top: -1px; display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select_label_on.png') no-repeat 0 100%; background-size: 20px 20px; margin-right: 7px;}
.globalStock .sub_payment .payment_chk .txt.active i {background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select_label.png') no-repeat 0 100%; background-size: 20px 20px;}
.globalStock .sub_payment .help_nicepay {display: block; color: #939393; font-size: 0.75rem; text-align: center; line-height: 1.2rem; margin-top: 13px;}
.globalStock .sub_payment .fix_btn { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); background-color: #f4f4f5; padding: 15px 0; position: fixed; bottom: 0; width: 100%; max-width: 767px; box-sizing: border-box; z-index: 85;}
.globalStock .setting_pop.card_edt {}
.globalStock .setting_pop.card_edt #pay_cncl.setting_area {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border: solid 3px #404fc3; transform: translate(-50%, -70%);}
.globalStock .setting_pop.card_edt .txt {text-align: center; color: #333; font-size: 0.94rem; line-height: 1.3rem;}
.globalStock .setting_pop.card_edt .btnArea {text-align: center; padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #E0E4E9;}
.globalStock .setting_pop.card_edt .btnArea .btn {width: 90px; margin: 0 4px;}

.globalStock .sub_payment .phone_regbox {background: #fff; border-radius: 10px; padding: 15px 20px 21px; margin: 0 15px;}
.globalStock .sub_payment .phone_regbox .txt {line-height: 1.54; color: #333; font-size: 0.9rem;}
.globalStock .sub_payment .phone_regbox .txt i {display: inline-block; width: 12.5px; height: 15.5px; margin-right: 3px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/icon_alarm2.png') no-repeat 0 0; background-size: 12.5px 15.5px; position: relative; top: 2px;}
.globalStock .sub_payment .phone_regbox .txt strong {}
.globalStock .sub_payment .phone_regbox .txt span {text-decoration: underline;}
.globalStock .sub_payment .phone_regbox .payBtn {margin-top: 20px;}
.globalStock .sub_payment .phone_regbox .payBtn .btn {width: calc(100% - 40px);}
.globalStock .sub_payment .link_home {text-align: center; margin: 15px auto 0;}
.globalStock .sub_payment .link_home a {display: inline-block; padding-bottom: 2px; border-bottom: 1px dotted #939393; line-height: 0.91; letter-spacing: -0.55px; color: #939393; font-size: 0.7rem;}
.globalStock .sub_payment .link_home i {display: inline-block; width: 3px; height: 6px; padding: 0 1px; margin-right: 3px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/more_Black.png') no-repeat 0 0; background-size: 3px 6px;  position: relative; top: -2px;}

/* 가입 - 결제완료 step 03 */
.globalStock .sub_payment.step03 .step_top {background: #fff url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_payment_com.png') no-repeat 105% 22px; min-height: 200px; box-sizing: border-box;}
.globalStock .sub_payment .step_top .payment_com {padding-top: 12px; padding-left: 10px;}
.globalStock .sub_payment .step_top .payment_com .login_title {font-weight: bold; font-size: 1.8rem; line-height: 2.2rem;}
.globalStock .sub_payment .step_top .payment_com .login_title strong {display: block; color: #404fc3; line-height: 2.2rem;}
.globalStock .sub_payment .step_top .payment_com .txt {color: #939393; font-size: 0.82rem; line-height: 1.2rem; margin-top: 15px;}
.globalStock .sub_payment.step03 .payment_guide {border-top: none; margin-top: 0;}
.globalStock .sub_payment.step03 .payment_guide .guide {padding: 20px 0;}
.globalStock .sub_payment.step03 .payment_note .note .mod_btn {display: inline-block; border: 1px solid #404fc3; border-radius: 3px; width: 80px; color: #404fc3; font-size: 0.75rem; margin-top: 7px; text-align: center; padding: 5px 3px; box-sizing: border-box;}

.selectbox {position: relative;width: 70%;height: 26px;line-height: 26px; border: none;  z-index: 1;  background: #fff;box-sizing: border-box;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.selectbox:before {content: "";position: absolute;top: 0;right: 0;width: 26px;height: 26px;background: url('//img.x1.co.kr/robo/images/investing/mobile/images/select.png') no-repeat 0 0;}
.selectbox label {position: absolute;top: -5px; left: 3px;padding: 5px 5px;color: #333;z-index: -1; font-size: 0.9rem;}
.selectbox select {width: 100%; padding: 0 4px; height: auto; box-sizing: border-box;border: 1px solid #E0E4E9;opacity: 0; -webkit-appearance: none;  -moz-appearance: none;appearance: none;}

.globalStock .sub_payment .form_area {background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_blue_g.png') repeat-x left -31px; background-size: 100% 431px; position: relative;}
.globalStock .sub_payment .form_area .bg_guide {position: absolute; right: 20px; top: -30px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_guide.png') no-repeat right 0; width: 87px; height: 130px; background-size: 87px 130px;}
.globalStock .sub_payment .form_area .payment_guide {position: relative; background: #F4F4F5; width: calc(100% - 46px); margin: 0 auto; padding: 25px 40px 0; box-sizing: border-box; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.globalStock .sub_service .sub_mid .sub_con .form_area .service_title {color: #fff; font-size: 1.125rem; font-weight: bold; margin: 0 23px 23px; padding-left: 0;} 
.globalStock .sub_service .sub_mid .sub_con .form_area .service_title strong {display: inline-block; color: #1ee8be; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/bg_bline.png') repeat-x 0 calc(100% + 6px); font-weight: bold;}
.globalStock .sub_service .sub_mid .sub_con .form_area .item .slt_phon {width: calc(100% - 84px); display: inline-block; vertical-align: top; float: right;}
.globalStock .sub_service #follow_btn {position: fixed; bottom: 20px; width: 100%; z-index: 999; left: 0; right: 0;}
.globalStock .sub_service #follow_btn .event_payment {width: calc(100% - 46px); margin: 0 auto; padding: 9px 0; border-radius: 3px; display: block; border: solid 1px rgba(255, 255, 255, 0.25); background-color: #404fc3; color: #ffda0d; font-size: 0.94rem; text-align: center; position: relative;}
.globalStock .sub_service #follow_btn .event_payment i {display: inline-block; width: 6px; height: 10px; background: url('//img.x1.co.kr/robo/images/investing/mobile/images/more_yel.png') no-repeat 0 0; background-size: 6px 10px; margin-left: 10px;}
#footer_iv	{padding:25px 20px 84px; background-color:#4d4d4d}
#footer_iv .copyright{color:#fff;font-size: 0.8rem;text-align:center}