@charset "utf-8";
html, body {color: #333;height: 100%;font-size: 100%;-webkit-text-size-adjust:none;font-family:"NotoSansKR","Dotum","sans-serif";word-break: keep-all;}
textarea {border:solid 1px #cbcbcb;width:100%;height:100px;box-sizing:border-box;resize:none;padding:10px;font-family:"NotoSansKR","sans-serif"}
table {width:100%}
.animation{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;.sub_visual ul li div a h2 p
	-o-transition: all 1s;
	-ms-transition: all 1s
}

.pop_wrap,
.d_day ul.animation li p span,
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content.anvisual04ima.sub_visual ul li div a h2tion p,
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p,
.view_more,
.page_view ul li a:after,
.page_view ul li span,
.btn_radius {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

.sub_content .fx_broker_wrap {background-color:#fff}
.sub_content .employee_cont {text-align:left}
.sub_content .employee_cont ul li:first-child {background: url(../images/sub/box-list_01.png) no-repeat}
.sub_content .employee_cont ul li  {border: 1px solid #e5e5e5;background-size: cover;color: #fff;box-shadow: 0 27px 27px 0px rgba(0, 0, 0, 0.14);background: url(../images/sub/box-list_02.png) no-repeat}
.sub_content .employee_cont ul li:last-child {background: url(../images/sub/box-list_03.png) no-repeat}
.sub_content .employee_cont ul li h3 {font-size: 20px;margin-bottom: 20px}
.sub_content .employee_cont ul li span {line-height: 1.5;text-align:left}
.sub_content .employee_cont.background_wrap {padding-top: 0;}
.sub_content .employee_cont.background_wrap ul {}
.sub_content .employee_cont.background_wrap ul li {background: none;color: #fff;border: navajowhite;padding: 17px 30px;border-right: 1px solid rgb(255 255 255 / 29%);border-radius: 0;}
.sub_content .employee_cont.background_wrap ul li h3 {font-size: 30px;}
.sub_content .employee_cont.background_wrap ul li strong {background: no-repeat}
.sub_content .employee_cont.background_wrap ul li em {display: inline-block;text-align: center;padding: 7px 0;width: 153px;border-radius: 20px;background-color: #ff8400;margin-bottom: 19px;}
.sub_content .employee_cont.background_wrap ul li:first-child em {background-color: #2e80ff}
.sub_content .employee_cont.background_wrap ul li span {text-align: center}
.sub_content .employee_cont.background_wrap ul li:last-child {border-right:0}

.box-list {position:relative;display:flex;justify-content:space-between;flex-wrap: wrap;margin-top: 50px;}
.box-list li {width: 33.333333%;box-sizing:border-box;position:relative;padding: 15px;}
.box-list li .img-con {border-radius:10px;overflow:hidden;box-shadow:0 27px 27px 0px rgba(0,0,0,0.14);width: 100%;position: relative;background: url(../images/sub/box-list_02.png) no-repeat center / cover;padding-top: 125%}
.box-list li:first-child .img-con {background: url(../images/sub/box-list_01.png) no-repeat center / cover}
.box-list li:last-child .img-con {background: url(../images/sub/box-list_03.png) no-repeat center / cover}
.box-list li .img-con > img{max-width:100%;width: 100%}
.box-list li .img-con > p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;}
.box-list li .img-con > p > span {font-family: play;display: block;color: #fff;margin-top: 20px;letter-spacing: 0;font-size: 25px;}
.box-list li > p {text-align: left;font-size: 16px;padding: 35px 10px 15px 10px;line-height: 1.5}

.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 1}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}

.header_wrap nav {margin: 0 auto;position: relative}
.header_wrap .navi {display:flex;padding-left:40px;justify-content: space-between;}
.header_wrap > .navi > h1 {display: flex;align-items: center}
.header_wrap > .navi > h1 > a {background: url(../images/common/logo.png) no-repeat 0 0 / 100%;display: block;text-indent: -999em;width: 200px;margin: 0 auto;position: relative}
.header_wrap > .navi > .m_menu {display:none}
.header_wrap > .navi > .top_right {display:flex;}
.header_wrap > .navi > .top_right a {display: flex;color:#fff;align-items: center;padding: 0 0;}
.header_wrap > .navi > .top_right .promy {height: 100%;color: #fff;background: #242424 url(../images/common/language.png) no-repeat 108px center;border: 0;text-align: center;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none;border: none;width: 155px  }
.header_wrap > .navi > .top_right .login {width: 78px;text-indent:-9999px;background: #35505e url(../images/common/ico_login.png) no-repeat center;}
.header_wrap > .navi > .top_right .my_page {width: 78px;text-indent:-9999px;background: #35505e url(../images/common/my_page.png) no-repeat center;}

#contents {width:100%;position: relative;}
nav {z-index: 3;}
.menu_bg {width: 100%;height: 0;position: absolute;background: #fff /*url(../images/common/bg_.png) no-repeat center*/;top: 81px;display: none;left: 0;z-index:3;border-bottom: 1px solid #cccccc;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);border-top: 1px solid rgba(130, 130, 130, 0.14);}

nav.search-tab:after {content:none}
nav > ul {display: flex;position: relative;text-align: center;}
nav > ul:after {content:'';display:block;clear: both}
nav > ul > li {position: relative}
nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-weight: 600;font-size: 17px;padding: 29px 37px;color: #333;white-space: nowrap}
nav > ul > li > a:hover {color:#099154}
nav > ul > li > ul {position: absolute;width: 100%;display: none;border-left: 1px solid rgba(130, 130, 130, 0.14);padding: 10px 0;z-index: 3;top: 81px;}
nav > ul > li:last-child > ul {border-right: 1px solid rgba(255, 255, 255, 0.14)}
nav > ul > li > ul > li > ul > li > a {color: rgba(255, 255, 255, 0.64);font-size: 14px;background-color: #205a82;display: block;padding: 9px}
nav > ul > li > ul > li > a {display: block;padding: 7px 10px;font-size: 14px}
nav > ul > li > ul > li a:hover {color: #00962e}
nav > ul > .slider {width: 20%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #6dc4ff;transition: all .5s;opacity:0}
nav > ul > li > ul > li > ul {display:none}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}

.sub_bg {background: url(../images/sub/sub_v01.png) no-repeat center bottom / cover;height: 299px;}
.sub_bg h2 {color: #fff;text-align: center;position: relative;top: 33%;font-size: 2.3vw}

.contents {font-size: 16px;max-width: 1240px;margin: 0 auto;}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents h2 {font-size: 2.5em;font-family: "NanumSquare";font-weight: 700;color: #333;clear: both;padding: 70px 0 50px;letter-spacing: -0.7px;text-align: center;}
.contents h3 {font-size: 1.4em;letter-spacing: -0.7px;color: #333;margin: 40px 0 20px;position:relative;padding-left: 30px;}
.contents h3:before {content:'';width: 18px;height: 22px;background: url('../images/common/ico_title.png') no-repeat 0 0 / 100%;position:absolute;top: 6px;left:0;}
.contents h4 {font-size: 1.1em;letter-spacing: -0.7px;color: #157941;padding: 30px 0 15px;}
.contents h4.first {padding: 0 0 20px}
.contents h3+h4 {padding: 0 0 15px;}
.contents h5 {font-size:1.15em}
.contents h3.first {padding-top: 0}
.contents h2.sub_bg01 {background: url('../images/sub/logo_bg.png') no-repeat center top;padding: 217px 0 10px;margin-top: 50px}

.in-trading-risk a {color: rgb(255 255 255 / 59%);line-height: 1.4}
.in-trading-risk a:hover {color: #b3e9ff}
.in-trading-risk a span {text-decoration: underline;display: block;margin: 33px 0 13px;font-size: 18px;color: #adadad;font-weight: 600}
.in-trading-risk a strong {font-size: 31px;display: block;color: #fff}

.webtong_list {margin: 18px 0 49px;font-weight: 200;line-height: 1.5;}
.webtong_list+.webtong_list {margin: 0 0 27px}
.webtong_list > li {text-indent: -14px;padding-left: 14px;margin-bottom: 8px}
.webtong_list li ol, .webtong_list li ul {margin: 10px 0 20px}
.webtong_list li ol li {text-indent: -18px;padding-left: 18px;margin-bottom: 6px} 
.webtong_list li ul li {text-indent: 1px;padding-left: 16px;position: relative;margin-bottom: 6px}
.webtong_list.color_red li ul li:before {background-color:#FF4500}
.webtong_list li ul li:before {content:'';position:absolute;top: 12px;left: 4px;background-color:#585858;width:5px;height:1px}
.webtong_list li ul.pi_none li {text-indent: 0px !important; padding-left: 0px !important;margin-bottom: 6px !important}
.webtong_list li ol.pi_none li {text-indent: 0px !important; padding-left: 0px !important;margin-bottom: 6px !important}
ul.webtong_list > li {text-indent: 1px;padding-left: 16px;position: relative;margin-bottom: 6px}
ul.webtong_list > li:before {content:'';position:absolute;top: 8px;left: 4px;background-color:#000;width:5px;height:5px}

.add_service_wrap {margin-top: 40px}
.add_service_wrap h3 {font-size: 24px;margin-top: 50px;}
.add_service_wrap h3 + .webtong_list {}

.transaction_steps_wrap ul {display: flex;gap: 10px}
.transaction_steps_wrap ul li {flex: 1 1 0}
.transaction_steps_wrap ul li .transaction_steps_inner {border: 1px solid #d8d8d8;border-radius: 5px;padding: 23px 20px 23px 20px;position: relative;display: flex;align-items: center;gap: 21px}
.transaction_steps_wrap ul li .transaction_steps_inner em {position: absolute;top: 12px;right: 14px;display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;background-color: #3182b8;color: #fff}
.transaction_steps_wrap ul li .transaction_steps_inner span {background-color: #f5f5f5;border-radius: 50%;min-width: 90px;min-height: 90px;text-align: center;line-height: 18px;display: flex;justify-content: center;align-items: center}
.transaction_steps_wrap ul li .transaction_steps_inner p {font-size: 20px;font-weight: 600;color: #344367}

.list_wrap01 li {line-height: 21px;padding-bottom: 21px;position: relative;padding-left: 46px;}
.list_wrap01 li:last-child {padding-bottom: 0}
.list_wrap01 li em {display: inline-block;margin-right: 10px;border-radius: 100%;width: 35px;height: 35px;border: 1px solid #174166;text-align: center;position: absolute;font-size: 14px;line-height: 30px;background-color: #174166;color: #fff;left: 0;top: -3px}
.list_wrap > li strong {display: block;margin-bottom: 10px}
.list_wrap > li:last-child {padding-bottom: 0}
.list_wrap > li > ul {margin-bottom: 20px}
.list_wrap > li > ul > li {text-indent: -8px;padding-left: 8px}

.ico.secret {background-position: left top}
.board-list > li article h4 span.ico {display: inline-block;width: 16px;height: 16px;background: url(../images/common/icons.png);overflow: hidden;text-indent: -999em;vertical-align: -1px}

.form_wrap {margin-top:50px;display: flex;flex-wrap: wrap;gap: 10px;}
.form_wrap .form_inner {flex: 1 1 45%}
.form_wrap .form_inner1 {flex: 1 1 100%}
.form_wrap .form_inner.col_30 {flex: 1 1 30%;}
.form_wrap .form_inner .form-element {border: 1px solid #d8d8d8;border-radius: 5px;padding: 9px 10px;gap: 6px;flex-direction: column;}
.form_wrap .form_inner .form-element label {font-size: 14px;font-weight: 600;display: inline-block;padding-right: 9px;margin-bottom: 9px;}
.form_wrap .form_inner .form-element input {width: 100%;height: 33px;color: #1b1b1b;padding: 0 10px;background-color: #f5f5f5;border-radius: 3px;border: 1px solid #ededed;}
.form_wrap .form_inner .form-element select {width: 100%;background: none;-webkit-appearance: auto;height: 33px;color: #1b1b1b;border: 1px solid #ededed;background-color: #f5f5f5;border-radius: 3px;padding: 0 10px;}

.point {position:relative}
.point:after {content: "*";position: absolute;top: 2px;right: 0;font-size: 16px;color: red;font-weight: 100}

.sub_title {margin-top: 33px}
.sub_title h3 {font-size: 30px;margin-bottom: 20px}

.back_wrap {background: url(../images/sub/bg_in.png) no-repeat center top;background-size: cover;width: 100%;text-align: center;padding: 50px 0;}
.back_wrap .back_wrap_inner {max-width: 1248px;margin: 34px auto;padding: 0px 20px}

.contact_map {margin-top: 50px;}
.map_wrap {margin-top: 40px}
.map_wrap ul {display: flex;gap: 20px}
.map_wrap ul li {flex: 1 1 0}
.map_wrap ul li .map_wrap_inner {border: 1px solid #d8d8d8;border-radius: 5px;padding: 32px 20px;text-align: center;display: flex;flex-direction: column;align-items: center;height: 100%}
.map_wrap ul li .map_wrap_inner span {border-radius: 50%;min-width: 74px;min-height: 74px;align-items: center;display: flex;justify-content: center;background-color: #f5f5f5}
.map_wrap ul li .map_wrap_inner strong {display: block;margin: 16px 0}

.metatrader5_wrap {background-color: #ffffff;}
.metatrader5_wrap .metatrader5_inner {max-width: 1248px;margin: 0px auto 50px;padding: 0px 20px;display: flex}
.metatrader5_wrap .metatrader5_inner .metatrader5_col {flex: 1 1 60%;padding-top: 94px;}
.metatrader5_wrap .metatrader5_inner .metatrader5_col h3 {}
.metatrader5_wrap .metatrader5_inner .metatrader5_col h3 {font-size: 29px;margin-bottom: 29px}
.metatrader5_wrap .metatrader5_inner .metatrader5_col p {margin-bottom: 28px}
.metatrader5_wrap .metatrader5_inner .metatrader5_col a {border: 1px solid #b5bfcb;padding: 10px 33px;background-color: #fff;display: inline-flex;align-items: center;gap: 8px}
.metatrader5_wrap .metatrader5_inner .metatrader5_col i {color: #7bb5ff;font-size: 23px}
.metatrader5_wrap .metatrader5_inner .metatrader5_img {flex: 1 1 40%;}

.open_an_account_wrap {padding: 0 20px;max-width: 1248px;margin: 0px auto 100px}
.open_an_account {padding: 37px;border: 1px solid;background: url(../images/sub/open_an_account.png) no-repeat center / cover;color: #fff;}
.open_an_account h3 {margin-bottom: 10px;font-size: 22px;}
.open_an_account p {margin-bottom: 22px}

.img_wrap {margin-bottom: 50px;text-align: center}
.img_wrap_l {border: 1px solid #e8ecef;margin-bottom: 50px;text-align: center}
.img_wrap_l p {background-color: #1a1b1c;padding: 17px 0;color: #fff;font-size: 20px;text-align: center}
.img_wrap_p {padding: 40px;border: 1px solid #dfdfdf;text-align: center}

.login_box {max-width: 480px;margin: 0 auto;border: 1px solid #d7d7d7;}
.login_box .login_box_inner .login_box_title {text-align: center;padding: 20px}
.login_box .login_box_inner .login_box_title a img {width: 80px}
.login_box .login_box_inner .login_box_title a b {display: block}
.login_box .login_box_inner .login_box_body {border-top: 1px solid #d7d7d7;padding: 18px}
.login_box .login_box_inner .login_box_body p {text-align: center;padding: 8px 0;}
.login_box .login_box_inner .login_box_body .login_form {position: relative;margin: 12px 0px}
.login_box .login_box_inner .login_box_body .login_form input {border: 1px solid #d8d8d8;height: 43px;width: 100%;padding: 0 7px;border-radius: 5px}
.login_box .login_box_inner .login_box_body .login_form .login_input {position: absolute;right: 1px;top: 1px;background-color: #efefef;height: 41px;width: 38px;display: flex;justify-content: center;align-items: center;border-radius: 0 5px 5px 0;}
.login_box .login_box_inner .login_box_body .Robot_wrap p {overflow: hidden;margin-bottom: 11px}
.login_box .login_box_inner .login_box_body .Robot_wrap p span {position:relative}
.login_box .login_box_inner .login_box_body .Robot_wrap p span:before {right: 100%;margin-right: calc(5px + .3em)}
.login_box .login_box_inner .login_box_body .Robot_wrap p span:after {left: 100%;margin-left: calc(5px + .3em)}
.login_box .login_box_inner .login_box_body .Robot_wrap p span:after, .login_box .login_box_inner .login_box_body .Robot_wrap p span:before {content: "";position: absolute;top: calc(50% - (calc(.2px + .05em) / 2));width: 2000px;border-bottom: calc(.2px + .05em) solid #e5e5e5}
.login_box .login_box_inner .login_box_body .login_p_wrap {margin-top: 13px;}
.login_box .login_box_inner .login_box_body .login_p a.red {color: #ff0000;font-weight: 600}

#footer {background-color: #212121;padding-bottom: 50px;}
#footer .site_map {max-width: 1248px;margin: 0px auto;padding: 40px 20px}
#footer .site_map > ul {display: flex;margin: 0 auto;flex-wrap: wrap;gap: 21px;}
#footer .site_map > ul > li {flex: 18%;min-width: 174px;}
#footer .site_map ul li a {color: #fff;text-align: center;display: block;text-align: left}
#footer .site_map ul li em {color: #fff;text-align: center;display: block;text-align: left}
#footer .site_map > ul > li > ul {margin-top: 16px}
#footer .site_map > ul > li > ul li {margin: 7px 0}
#footer .site_map > ul > li > ul li a {opacity: 0.4;font-size: 15px}
#footer .site_map > ul > li > ul li a:hover {color: #b3e9ff;opacity:1}

#footer .copyrights	{border-top:1px solid #e5e5e5;}
#footer .copyrights .wrap {max-width:1200px; margin:0 auto; overflow:hidden;}
#footer .copyrights .wrap .copy	{float:left; color:#999; font-size:12px; font-family:"notokr-regular", dotum; padding:21px 0 0;}
#footer .copyrights .wrap .banners {float:right;}
#footer .copyrights .mobilemenu_wrap {display:none;}
#footer .copyrights .wrap .btns_wrap {display:none;}
.footer_links {border-bottom:1px solid #323232;margin: 0px auto;padding: 0px 20px;}
.footer_links ul {display:flex;justify-content: center;}
.footer_links ul li {}
.footer_links ul li a {padding: 20px;display: block;position:relative;text-indent: -999em;}
.footer_links ul li a.Facebook {background:url(../images/common/Facebook.png) no-repeat center}
.footer_links ul li a.Twitter {background:url(../images/common/Twitter.png) no-repeat center}
.footer_links ul li a.Instagram {background:url(../images/common/Instagram.png) no-repeat center}
.footer_links ul li a.Telegram {background:url(../images/common/Telegram.png) no-repeat center}
.footer_links ul li a.Youtube {background:url(../images/common/Youtube.png) no-repeat center}
.footer_wrap {max-width: 1248px;margin: 0px auto;padding: 0 20px;}
.footer_wrap > p {margin-bottom: 36px;color: #a1a1a1}



.top {position: fixed;right: 2%;bottom: 4%;display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;color: #fff;border-radius: 50%;background: #ff4800 url(../images/common/top.png) no-repeat center;text-indent: -999em;display:none}
.copyright {letter-spacing: -0.1px;text-align: center;color: rgb(165, 165, 165)}
.brnone {display:block}
.webtong-btn {display: inline-block;text-align: center;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 6px 14px 6px;transition: all .15s;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer;font-weight: 300;border-radius: 5px}
.webtong-btn.big {font-size: 1.01rem;line-height: 30px}
.webtong-btn.big.login_btn {min-width: 253px;margin: 0 auto;display: table}
.webtong-btn.big.basic {min-width: 130px}
.webtong-btn.small {font-size: 1rem;line-height: 18px;min-width: 100px}
.webtong-btn.agree {border-radius:48px;background:none;border:1px solid #3b5998;color:#3b5998}
.webtong-btn.agree:hover, .webtong-btn.agree:focus {border-radius:48px;background:none;border:1px solid #3b5998;color:#3b5998}
.filled.basic {color: #fff;background-color: #344367;border: 1px solid transparent}
.filled.basic:hover, .filled.basic:focus {background-color: #030847;border-color: #030847}
.filled.grey {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.filled.grey:hover, .filled.grey:focus {background-color: #2d2d2d;border-color: #2d2d2d}
.btn_radius {display: inline-block;border-radius: 22px;padding: 10px 44px;background-color: #008dd1;color:#fff}
.btn_radius:hover {background-color: #00a4f3;color: #fff}

.btn_img {display: inline-block;border: 1px solid #cccccc;padding: 10px;min-width: 200px;text-align: center}
.btn_img span {padding: 10px 10px 10px 31px;background: url(../images/sub/manual01_.png) no-repeat left center}
.btn_img span:hover {color:#de5263}
.btn-tbl.small {display: inline-block;border: 1px solid #c5c5c5;line-height: 31px;vertical-align: middle;padding: 0 8px}

input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: solid 1px #cbcbcb;height: 33px;padding: 0 40px 2px 10px;background: url('../images/common/ico_select.png') right center no-repeat #fff}
.link {color: #0059a5;text-decoration: underline}

@media screen and (max-width: 1530px) {
	nav > ul > li > a {padding: 28px;}
}
@media screen and (max-width: 1400px) {
	.header_wrap .navi {padding-left: 15px;}
	.header_wrap > .navi > h1 > a {width: 190px;height: 35px;}
	nav > ul > li > a {padding: 20px 25px;font-size: 18px;}
	.page_view ul li span {display:none}
	.menu_bg {top: 63px}
	nav > ul > li > ul {top: 63px}
}
@media screen and (max-width: 1200px) {
	.header_wrap {background-color: #fff;}
	.header_wrap > .navi {padding:0 15px;height: 50px;}
	.header_wrap > .navi > .m_menu {position: absolute;right: 0;top: 0;z-index: 4;color: #fff;display: block;background: #35505e url(../images/common/ico_sitemap.png) no-repeat center;text-indent: -999em;width: 50px;height: 50px}
	.header_wrap > .navi > .top_right .login {
    width: 53px;
    margin-right: 35px;
    border-right: 1px solid rgb(255 255 255 / 8%);
}
	.header_wrap > .navi > .top_right .my_page {width: 53px;margin-right: 35px;border-right: 1px solid rgb(255 255 255 / 8%);}
	.header_wrap > .navi > h1 {}
	.header_wrap > .navi > h1 > a {width: 150px;height: 27px;background: url('../images/common/logo.png') no-repeat 0 0 / 100%;margin:0}
	.header_wrap > .navi > .m_menu.off {position: absolute;right: 0;top: 0;z-index: 4;color: #fff;display: block;background: #35505e url(../images/common/close.png) no-repeat center;text-indent: -999em;width: 50px;height: 50px}
	.header_wrap nav {display:none;background-color: #35505e;margin-left: 0;position: absolute;width: 100%;top: 50px;left:0;height: calc(100vh - 50px);}
	nav > ul > li > a.new:after  {left: 110px}
	nav > ul {display:block}
	nav > ul > li {float:none;width:100%}
	nav > ul > .slider {display:none}
	nav > ul > li > a {line-height: 40px;display:block;padding-left: 28px;text-align:left;color: #fff}
	nav > ul > li > a:hover {color:#009edd}
	nav > ul > li.active > a {background-color: #3483b9}
	nav > ul > li.depth_add > a {display:block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: url('../images/common/up_down.png') no-repeat right 13px;font-weight: 300;font-size: 14px}
	nav > ul > li.depth_add.active > a {background-color: #264251;background-position: right -23px;color: #ffbd56;}
	nav.menu-fixed > ul > li > ul {top:0}
	nav.menu-fixed > ul > li > a {line-height: 22px}
	nav > ul > li > ul {position:relative;border:0;padding:0;top: 0px}
	nav > ul > li:last-child > ul {position:relative;top:0;border:0}
	nav > ul > li > ul > li > a {padding-left: 26px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-align: left;color: #bbf1d2;background: #1f3745;}
	nav > ul > li > ul > li a:hover {color: #ffffff;}
	nav > ul > li > ul > li > ul > li > a {padding: 9px 0 9px 55px;text-align: left}
	nav > ul > li > ul > li.depth_add > a {display: block;background: url('../images/common/up_down.png') no-repeat right 13px}
	nav > ul > li > ul > li.depth_add.active > a {background-color: #3483b9;background-position: right -23px}
	nav > ul > li > ul > li > ul {display:block}
	nav > ul > li > a {height:auto;padding:10px;line-height: 22px}
	nav > ul > li > a.new:after {left:68px;top:10px}
	nav.search-tab {display:table;position: relative;background: none;top: auto}
	nav.menu-fixed {top: 68px;background-color: #093654}
	.header_wrap > .navi > .top_right .promy span {padding-right:0;}
	.header_wrap > .navi > .top_right .promy span:after {content:none}
	.sub_bg {height: 150px;}
	.sub_bg h2 {font-size:25px;}
}
@media screen and (max-width: 1152px) {
	.v_pc01 {display:none}
	.v_mobile01 {display:block}
	.contents {padding:0 1.5%}
	.text_box02 p {top: 123px}
	.more_wrap {padding: 0 1.5%}
	.brnone {display:none}
	.sub_nav ul li a {font-size: 13px}
	.contents_inner {padding:0 2.5% 60px}
	.transaction_steps_wrap ul li .transaction_steps_inner p {font-size: 17px}
	.transaction_steps_wrap ul li .transaction_steps_inner em {width: 30px;height: 30px;line-height: 30px;}
	.transaction_steps_wrap ul li .transaction_steps_inner span  {min-width: 70px;min-height: 70px}
	.transaction_steps_wrap ul li .transaction_steps_inner span img {width: 33px}
}
@media screen and (max-width: 1024px) {
	.g_box_in .text strong, .tab_wrap02 ul li .box_01 strong {font-size: 16px;}
	.contents, .contents_wrap {margin-right:0; font-size: 15px}
	#contents {min-height:auto}
}
@media screen and (max-width: 900px) {
	.form_wrap .form_inner {flex: 1 1 100%}
	.box-list li .img-con > p > span {font-size: 20px;}
	.box-list li {width: 50%;padding: 12px;}
	.sub_content .employee_cont.background_wrap ul li h3 {font-size: 20px}
	.sub_title h3 {font-size: 20px}
	.metatrader5_wrap .metatrader5_inner .metatrader5_col {padding-top: 44px;}
	.metatrader5_wrap .metatrader5_inner .metatrader5_col h3 {font-size: 20px}
}
@media screen and (max-width: 800px) {
	.contents h3.tab_title {display:block}
	.contents h3.tab_title a {border: 1px solid #307b7b;display: block;padding: 13px;box-shadow: 0px 4px 0 rgba(0, 0, 0, 0.06);background: #46a2a2 url(../images/common/sub_up_down.png) no-repeat right 17px;color: #fff}
	.contents h3.tab_title.on a {background-position: right -19px}
}
@media screen and (max-width: 780px) {
	.sub_bg {height: 100px;}
	.sub_bg h2 {font-size:22px}
	.contents h2 {font-size: 1.7em;padding: 35px 0 24px;}
	.ci_wrap strong {font-size:20px}
	.form_wrap .form_inner.col_30 {flex: 1 1 100%}
	.transaction_steps_wrap ul li .transaction_steps_inner p {font-size: 16px}
	.transaction_steps_wrap ul li .transaction_steps_inner span {min-width: 60px;min-height: 60px}
	.transaction_steps_wrap ul li .transaction_steps_inner span img {width: 28px}
	.transaction_steps_wrap ul li .transaction_steps_inner {flex-direction: column;padding: 18px 0;gap: 10px}
}
@media screen and (max-width: 640px) {
	.g_box_in .text strong, .tab_wrap02 ul li .box_01 strong {font-size: 15px}
	.contents h3 {font-size: 1.2em;padding-left: 25px;margin: 30px 0 10px;}
	.contents h3:before {width: 16px;height: 20px;top: 4px;}
	.contents h2 {font-size: 20px;}
	.h_tab a {width:49%}
	.footer_links ul li+li a:before {content:none;}
	.footer_inner {align-items: center;}
	.fx_broker_wrap {padding: 40px 0;}
	.fx_broker_inner .fx_broker_title h2 {margin-bottom: 0}
	.fx_broker_inner .fx_broker_title h2 + p {margin-top: 20px;}
	.employee_cont ul {flex-direction: column;}
	.sub_content .employee_cont.background_wrap ul li {padding: 17px 5px;border-bottom: 1px solid rgb(255 255 255 / 29%);border-right: 0}
	.sub_content .employee_cont.background_wrap ul li:last-child {border-bottom: 0;border-right: 0}
	.metatrader5_wrap .metatrader5_inner {flex-direction: column}
	.banner_wrap {padding: 0 0 50px;}
	.banner_wrap.main {padding: 50px 0}
}
@media screen and (max-width: 580px) {
	.box-list li .img-con {padding-top: 70%;}
	.box-list li {width: 100%;padding: 0}
	.transaction_steps_wrap ul li .transaction_steps_inner {flex-direction: row;padding: 10px 10px 10px 70px}
	.transaction_steps_wrap ul li .transaction_steps_inner em {left: 12px;top: 24px;}
	.transaction_steps_wrap ul {flex-direction: column;}
	.transaction_steps_wrap ul li {flex: 1 1 0}
	.metatrader5_wrap .metatrader5_inner .metatrader5_col h3 {font-size: 18px}
	.header_wrap > .navi > .m_menu {width: 42px}
	.header_wrap > .navi > .top_right .login {width: 42px;margin-right: 27px;}
}
@media screen and (max-width: 480px) {
	header > .navi > h1 > a {background-size:60%}
	.contents h3 {font-size: 1.1em;padding-left: 21px;}
	.contents h3:before {width: 14px;height: 17px;}
	.in-trading-risk a {font-size: 15px}
	.in-trading-risk a strong {font-size: 21px;}
	.in-trading-risk a span {margin: 25px 0 13px;font-size: 16px}
	.live_fx_quotes .live_fx_left .live_fx_box ul {font-size: 15px;padding: 15px 13px;}
	.header_wrap > .navi > .top_right .promy {width: 92px;background-position: 71px center;padding: 0 25px 2px 2px}
	.login_box {margin:0 20px}
}