@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 320px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header */
/*#header { position:relative; border-bottom:1px solid #ddd; z-index:3000;}*/
#header { position:fixed; top:0; left:0; right:0; background:#fff; border-bottom:1px solid #ddd; z-index:3000;}
#header .inner { display:flex; justify-content:space-between; align-items:center; width:100%; height:60px; flex-direction: row}
#header .header_left { display:block; align-items:center; margin-right:10px;}
#header .nav_btn { display:none; position:relative; margin-right:0; width:20px; height:16px;}
#header .nav_btn span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#222;}
#header .nav_btn span::before { content:''; position:absolute; left:0; top:-8px; width:100%; height:100%; background:#222; transition:.5s;}
#header .nav_btn span::after { content:''; position:absolute; left:0; top:8px; width:100%; height:100%; background:#222; transition:.5s;}
#header .nav_btn.on span { background:transparent;}
#header .nav_btn.on span::before { top:0; transform:rotate(45deg);}
#header .nav_btn.on span::after { top:0; transform:rotate(-45deg);}
#header h1 { display:block; width:auto;}
#header h1 a {display: block;width: 35px;height: 35px;background: url(/assets/images/main/head_logo_mob.png) no-repeat;background-size: 35px;}
#header .search_wrap { position:static; left:50%; top:50%; transform:translate(0); width:79%; height:30px;}
#header .search_wrap .search_box { display:flex; align-items:center; justify-content:space-between; height:100%; border:1px solid #ddd; border-radius:50px; border:1px solid #ddd;}
#header .search_wrap .search_box strong { display:block; position:relative; width:60px; text-align:center; font-size:11px; color:#222; font-weight:600;}
#header .search_wrap .search_box strong::after { content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:30px; background:#ddd;}
#header .search_wrap .search_box input { padding:5px 10px; outline:0; border:0; width:calc(100% - 85px); height:100%; font-size:15px; color:#222;}
#header .search_wrap .search_box .btn_search { width:25px; height:100%; text-indent:-9999px; background:url(/assets/images/main/btn_search_pc.png) left center no-repeat; background-size:15px auto;}
#header .header_link_wrap { display:flex; align-items:center; margin-left: 3px;}
#header .gnb { position:absolute; left:0; right:0; top:80px; display:none; justify-content:center; height:40px; background:#fff; border-top:1px solid #ddd; box-shadow:0 3px 10px rgba(0,0,0,.05);}
#header .gnb > li { padding:0 25px; height:100%;}
#header .gnb > li > a { display:flex; align-items:center; height:100%; font-size:16px; color:#222; font-weight:600;}
#header .gnb > li.on > a { color:#25237b;}
#header .gnb > li:hover { color:#222;}
#header .header_link { display:flex; align-items:center; margin:0 0 0 5px;}
#header .header_link li ~ li  { margin-left:10px;}
#header .header_link li.ico_guide { display:block;}

#header .header_link li:nth-child(1) img{width: 15px;}
#header .header_link li:nth-child(2) img{width: 16px;}
#header .header_link li:nth-child(3) img{width: 16px;}

/* #header .header_link li:nth-child(3) { display:none;} */
#header .header_link li a { display:flex; align-items:center;}
/*#header .menu_btn { display:none; position:relative; width:22px; height:18px;}*/
#header .menu_btn { position: relative; width: 20px; height: 16px; margin-left: 10px;}
#header .menu_btn span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#222;}
#header .menu_btn span::before { content:''; position:absolute; left:0; top:-8px; width:100%; height:100%; background:#222; transition:.5s;}
#header .menu_btn span::after { content:''; position:absolute; left:0; top:8px; width:100%; height:100%; background:#222; transition:.5s;}
#header .menu_btn.on span { background:transparent;}
#header .menu_btn.on span::before { top:0; transform:rotate(45deg);}
#header .menu_btn.on span::after { top:0; transform:rotate(-45deg);}

/* navigation */
.navigation { display:none; position:absolute; right: 0; top:0; width: 100%; height: 100%; z-index: 2000;}
.navigation .lnb {position:absolute; right: -100%; top: 60px; width: 68%; height: 100%; background-color: #fff; font-size: 0; z-index: 50; transition:.5s;}
.navigation .lnb.on { right:0;}
.navigation .nav_bg {position:absolute; left: 0; top: 60px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 10; }
.navigation h3{ position:relative; height: 45px; border-bottom: 1px solid #ddd;}
.navigation h3 a{display: flex; align-items:center; padding:0 15px; height:100%; font-size: 13px; color:#222; font-weight:500;}
.navigation h3.on a,
.navigation h3.active a { color:rgb(0,112,192);}

/* use_navigation */
.use_navigation { display:none; position:absolute; left: 0; top:60px; padding:20px 2.66%; width: 100%; height: 100%; z-index: 2000; background:#eff3f5;}
.use_navigation .menual_list_mob { width: 100%; height: 100%; background:#fff;}
.menual_list_mob .top { display:flex; align-items:center; padding:0 15px; height:44px; border-bottom:1px solid #ddd;}
.menual_list_mob .top strong { font-size:14px; color:#222; font-weight:600;}
.menual_list_mob .lnb { padding:20px 15px; height:100vh; line-height:1;}
.menual_list_mob .lnb h3 ~ h3 { margin-top:15px;}
.menual_list_mob .lnb h3 a { padding:0 27px; font-size:12px; color:#222; font-weight:500; background:url(/assets/images/sub/nav_arrow02_pc.png) left center no-repeat; background-size:10px auto;}
.menual_list_mob .lnb ul { padding-top:20px;}
.menual_list_mob .lnb ul li ~ li { margin-top:14px;}
.menual_list_mob .lnb ul li a { display:block; padding:0 21px; font-size:12px; color:#555; line-height:1.3;}
.menual_list_mob .lnb h3.on a,
.menual_list_mob .lnb h3.active a { background-image:url(/assets/images/sub/nav_arrow02_on_pc.png);}

/*#contents { min-width:100%; min-height:calc(100vh - 80px); background:#eff3f5;}*/
#contents { padding-top:60px; min-width:100%; min-height:calc(100vh - 80px); background:#eff3f5;}

#footer { padding:20px 0; background:#2b2d3b; line-height:1; text-align:center; margin-bottom: 60px;} 
#footer .inner { position:relative; width:100%;}
#footer .footer_link { display:flex; justify-content:center;}
#footer .footer_link li { position:relative; padding: 0 10px;}
#footer .footer_link li:first-child { padding-left:0;}
#footer .footer_link li:last-child { padding-right:0;}
#footer .footer_link li ~ li::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:rgba(255,255,255,.4);}
#footer .footer_link li a { font-size:12px; color:#fff;}
#footer .fam_box { display:inline-block; position:static; right:0; top:0; transform:translateY(0); margin-top:20px; width:200px; height:30px;}
#footer .fam_box button { padding-left:10px; width:100%; height:100%; border:1px solid #8c8c92;  border-radius:5px; background:url(/assets/images/main/fam_arrow_up_pc.png) right 20px center no-repeat; font-size:15px; color:#8c8c92; text-align:left;}
#footer .fam_box button.on { background-image:url(/assets/images/main/fam_arrow_down_pc.png);}
#footer .fam_box ul { display:none; position:absolute; bottom:calc(100% - 1px); padding:10px 0; width:100%; background:#2b2d3b; border:1px solid #8c8c92; border-radius:5px;}
#footer .fam_box ul li { padding:0 10px; text-align:left; line-height:20px;}
#footer .fam_box ul li ~ li { margin-top:5px;}
#footer .fam_box ul li a { font-size:12px; color:#8c8c92;}
#footer .copy { margin-top:15px; font-size:11px; color:#8c8c92;}
#footer .copy span { display:block; margin-top:5px; padding-left:0;}

#footer .inner > .top{display: flex; justify-content: space-between;align-items: center; flex-direction: column;}
#footer .sns_link{display: flex; gap:8px; margin-top: 15px;}
#footer .sns_link img{width: 28px;}

.foot_banner{position: relative; padding: 15px 0;}
.foot_banner.inner{width: 100% !important; margin: 0 auto;}
.foot_banner.inner h3{text-align: center;}
.foot_banner.inner h3 img{height: 30px;}
.foot_banner .slick-prev{position: absolute; left: 2.66%; top: 50%; transform:translateY(-50%); font-size: 0; background: url('/assets/images/main/foot_prev.png') no-repeat; width: 11px; height: 19px; background-size:100%;}
.foot_banner .slick-next{position: absolute; right: 2.66%; top: 50%; transform:translateY(-50%); font-size: 0; background: url('/assets/images/main/foot_next.png') no-repeat; width: 11px; height: 19px; background-size:100%;}

.quick_menu{display: block; position: fixed; bottom: 0; width: 100%;  z-index: 6000; background: #fff; border-top: 1px solid #ddd;}
.quick_menu ul{display: flex;}
.quick_menu ul li{width: 25%; text-align: center; }
.quick_menu ul li a{display: block; padding: 10px 5px;}
.quick_menu ul li a img{margin-bottom: 5px; height: 20px;}
.quick_menu ul li a p{line-height: 1; margin-top: 3px; font-size: 12px;}

/* ====================== 공통영역 ====================== */
.color_bl { color:#0049a3;}
.color_dbl { color:#004b90;}
.color_rd { color:#f30e0e;}
.bg_bl { background:#004b90;}
.no-content { display:flex; align-items:center; justify-content:center; min-height:210px; font-size:15px; color:#888;}
.f-wrap { flex-wrap:wrap;}

/* 관심종목등록 버튼 */
a.btn_like { display:block; width:14px; height:12px; background:url(/assets/images/main/ico_like_pc2.png) center no-repeat; font-size:0;}
a.btn_like.on { background-image:url(/assets/images/main/ico_like_on_pc2.png);}

/* 정렬 버튼 */
a.event_array { padding-right:20px; font-size:12px; color:#555; font-weight:500; background:url(/assets/images/main/ico_array_pc.png) right center no-repeat;}

/* 도움말 */
a.help { display:block; margin-left:10px; width:14px; height:14px;}

/* X 버튼 */
a.btn_factor_del { display:block; width:12px; height:12px; background:url(/assets/images/main/ico_del_pc.png) center no-repeat; text-indent:-9999px;}

/* quant & backtest 버튼 */
button.st_btn01,
button.st_btn02 { width:calc(50% - 5px); height:30px; border-radius:5px; font-size:12px; font-weight:500;}
button.st_btn01 { color:#fff; border:1px solid #555; background:#555;}
button.st_btn02 { color:#004b90; border:1px solid #004b90; background:#fff;}

/* min/max */
a.size { display:block; position:relative; padding:0 10px; font-size:12px; color:#888; font-weight:600;}
a.size ~ a.size::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#aaa;}
a.size.on { color:#222;}
a.btn_graph { display:block; margin-left:10px; width:17px; height:10px; background:url(/assets/images/main/stock_arrow_up_pc.png) center no-repeat;}

/* input 라디오 */
input[type="radio"] { position:absolute; left:-9999%;}
input[type="radio"] + label { position:relative; padding-left:15px;}
input[type="radio"] + label::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:50%; border:1px solid #ddd;}
input[type="radio"] + label::after { opacity:0; content:''; display:block; position:absolute; left:3px; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background:#555;} 
input[type="radio"]:checked + label::after { opacity:1;}

/* input 체크박스 */
input[type="checkbox"] { position:absolute; left:-9999%;}
input[type="checkbox"] + label { position:relative; padding-left:20px; font-size:12px; /*color:#555;*/}
input[type="checkbox"] + label::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:12px; border:1px solid #ddd;}
input[type="checkbox"]:checked + label::before { background:url(/assets/images/main/ico_chk_pc.png) center no-repeat;}

/* 탭메뉴 */
.tab_menu_wrap { display:flex; flex-wrap:wrap; align-items:center; margin:15px 0; padding:0 5px; background:#f7f7f7;}
.tab_menu_wrap a { display:block; padding:5px 0; width:25%; border-right:0; font-size:12px; color:#222; line-height:30px; text-align:center;}
.tab_menu_wrap a:first-child { border-left:0;}
.tab_menu_wrap a.on { border-color:#004b90; color:#004b90; font-weight:700;}
.tab_menu_wrap a.mob_no { display:none; }

/* stock 3depth */
.stock_depth03 { display:flex; justify-content:center; align-items:center; margin:10px 0;}
.stock_depth03 a { display:block; width:80px; border:1px solid #ddd; border-radius:15px; font-size:12px; color:#222; line-height:28px; text-align:center;}
.stock_depth03 a ~ a { margin-left:10px;}
.stock_depth03 a.on { color:#004b90; font-weight:700; border-color:#004b90;}

/* 테이블 */
.tbl_style { width:100%; table-layout:fixed; border-collapse:unset;}
.tbl_style thead th { height: 35px; background:#004b90; font-size:12px; color:#fff; font-weight:500;}
.tbl_style thead th ~ th { border-left: 1px solid rgba(255,255,255,.4);}
.tbl_style thead th:first-child { border-radius:5px 0 0 0;}
.tbl_style thead th:last-child { border-radius:0 5px 0 0;}
.tbl_style tbody th { height: 30px; border:1px solid #ddd; border-top:0; font-size:12px; color:#222; font-weight:500;}
.tbl_style tbody tr:last-child th:first-child { border-radius:0 0 0 5px;}
.tbl_style tbody tr:last-child td:last-child { border-radius:0 0 5px;}
.tbl_style td { height: 30px; border:1px solid #ddd; border-top:0; border-left:0; font-size:12px; color:#888; text-align:center;}
.tbl_style2 thead th{font-size: 12px; }
.tbl_style2 tbody td{border-left: 1px solid #ddd; font-size: 12px; color: #555;}

.tbl_wrap{display: block; flex-wrap:wrap; gap:2%;}
.tbl_wrap table{width: 100%; margin-top: 2%;}
.tbl_wrap table:first-child{margin-top: 0;}

table.tbl01{width: 100%; border-top: 1px solid #004b90;}
table.tbl01 th{color: #222; font-size: 11px; text-align: right; padding: 5px; background: #e9f5fc; border-bottom: 1px solid #fff;}
table.tbl01 td{color: #555; font-size: 11px; padding-left: 30px ;padding: 5px; border-bottom: 1px solid #ddd;}
table.tbl01 td .over_scroll{max-height:150px; overflow-Y:scroll ;}

table.tbl02{width: 100%; margin-bottom: 10px;}
table.tbl02 th{color: #fff; background: #666; font-size: 11px; font-weight: 500; padding: 5px;}
table.tbl02 td{color: #555; font-size: 11px; padding-left: 30px ; padding: 8px; text-align: center;}
table.tbl02 td strong{text-align: right; display: block; color: #222; padding: 5px; background: #e9f5fc; border-bottom: 1px solid #fff;}
table.tbl02 td:first-child{padding:0 ;}

.list_style01 li { display:flex; align-items:baseline;}
.list_style01 li span { display:block; position:relative; width:70px;  font-size:12px; color:#222; font-weight:500;}
.list_style01 li span::after { content:''; display:block; position:absolute; right:0; top:2px; width:1px; height:10px; background:#888;}
.list_style01 li p { padding-left:10px; width:calc(100% - 70px); font-size:12px; color:#555;}

/* 스크롤박스 */
.scroll { overflow:scroll; margin-top:10px; padding:0 12px 12px 0; max-height:310px;}
.scroll::-webkit-scrollbar { width: 5px; height:5px;}
.scroll::-webkit-scrollbar-track { background-color: transparent;}
.scroll::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #ddd;}
.scroll::-webkit-scrollbar-button { width: 0; height: 0;}

/* 셀렉트 */
.select_box { position:relative; width:100%; height:30px; border:1px solid #ddd;}
.select_box select { padding:0 25px 0 5px; appearance:none; border:0; width:100%; height:100%; font-size:11px; color:#222; font-weight:500;}
.select_box option { width:100%;}
.select_box::after { content:''; display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:8px; height:7px; background:url(/assets/images/main/select_arrow_down_pc.png) center no-repeat;}
.select_box.on::after { background-image:url(/assets/images/main/select_arrow_up_pc.png);}

/* 버튼 */
.btn_blue { height:30px; background:#004b90; font-size:12px; color:#fff; border-radius:5px;}
.btn_gray { height:30px; background:#555; font-size:12px; color:#fff; border-radius:5px;}
.btn_blue02 { height:40px; border:1px solid #004b90; font-size:12px; color:#004b90; font-weight:500; border-radius:5px;}
.btn_gray02 { height:40px; background:#555; font-size:12px; color:#fff; border-radius:5px;}
a.btn_blue,
a.btn_gray { display:flex; justify-content:center; align-items:center; color:#fff;}

.member_guide_wrap{}
.member_guide_wrap > p{font-size:12px; color:#666666; text-indent:0px;}
h3.member_guide_tit{font-size:14px; color:#222222; margin-bottom:15px; }
h4.member_guide_tit{font-size:12px; color:#333333; margin-top:15px; }
.guide_type1{padding-left:0px; margin-top:5px; }
.guide_type1 > li{margin-bottom:5px;  font-size:12px; color:#666666;}
.guide_type2{padding-left:10px; margin-top:5px; }
.guide_type2 > li{margin-bottom:3px;  font-size:12px; color:#666666;}
.guide_type2 > li p{text-indent:10px; }

/* ====================== 공통영역 끝 ====================== */

/* stock */
#stock_section { display:flex; flex-wrap:wrap; width:100%; height:100%; min-height:calc(100vh - 60px);}
#stock_article { position:relative; padding:15px 10px; width:100%; background:#fff; /*border-top:5px dashed #004b90;*/}

/* stock aside */
/*.aside { padding:10px; width:100%; background:#eff3f5;}*/
.aside { display:none; }
.aside .event_box { padding:15px 10px 10px; border-radius:5px; width:100%; background:#fff; line-height:1;}
.aside .event_box ~ .event_box { margin-top:15px;}
.aside .event_top { padding-bottom: 16px; border-bottom:1px solid #ddd;}
.aside .event_top .top_box { display:flex; justify-content:space-between; align-items:center; padding:0 10px;}
.aside .event_top .top_box a.event_add { /* padding-left:15px; */ font-size:14px; color:#004b90; font-weight:600; /* background:url(/assets/images/main/ico_stock_add_pc.png) left center no-repeat; */}
.aside .event_top button { margin-top:20px; width:100%; height:30px; border-radius:5px; background:#666; font-size:13px; color:#fff; font-weight:500;}
.aside .event_bt { padding-top:20px;}
.aside .event_list {}
.aside .event_list li { position:relative; padding:10px; border:1px solid #ddd; background:#f7f7f7; border-radius:5px;}
.aside .event_list li:nth-child(2n) { background:#fff;}
.aside .event_list li ~ li { margin-top:5px;}
.aside .event_list li strong { font-size:13px; color:#222; font-weight:600;}
.aside .event_list li p { margin-top:10px; font-size:12px; color:#666;}
.aside .event_list li .btn_box { position:absolute; right:12px; top:12px;}
.aside .event_list li .btn_box a ~ a { margin-top:10px;}
.aside .event_list li .btn_box a.btn_del { display:block; width:12px; height:12px; background:url(/assets/images/main/ico_del_pc.png) center no-repeat; font-size:0;}
.aside .like_event ,
.aside .search_event { display:block; margin-top:70px; width:100%; height:30px; border-radius:5px; border:1px solid #ddd; font-size:14px; color:#888; font-weight:500; text-align:center; line-height:28px;}

.aside .search_check_box {padding: 20px 10px 10px;border-radius: 5px;width: 100%;background: #fff;line-height: 1;}
.aside .search_check_box .top_btn{margin-bottom: 20px;}
.aside .search_check_box .top_btn ul{display: flex; gap:5px;}
.aside .search_check_box .top_btn ul li{width: 50%; text-align: center; background: #eaeaea; border-radius:5px ;}
.aside .search_check_box .top_btn ul li a{display: block; padding: 10px; color: #666; font-size: 11px;}
.aside .search_check_box .top_btn ul li.on{background: #004b90;}
.aside .search_check_box .top_btn ul li.on a{color: #fff;}
.aside .search_check_box .box{margin-bottom: 15px;}
.aside .search_check_box .box span{font-size: 11px;color: #004b90;font-weight: 600; display: block; margin-bottom: 10px;}
.aside .search_check_box .box input[type=text]{border: 1px solid #ddd; width: 100%; padding: 5px;}
.aside .search_check_box .box .con ul{display: flex; gap:5px; margin-top: 10px; align-items: center;}
.aside .search_check_box .box .con ul li{width: 100%; text-align: center; font-size: 11px;}
.aside .search_check_box .box .con ul li.wave{width: 5%; }
.aside .search_check_box .box select{border: 1px solid #ddd; width: 100%; padding: 3px 0; font-size: 11px;}
.aside .search_check_box .check_wrap{display: flex; flex-wrap:wrap; gap:8px; margin-top: 15px;}  
.aside .search_check_box .btn_wrap{width: 100%; text-align: center; background: #004b90; border-radius:5px ;}
.aside .search_check_box .btn_wrap a{color: #fff; padding: 15px; display: block; font-size: 11px;}

.sec_info { padding:0 2.66%; border:none; border-radius:0;}
.sec_info_tit { display:flex; flex-wrap:wrap; align-items:flex-end; position:relative; padding:10px 0; border-bottom:1px solid #ddd;}
.sec_info_tit .tit01 {}
.sec_info_tit .tit01 strong { position:relative; font-size:15px; color:#222; font-weight:700;}
.sec_info_tit .tit01 strong::after { content:''; display:block; position:absolute; left:0; right:0; bottom:-8px; height:1px; background:#00aeef;}
.sec_info_tit .tit01 span { margin:0 0 0 10px; font-size:12px; color:#222; font-weight:700;}
.sec_info_tit .txt_list { display:flex; flex-wrap:wrap; margin-top: 15px; width:calc(100% - 20px);}
.sec_info_tit .txt_list li { position:relative; padding:0 5px 0 6px; font-size:12px; color:#555;}
.sec_info_tit .txt_list li:first-child { padding-left:0;}
.sec_info_tit .txt_list li ~ li::before { content:''; display:block; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#8c8c91;}
.sec_info_tit .btn_like { position:absolute; right:0; bottom:15px;}
.sec_info_con { display:flex; padding:10px 0; line-height:1;}
.sec_info_con .con01 .stock_info,
.sec_info_con .con02 .stock_info { margin-left:0; margin-top:10px;}
.sec_info_con .con01 { display:flex; flex-wrap:wrap; flex:1; justify-content:space-between; padding:5px;}
.sec_info_con .con01 p { font-size:14px; color:#222; font-weight:500;}
.sec_info_con .con01 p em { display:block; margin-top:5px; font-size:12px;}
.sec_info_con .con01 .stock_info strong { font-size:18px; font-weight:700;}
.sec_info_con .con01 .stock_info p { display:flex; margin-top:10px; font-size:12px; color:#222;}
.sec_info_con .con01 .stock_info p span { display:block;}
.sec_info_con .con01 .stock_info p span ~ span::before { content:''; display:inline-block; margin:0 5px; width:1px; height:10px; background:#aaa;}
.sec_info_con .con01 .stock_info p .up { padding-left:15px; background:url(/assets/images/main/ico_up_pc.png) left 5px center no-repeat;}
.sec_info_con .con01 .stock_info p .plus em { display:inline;}
.sec_info_con .con02 { display:flex; flex-wrap:wrap; flex:1; padding:8px 0; border-right:none; border-left:1px solid #ddd;}
.sec_info_con .con02 .help { margin-right:10px;}
.sec_info_con .con02 p { font-size:14px; font-weight:500;}
.sec_info_con .con02 p em { display:block; margin-top:5px; font-size:12px;}
.sec_info_con .con02 .stock_info { margin-left:10px;}
.sec_info_con .con02 .stock_info strong { font-size:18px; font-weight:700;}
.sec_info_con .con02 .stock_info p { display:flex; margin-top:10px; font-size:12px; color:#222;}
.sec_info_con .con02 .stock_info p span { font-weight:600; margin-left:10px;}
.sec_info_con .con03 { display:block; padding:10px 0; flex:auto; width:100%; border-bottom:1px solid #ddd;} 
.sec_info_con .con03 ul { /* display:flex;  */flex-wrap:wrap; padding:5px 0;}
.sec_info_con .con03 ul:first-child { border-right:0; padding-top: 0;}
.sec_info_con .con03 ul:last-child{border-bottom: 0; padding-bottom: 0;}
.sec_info_con .con03 ul li { display:flex; margin-right:0; margin-top:5px; width:100%; font-size:12px; color:#222;}
.sec_info_con .con03 ul li:nth-child(3) ~ li { margin-top:5px;}
.sec_info_con .con03 ul li:nth-child(2) ~ li { margin-top:5px;}
.sec_info_con .con03 ul li span { display:block; position:relative; padding-right:15px; width:135px;}
.sec_info_con .con03 ul li span::after { content:''; display:block; position:absolute; right:0; top:0; width:1px; height:10px; background:#aaa;}
.sec_info_con .con03 ul li p { padding-left:15px;}
.sec_info_con .con03 ul li ~ li{margin-top: 5px;}

.sec_info_con .con03 ul.mob_no{ display:none; }

.tbl01_wrap {display: block !important;}
.tbl01_wrap .aside{width: 100%; display: block;}
.tbl01_wrap .sec_info{border: 0; padding: 0; width: 100%; padding: 20px; background: #fff;}	
.tbl01_wrap .sec_info .tbl_wrap{overflow: scroll;}
.tbl01_wrap .sec_info .flex_wrap{display: flex; justify-content: space-between; align-items: center; flex-direction: column; align-items: flex-end}
.tbl01_wrap .sec_info .flex_wrap .tab_menu_wrap{width: 100%;}
.tbl01_wrap .sec_info .flex_wrap .donw_info{display: flex; align-items: center; gap:10px; font-size: 11px;}
.tbl01_wrap .sec_info .flex_wrap .donw_info a{display: block; padding: 4px 15px; background: #888; color: #fff; border-radius:5px ; font-size: 11px;}
table.tbl03{width: 100%;}
table.tbl03 th{background: #004b90; color: #fff; padding: 10px; border-right: 1px solid #ddd; text-align: center; font-size: 9pt; font-weight: 400;}
table.tbl03th:last-child{border-right: 0;}
table.tbl03 td{border: 1px solid #ddd; padding: 7px; font-size: 9pt;}

.stock_box01 { /*padding:10px;*/ border-radius:5px; background:#none;}
.stock_box01 .box_top { display:flex; justify-content:flex-end; align-items:center; margin-bottom:10px;}
.box_con { border:none; background:#fff;}
.stock_box03 .box_con .no-content { min-height:350px;}
.stock_box02 { padding-top:10px;}
.stock_box02 .box_top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:10px; padding-bottom:11px; border-bottom:1px solid #ddd;}
.stock_box02 .box_top .left_box { display:flex; align-items:center;}
.stock_box02 .stock_select { position:relative; width:150px; height:30px; border:1px solid #ddd;}
.stock_box02 .stock_radio { margin:0 10px;}
.stock_box02 .stock_radio label {  font-size:12px; color:#222;}
.stock_box02 .stock_radio label ~ label { margin-left:10px;}
.stock_box02 .btn_check { margin-right:0; padding:0 15px; height:30px; border-radius:5px; background:#555; font-size:12px; color:#fff; font-weight:500;}
.stock_box02 .stock_txt { margin-top:5px; font-size:12px; color:#888;}
.stock_box02 .box_top .right_box { display:flex; align-items:center; margin-top:10px; width:100%;}
.stock_box02 .view_link { display:flex;}
.stock_box02 .view_link li { margin-left:5px; width:25px; height:25px;}
.stock_box02 .view_link li a { display:block; width:100%; height:100%; border-radius:5px; background:center no-repeat; background-color:#004b90; background-size: 15px auto;}
.stock_box02 .view_link li a.view_graph { background-image:url(/assets/images/main/ico_graph_pc.png);}
.stock_box02 .view_link li a.view_column { background-image:url(/assets/images/main/ico_column_pc.png);}
.stock_box02 .view_link li a.table_download { background-image:url(/assets/images/main/ico_download_pc.png); background-color:#33a68a;}
.stock_box02 .box_menu { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; padding:0 0 10px;} 
.stock_box02 .box_menu .box_tab_menu { display:flex; flex-wrap:wrap; gap:5px;} 
.stock_box02 .box_menu .box_tab_menu a { display:block; margin-right:5px; width:calc((100% - 20px)/5); padding:0 12px; height:25px; border-radius:5px; border:1px solid #ddd; text-align:center; line-height:23px; font-size:12px; color:#555;}
#stock_section .stock_box02 .box_menu .box_tab_menu a  { width:auto;}
.stock_box02 .box_menu .box_tab_menu a ~ a { margin-left:0; margin-right: 0;}
/* .stock_box02 .box_menu .box_tab_menu a:nth-child(5n) { margin-right:0;}
.stock_box02 .box_menu .box_tab_menu a:nth-child(5n) ~ a { margin-top:5px;} */
.stock_box02 .box_menu .box_tab_menu a.on { border-color:#004b90; background:#004b90; color:#fff;}
.stock_box02 .box_menu span { display:block; font-size:12px; color:#888; text-align:right; width:auto;}
.stock_box02 .box_table.scroll { height:180px;}
.stock_table { width:100%; table-layout:auto; border-collapse:unset;}
.stock_table th { padding:0 5px; min-width:100px; height: 35px; background:#004b90;}
.stock_table th ~ th { border-left: 1px solid rgba(255,255,255,.4);}
.stock_table th:first-child { border-radius:0;}
.stock_table th:last-child { border-radius:0 0;}
.stock_table td { padding:0 10px; height: 30px; border:1px solid #ddd; border-right:0; border-top:0; font-size:12px; color:#222;}
.stock_table td:first-child { font-size:12px;}
.stock_table tbody tr td:last-child {border-right:1px solid #ddd;}
.stock_table tbody tr:last-child td:first-child { border-radius:0;}
.stock_table tbody tr:last-child td:last-child { border-radius:0;}

.highcharts-exporting-group { display:none; }

/* quant */
/*#quant_section { display:flex; flex-wrap:wrap; position:relative; width:100%; height:100%; line-height:1; background:#eff3f5;}*/
#quant_section { padding-top:60px; display:flex; flex-wrap:wrap; position:relative; width:100%; height:100%; line-height:1; background:#eff3f5;}
#quant_section .select_box_wrap{ display:flex; gap:5px; margin-bottom: 10px;}
#quant_section .select_box_wrap .sel_btn{border: 1px solid #ddd; background: #f1f1f1; border-radius:3px ;}
#quant_section .select_box_wrap .sel_btn a{display: block; padding:0 5px; line-height: 28px; color: #666; font-size: 11px;}
#quant_section .stock_box02_tbl{display: block; flex-direction: row; justify-content: space-between;}
#quant_section .stock_box02_tbl > div{width: 100%;}
#quant_section .stock_box02_tbl > div:last-child{margin-top: 2%;}

.quant_con { position:relative; padding:20px 2.66%; width:100%;}
.quant_con.flex02 { position:relative; padding:20px 2.66%; width:100%;}
.quant_con .inner { position:relative; padding:20px 10px; height:100%; background:#fff; border-radius:5px;}
.quant_con ~ .quant_con::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:auto; background:#d8dadf;}
.quant_con.quant_line { /*border-top:5px dashed #004b90;*/ }
.quant_tit { display:flex; justify-content:space-between; align-items: flex-start;gap:7px; padding-bottom:19px; margin-bottom:20px; border-bottom:1px solid #ddd; word-break:keep-all;}
.quant_tit strong { font-size:16px; color:#222; font-weight:700;}
.quant_tit span { font-size:12px; color:#555; font-weight:500;}

.quant_fix_con { width:100%;}
.quant_con.flex01 { display:flex; flex-wrap:wrap; justify-content:center; width:100%}
.quant_box { position:relative; width:100%; /*border-top:5px dashed #004b90;*/}
.quant_box ~ .quant_box::before { content:''; display:none; position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:1px; height:100%; background:#d8dadf;}

.quant_make .con01 {}
.quant_make .con01 .txt_box01 { width:100%;}
.quant_make .con01 .txt_box01 input { padding:0 10px; width:100%; height:30px; outline:0; border:1px solid #ddd; border-radius:5px; font-size:12px; color:#888;}
.quant_make .con01 .txt_box01 input::placeholder { font-size:10px; color:#888;}
.quant_make .con01 .txt_box01 p { margin-top:10px; font-size:11px; color:#888;}
.quant_make .con01 .txt_box01 p em { display:inline-block; margin:0 8px; width:1px; height:10px; background:#888;}
.quant_make .con02 { margin:15px 0;} 
.quant_make .con02 .btn_set { width:100%; height:30px; font-size:12px; color:#fff; border-radius:5px 5px 0 0; background: url(/assets/images/main/quant_arrow_up_pc.png) right 10px center no-repeat; background-color:#004b90;}
.quant_make .con02 .btn_set.on { background-image:url(/assets/images/main/quant_arrow_down_pc.png);  border-radius:5px;}
.quant_make .con02 .set_list { padding:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px;}
.quant_make .con02 .set_list li { display:flex; align-items:center;}
.quant_make .con02 .set_list li ~ li { margin-top:5px;}
.quant_make .con02 .set_list li span { display:block; width:20%; font-size:12px; font-weight:500; color:#222;}
.quant_make .con02 .set_list li span .txt_info { margin-left:5px;}
.quant_make .con02 .set_list li .quant_select01 { width:80%; height:30px; border:1px solid #ddd; background:url(/assets/images/main/select_arrow_down_pc.png) right 10px center no-repeat; background-color:#fff;}
.quant_make .con02 .set_list li .quant_pop_box { width:80%;}
.quant_make .con02 .set_list li .quant_select01 select { color:#555;}
.quant_make .con02 .set_list li .quant_pop_box .btn_pop_select { display:block; width:80px; height:30px; border-radius:5px; background:#e8e8e8; font-size:12px; color:#555; text-align:center; line-height:30px;}
/* .quant_make .con03 { display:none;} */
.quant_make .con03 .btn_factor_add { width:100%; height:30px; font-size:12px; color:#fff; border-radius:5px 5px 0 0; background: url(/assets/images/main/quant_arrow_up_pc.png) right 10px center no-repeat; background-color:#004b90;}
.quant_make .con03 .btn_factor_add span { padding-right:20px;  font-size:12px; color:#fff; background: url(/assets/images/main/ico_quant_add_pc.png) right center no-repeat;}
.quant_make .con03 .factor_list { /* overflow-y:scroll; */ margin-top:0; padding:5px 0 0 5px; height:auto; min-width:auto; border:1px solid #ddd; border-top:0; border-radius:0 0 3px 3px;}
.quant_make .con03 .factor_list li { padding:	10px; width:100%; border:1px solid #ddd; border-radius:5px;}
.quant_make .con03 .factor_list li ~ li { margin-top:5px;}
.quant_make .con03 .factor_list li .factor_tit { display:flex; justify-content:space-between;}
.quant_make .con03 .factor_list li .factor_tit strong { font-size:13px; color:#222; font-weight:600;}
.quant_make .con03 .factor_list li .factor_tit strong em { margin-left:3px; font-size:12px; color:#888;}
.quant_make .con03 .factor_list li .factor_con { display:flex; align-items:center; margin-top:10px; font-size:0; justify-content: space-between;}
.quant_make .con03 .factor_list li .factor_con .btn_box { display:flex; margin-right:0; margin-bottom:5px; width:80px;}
.quant_make .con03 .factor_list li .factor_con .btn_box a { display:block; padding:0 5px; width:35px; height:30px; border-radius:5px; font-size:11px; color:#fff; text-align:center; line-height:30px;}
.quant_make .con03 .factor_list li .factor_con .btn_box a ~ a { margin-left:5px;}
/*
.quant_make .con03 .factor_list li .factor_con .btn_box .btn_ratio { background-color:#004b90;}
.quant_make .con03 .factor_list li .factor_con .btn_box .btn_value { background-color:#aaa;}
*/
.quant_make .con03 .factor_list li .factor_con .all_wrap{display: flex; align-items: center; /* width: calc(100% - 80px); */}

.quant_make .quant_select02 { width:55px; height:30px; border:1px solid #ddd; background:#fff url(/assets/images/main/select_arrow_down_pc.png) right 10px center no-repeat;}
.quant_make .quant_select02.on { background-image:url(/assets/images/main/select_arrow_up_pc.png);}

.quant_make .quant_select03 { width:260px; height:30px; border:1px solid #ddd; background:#fff url(/assets/images/main/select_arrow_down_pc.png) right 10px center no-repeat;}
.quant_make .quant_select03.on { background-image:url(/assets/images/main/select_arrow_up_pc.png);}

.quant_make .quant_select02 ~ .quant_select02 { margin-left:5px;}
.quant_make .quant_select02 select { padding:0 3px; width:60px; height:100%; border:0; outline:0; appearance:none; font-size:12px; color:#555; background:transparent;}
.quant_make .unit { margin:0 5px 0 3px; font-size:11px; color:#222;}
.quant_make .w_factor { display:flex; align-items:center; margin-left:0; width: 70px;}
.quant_make .w_factor span { display:block; width:35px; font-size:12px; color:#222;}
.quant_make .w_factor input { padding:0 5px; width:35px; height:30px; border:1px solid #ddd; outline:0; font-size:12px; color:#555; margin-left: 3px;}
.quant_make .quant_num01 { position:relative;}
.quant_make .quant_num01 input { padding:0 5px; width:50px; height:30px; border:1px solid #ddd; font-size:12px;}
.quant_make .quant_num01 input::placeholder { font-size:10px; color:#aaa; line-height:28px;}
.quant_make .quant_num01 .num_btn { display:flex; flex-direction:column; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.quant_make .quant_num01 .num_btn a { display:block; width:8px; height:7px; background:center no-repeat; text-indent:-9999px; background-size:100% auto;}
.quant_make .quant_num01 .num_btn a ~ a { margin-top:5px;}
.quant_make .quant_num01 .num_btn a.num_up { background-image:url(/assets/images/main/select_arrow_up_pc.png);}
.quant_make .quant_num01 .num_btn a.num_down { background-image:url(/assets/images/main/select_arrow_down_pc.png);}
.quant_make .form_result_box { margin-top:20px; line-height:1;}
.quant_make .form_result { margin-bottom:20px; text-align:right;} 
.quant_make .form_result p { font-size:15px; color:#222;}
.quant_make .form_result p em { position:relative; padding-left:20px; font-size:15px; color:#004b90; font-weight:700;}
.quant_make .form_result p em::before { content:''; display:block; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#004b90;}
.quant_make .form_result span { display:block; margin-top:10px; font-size:13px; color:#f30e0e;}
.quant_make .form_result_box .btn_wrap { display:flex;}
.quant_make .form_result_box .btn_wrap button ~ button { margin-left:10px;}

.quant_list .list_top { display:flex; justify-content:space-between; align-items:center; margin:20px 0;}
.quant_list .list_top .tab_menu_wrap { display:flex; align-items:center; margin:0; padding:5px; height:30px; width:100%; background:none;}
.quant_list .list_top .tab_menu_wrap a { display:block; padding:0 10px; width:auto; border-left:1px solid #ddd; border-right:0; font-size:12px; color:#222; line-height:20px;}
.quant_list .list_top .tab_menu_wrap a:first-child { padding-left:0; border-left:0;}
.quant_list .list_top .tab_menu_wrap a.on { color:#004b90; font-weight:700;}
.quant_list .list_top .tab_menu_wrap a.mob_no { display:none; }
.quant_list .list_top .btn_apply { width:100px; height:30px; border-radius:3px; background:#555; font-size:12px; color:#fff; font-weight:500;}
.quant_list .quant_table_wrap {}
.quant_list .quant_table { width:100%; border-top:2px solid #004b90;}
.quant_list .quant_table tr { height:40px; border-bottom:1px solid #ddd;}
.quant_list .quant_table tr th{ font-size:12px; font-weight:500;}
.quant_list .quant_table tr th .event_array { font-size:12px; color:#555; font-weight:500;}
.quant_list .quant_table td { padding:0 10px; font-size:12px; color:#888; text-align:center;}
.quant_list .quant_table td:first-child { text-align:left;}
.quant_list .quant_table td input[type="radio"] + label .pop_model { color:#222; font-weight:500;}
.quant_list .quant_table td input[type="radio"]:checked + label .pop_model { color:#004b90;}

.quant_list .factor_item:nth-child(2){padding-top: 1px;}
.quant_list .factor_list li ~ li {margin-top: 15px;}
.quant_model .model_box { padding:15px 10px; border:1px solid #ddd; border-radius:5px;}
.quant_model .model_box ul li ~ li { margin-top:15px;}
.quant_model .model_tbl_wrap { margin-top:15px;}

.mics_wrap {display: flex; min-height: 30px; gap:10px;}
.mics_wrap .tbl_radio {flex: none;  width: auto;display: flex;align-items: center; font-size: 12px;}
.mics_wrap .tbl_radio.tbl_radio2 { flex:1; width:auto; display:flex; align-items:center; }
.mics_wrap .tbl_radio.tbl_radio2 label{width: 80px;}
.mics_wrap .tbl_radio.tbl_radio2 .back_input01{width: 43px !important;}
.mics_wrap .tbl_radio.tbl_radio2 .back_input01 input{width: 100% !important; margin-left: 0;}

.msic_all_wrap{display: flex; align-items:center; margin-top: 5px;}
.msic_all_wrap > span{font-size: 12px; width: 20%; font-weight: 500; color: #222; display: block;}
.msic_all_wrap .msic_wrap{display: flex; min-height: 30px;}
.msic_all_wrap .msic_wrap .tbl_radio{flex:1; width: auto; display: flex; align-items:center; font-size: 12px; margin-right: 10px;}

/* quant_input02 */
#quant_result_contents .stock_box02 .box_table.scroll { height:auto; overflow:scroll-x;}
#quant_result_contents .stock_box01 { display:none;}
.quant_result_wrap { padding:20px 2.66%; width:100%; min-height:auto; background:#fff; /*border-top:5px dashed #004b90;*/}
.quant_result_wrap .stock_box02 { padding-top:0;}
.quant_result_wrap .stock_depth03 { width:100%; justify-content:center;}
.quant_result_wrap .sec_info { display:none; margin-bottom:20px; height:60px;}
.quant_result_wrap .sec_info_tit { border-bottom:0; padding:0; align-items:center; height:100%;} 
.quant_result_wrap .sec_info_tit .tit01 strong { margin-right:20px;}
.quant_result_wrap .sec_info_tit .tit01 strong::after { display:none;}
.quant_result_wrap .tab_menu_wrap { display:flex; align-items:center; justify-content:flex-start; margin:0; padding:5px 0; height:30px; width:100%; background:none;}
.quant_result_wrap .tab_menu_wrap a { display:block; padding:0 8px; width:auto; border-left:1px solid #ddd; border-right:0; font-size:12px; color:#222; line-height:20px;}
.quant_result_wrap .tab_menu_wrap a:first-child { padding-left:0; border-left:0;}
.quant_result_wrap .tab_menu_wrap a.on { color:#004b90; font-weight:700;}
.quant_result_wrap .stock_box02 .view_link li { display:none;}
.quant_result_wrap .stock_box02 .view_link li:nth-child(2) { display:block;}
.quant_result_wrap .stock_box02 .box_top .right_box .size { display:none;}
.quant_result_wrap .stock_table a.event_array { color:#fff; background:url(/assets/images/main/ico_array_white_pc.png) right center no-repeat;}
.quant_result_wrap .stock_table td { text-align:right;}
.quant_result_wrap .stock_table td:first-child { text-align:left;}
.quant_result_wrap .stock_table tbody tr:first-child td:first-child { font-weight:700;}
.quant_result_wrap .stock_table td:last-child { text-align:center;}

.quant_pop_wrap { display:none; position:fixed; left:0; right:0; top:0; bottom:0;}
.quant_pop_up { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:10px 15px; width:calc(100% - 50px) !important; border:1px solid #ddd; background:#fff; line-height:1; box-shadow:0 5px 20px rgba(0,0,0,.2); height: auto !important;}
.quant_pop_up .pop_top { display:flex; justify-content:space-between; align-items:center; height:30px;}
.quant_pop_up .pop_top strong { font-size:14px; color:#222;}
.quant_pop_up .pop_top .pop_close { display:block; position:relative; width:15px; height:15px;}
.quant_pop_up .pop_top .pop_close span { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(45deg); width:100%; height:1px; background:#222;}
.quant_pop_up .pop_top .pop_close span::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(90deg); width:100%; height:1px; background:#222;}
.quant_pop_up .quant_list { display:flex; flex-wrap:wrap; align-items:baseline; margin-bottom:20px;}
/*.quant_pop_up .quant_list li { width:50%; font-size: 12px;}*/
.quant_pop_up .quant_list > li { width:100%; font-size: 12px;}
.quant_pop_up .quant_list > li ~ li { margin-top:15px;}
.quant_pop_up .quant_list li label { font-size:12px;}
.quant_pop_up .scroll{max-height:400px;}
.quant_pop_up .pop_btn { width:100%; height:35px; background:#004b90; border-radius:5px; font-size:12px; color:#fff; line-height: 35px;}
.quant_pop_up .txt_box01 > span{font-size: 12px;}
.quant_pop_up .txt_box01 input{font-size: 12px;}
.quant_pop_up .backtest_save_pop_btn1{width: calc(50% - 5px);height: 30px;background: #004b90;border-radius: 5px;font-size: 15px;color: #fff; font-size: 12px;}
.quant_pop_up .backtest_save_pop_btn2{width: calc(50% - 5px);height: 30px;background: #555;border-radius: 5px;font-size: 15px;color: #fff; font-size: 12px;}

.quant_pop_up .quant_list span.misc_accordion{position: relative;}
.quant_pop_up .quant_list span.misc_accordion:after{position: absolute; content: ''; background: url('/assets/images/sub/accordion_off.png') no-repeat; background-size:100% ;width: 10px;  height: 6px; top: 5px; right: -18px;}
.quant_pop_up .quant_list span.misc_accordion.on:after{background: url('/assets/images/sub/accordion_on.png') no-repeat; background-size:100% ;width: 10px;  height: 6px; top: 5px; right: -18px;}

.quant_list .factor_list{min-height: auto;}

/* backtest */
#backtest_section { display:flex; flex-wrap:wrap; position:relative; width:100%; height:100%; line-height:1; background:#eff3f5;}
#backtest_section .no-content { min-height:250px;}

.quant_make .con01 .quant_name { font-size:16px; color:#004b90; font-weight:700;}
.quant_make .con02 .btn_factor { width:100%; height:35px; font-size:12px; color:#fff; border-radius:5px 5px 0 0; background: url(/assets/images/main/quant_arrow_up_pc.png) right 10px center no-repeat; background-color:#004b90;}
.quant_make .con02 .btn_factor.on { background-image:url(/assets/images/main/quant_arrow_down_pc.png);  border-radius:5px;}
.quant_make .model_box { padding:10px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px;}
.quant_make .model_box ul li ~ li { margin-top:10px;}
.quant_make .model_tbl_wrap { margin-top:5px;}
.quant_make .model_tbl thead th { height: 30px; background:#888;}
.quant_make .model_tbl tbody th { height: 30px;}
.quant_make .model_tbl td { height: 30px;}
.quant_make .btn_back_set { width:100%; height:35px; font-size:12px; color:#fff; border-radius:5px 5px 0 0; background-color:#004b90;}

.back_list { /*overflow-y:scroll;*/overflow-y:hidden; overflow-x:hidden; margin-top:0; min-width:auto; height:auto; padding:10px; /*border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px;*/}
.back_list li { display:flex; align-items:baseline;}
.back_list li ~ li { margin-top:5px;}
.back_list li .back_tit { display:block; width:80px; font-size:12px; color:#222; font-weight:500;}
.back_list li .right_box { display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 80px);}
.back_list li .back_input01 { width:120px; height:30px; border:1px solid #ddd;}
.back_list li .back_input01 input { padding:0 10px; outline:0; border:0; width:100%; height:100%; font-size:12px; color:#555;}
.back_list li .back_input01 input::placeholder { font-size:12px; color:#555;}
.back_list li .right_box em { padding:0 20px 0 5px; font-size:12px; color:#222;}
.back_list li .right_box .color_rd { display:block; font-size:12px; line-height:15px;}
.back_list li .back_select01 { /*width:65px;*/ width:58px; height:30px;}
.back_list li .back_select01 ~ .back_select01 { margin-left:10px;}
.back_list li .term { display:block; margin:10px 0; padding-left:2px; width:100%; font-size:12px; color:#222; font-weight:500;}
.back_list li .back_select02 { width:100%; height:30px;}
.back_container .stock_box02 .stock_box02 .box_top .left_box { flex-wrap:wrap;}
.back_container .stock_box02 .box_top { padding-bottom:12px;}
.back_container .stock_box02 .box_top strong { display:block; margin:15px 0 5px; width:100%; font-size:15px; color:#222; font-weight:700;}
.back_container .tab_menu_wrap a { font-size:12px;}
.back_container .tab_menu_wrap a:first-child { padding-left:0; border-left:0;}
.back_container .stock_box02 .txt_list { display:block; margin-left:0;}
.back_container .stock_box02 .txt_list li { position:relative; padding:0 20px 0 0; font-size:13px; color:#222;}
.back_container .stock_box02 .txt_list li:first-child { padding-left:0;}
.back_container .stock_box02 .txt_list li ~ li::before { content:''; display:none; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#8c8c91;}

/* backtest_trading */
.trading_top { display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:11px; border-bottom:1px solid #ddd;}
.trading_top .btn_wrap,
.trading_top .box_top { display:flex; align-items:center; margin-top:10px; width:100%;}
.trading_top .box_top { justify-content:flex-end;}
.trading_top .btn_wrap a { display:block; width:60px; height:30px; border-radius:5px; background:#555; font-size:12px; color:#fff; font-weight:500; line-height:30px; text-align:center;}
.trading_top .btn_wrap .back_select01 { position:relative; margin:0 10px; width:calc(100% - 70px); height:30px; border:1px solid #ddd;}
.trading_top .btn_wrap .back_select01 select { padding:0 10px; appearance:none; border:0; width:100%; height:100%; font-size:12px; color:#222; font-weight:500;}
.trading_top .btn_wrap .back_select01::after { content:''; display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:8px; height:7px; background:url(/assets/images/main/select_arrow_down_pc.png) center no-repeat;}
.trading_top .btn_wrap .back_select01.on::after { background-image:url(/assets/images/main/select_arrow_up_pc.png);}
.trading_tbl_wrap { overflow:scroll; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin-top:10px; padding:0 10px 10px 0; max-height:450px;}
.trading_tbl { width: 100%;}
.trading_tbl ~ .trading_tbl { margin-left:0; margin-top:20px;}
.trading_tbl a.event_array { color:#fff; background-image:url(/assets/images/main/ico_array_white_pc.png);}
.trading_tbl td { padding:0 10px; height:30px; font-size:12px; color:#222;}
.trading_tbl td:first-child { text-align:left; border-left:1px solid #ddd;}
.trading_tbl tr:last-child td:first-child { border-radius:0 0 0 5px;}

/* member */
/*#member_section { padding:20px 0;}*/
#member_section { padding:80px 0px 20px 0px;}
#member_section .inner { padding:15px 10px 10px; width:100%; min-height:auto; background:#fff; border-radius:5px;}

.mem_fix { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;}
.mem_fix .left_box { display:flex; flex-wrap:wrap; justify-content:center;}
.mem_fix .profile_img { position:relative; width:80px;}
.mem_fix .profile_img .img_wrap { overflow:hidden; position:relative; border-radius:50%; width:100%; padding-bottom:100%;}
.mem_fix .profile_img .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.mem_fix .ico_modify { position:absolute; right:0; bottom:0; width:20px; height:20px; border-radius:50%; background:#004b90 url(/assets/images/main/ico_modify_pc.png) center no-repeat; text-indent:-9999px; background-size:50% auto;}
.mem_fix .profile_txt { margin-left:0; padding-top:10px; width:100%; line-height:1; text-align:center;}
.mem_fix .profile_txt .pro_name { font-size:14px; color:#222; font-weight:700}
.mem_fix .profile_txt .pro_id { display:block; margin:5px 0 10px; font-size:12px; color:#555;}
.mem_fix .profile_txt .pro_class { display:flex; justify-content:center;}
.mem_fix .profile_txt .pro_class li { width:80px; height:25px; background:#c6c6c6; border-radius:5px; font-size:14px; color:#fff; line-height:25px; text-align:center;}
.mem_fix .profile_txt .pro_class li.on { background:#004b90;} 
.mem_fix .profile_txt .pro_class li ~ li { margin-left:5px;}
.mem_fix .profile_info_list { display:flex; line-height:1; margin-top:10px;}
.mem_fix .profile_info_list li { width:70px; height:80px; border-radius:5px; background:#f1f1f1; text-align:center;}
.mem_fix .profile_info_list li a { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%;}
.mem_fix .profile_info_list li ~ li { margin-left:5px;}
.mem_fix .profile_info_list li strong { display:block; margin-bottom:20px; font-size:14px; color:#222; font-weight:700;} 
.mem_fix .profile_info_list li span { font-size:13px; color:#555;}
.mem_fix .profile_info_list li.on { background:#004b90;} 
.mem_fix .profile_info_list li.on strong,
.mem_fix .profile_info_list li.on span { color:#fff;}

.mem_info_wrap { margin:10px 0; padding:10px; border:1px solid #ddd; border-radius:5px;}
.mem_info_form li ~ li { margin-top:5px;}
.mem_info_form li { display:flex; align-items:baseline;}
.mem_info_form li strong { display:block; position:relative; width:60px; font-size:12px; color:#222; font-weight:500;}
.mem_info_form li strong::after { content:''; display:block; position:absolute; right:0; top:5px; width:1px; height:10px; background:#888;}
.mem_info_form li strong label { font-size:12px; color:#222; font-weight:500;}
.mem_info_form li .mem_input { display:flex; align-items:center; padding-left:10px; width:calc(100% - 60px);}
.mem_info_form li .mem_input input { padding:0 10px; width:100%; height:30px; outline:0; border:1px solid #ddd;}
.mem_info_form li .mem_input .btn_change { margin-left:5px; width:60px; height:30px; background:#555; border-radius:5px; font-size:12px; color:#fff; font-weight:500;}
.mem_info_form li .mem_input p { font-size:14px; color:#004b90; font-weight:700;}
.mem_info_form li .mem_input p span { display:block; margin-left:0; color:#222; font-weight:400;}
.mem_info_form li .mem_input .btn_service { display:block; margin-left:10px; width:80px; height:25px; background:#004b90; border-radius:5px; font-size:12px; color:#fff; font-weight:500; text-align:center; line-height:25px;}
.mem_info_form li .mem_select { width:100%; height:30px;}
.mem_info_form li .mem_select select { color:#222;}
.mem_tbl {table-layout:auto;}
.mem_tbl td { padding:0 5px; height:30px; font-size:12px; color:#222;}
.mem_tbl td:first-child { border-left:1px solid #ddd;}
.mem_tbl tr:last-child td:first-child { border-radius:0 0 0 5px;}

#member_section .mem_logout_btn {display: flex; justify-content: flex-end; margin-bottom: 20px;}
#member_section .mem_logout_btn a{display: inline-block; background:#fff; border: 1px solid #004b90; color: #004b90; padding: 3px 15px; border-radius:5px ; font-size: 12px;}

/* pay_input */
.pay_input_wrap { margin-top:20px;}
.pay_input_wrap .pay_list { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.pay_input_wrap .pay_list li { overflow:hidden; width:100%;}
.pay_input_wrap .pay_list li.pay01 .pay_tit { background-color:#5794cc;}
.pay_input_wrap .pay_list li.pay02 .pay_tit { background-color:#0c5ca5;}
.pay_input_wrap .pay_list li.pay03 .pay_tit { background-color:#00276f;}
.pay_input_wrap .pay_list .pay_tit { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:80px; color:#fff; line-height:1; border-radius:5px 5px 0 0;}
.pay_input_wrap .pay_list .pay_tit strong { display:block; margin-bottom:10px; font-size:16px; font-weight:700;}
.pay_input_wrap .pay_list .pay_tit span { font-size:13px;}
.pay_input_wrap .pay_list .pay_con { position:relative; padding:20px 20px 120px; border:1px solid #ddd; border-radius:0 0 5px 5px; line-height:1;}
.pay_input_wrap .pay_list .pay_con .quant_info { padding-bottom:20px; border-bottom:1px dashed #ddd;}
.pay_input_wrap .pay_list .pay_con .quant_info strong,
.pay_input_wrap .pay_list .pay_con .backtest_info strong { display:block; margin-bottom:20px; font-size:15px; color:#222; font-weight:600;}
.pay_input_wrap .pay_list .pay_con .quant_info p,
.pay_input_wrap .pay_list .pay_con .backtest_info p { font-size:14px; color:#555; line-height:1.2;}
.pay_input_wrap .pay_list .pay_con .quant_info p ~ p,
.pay_input_wrap .pay_list .pay_con .backtest_info p ~ p { margin-top:10px;}
.pay_input_wrap .pay_list .pay_con .backtest_info { padding-top:20px;}
.pay_input_wrap .pay_list .pay_con .btn_wrap { position:absolute; left:20px; bottom:20px; width:calc(100% - 40px);}
.pay_input_wrap .pay_list .pay_con .btn_wrap .select_box { margin-bottom:10px;}
.pay_input_wrap .pay_list .pay_con .btn_wrap .select_box select { color:#555;}
.pay_input_wrap .pay_list .pay_con .btn_wrap a { display:block; width:100%; height:30px; border-radius:5px; font-size:14px; font-weight:500; text-align:center; line-height:30px; background:#555; color:#fff;}
.pay_input_wrap .pay_list .pay_con .btn_wrap a.btn_pay01 { color:#888; border:1px solid #ddd; background:#fff; line-height:28px;}
.pay_input_wrap .pay_txt_box { margin:20px 0; padding:20px; border:1px solid #ddd; border-radius:5px;}
.pay_input_wrap .pay_txt_box .top_box { display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:21px; border-bottom:1px solid #ddd;}
.pay_input_wrap .pay_txt_box .top_box .pay_sum { flex:1; display:flex; align-items:center; width:100%;}
.pay_input_wrap .pay_txt_box .top_box .pay_sum ~ .pay_sum { margin-top:5px;}
.pay_input_wrap .pay_txt_box .top_box .pay_sum span { display:block; margin-right:0; width:80px; font-size:12px; color:#222; font-weight:500;}
.pay_input_wrap .pay_txt_box .top_box .pay_sum input { padding:0 10px; width:200px; height:30px; outline:0; border:1px solid #ddd;}
.pay_input_wrap .pay_txt_box .top_box .pay_sum input::placeholder { font-size:14px; color:#222;}
.pay_input_wrap .pay_txt_box .top_box .pay_sum.total input::placeholder { color:#0c5ca5; font-weight:700;}
.pay_input_wrap .pay_txt_box .bt_box { padding-top:20px; line-height:1.2; text-align:center;}
.pay_input_wrap .pay_txt_box .bt_box p { font-size:12px; color:#555;}
.pay_input_wrap .pay_txt_box .bt_box .refund_view { margin-left:10px; font-size:14px; color:#00aeef; font-weight:500;}
.pay_input_wrap .pay_btn_wrap { display:flex; justify-content:space-between; margin-top:20px;}
.pay_input_wrap .pay_btn_wrap button { width:calc(50% - 5px); height:35px; line-height:32px;}
.pay_input_wrap .pay_btn_wrap button ~ button { margin-left:0;}

/* pay_ouput */
.pay_output_wrap { margin-top:20px;}
.pay_output_con { padding:0 20px 20px; border:1px solid #ddd; border-radius:5px;}
.pay_output_wrap .notice_txt { padding:20px 0; text-align:center; line-height:1.2; border-bottom:1px solid #ddd;}
.pay_output_wrap .notice_txt p { font-size:15px; color:#00aeef; font-weight:500;}
.pay_output_wrap .list_style01 li { display:flex; flex-wrap:wrap; align-items:baseline; margin-top:15px;}
.pay_output_wrap .list_style01 li span { display:block; width:90px; font-size:12px; color:#222; font-weight:500;}
.pay_output_wrap .list_style01 li p { width:calc(100% - 90px); font-size:12px; color:#555;}
.pay_output_wrap .output_form { padding-left:0; margin:15px 0; line-height:1;}
.pay_output_wrap .output_form .chk_box { display:flex; align-items:center;}
.pay_output_wrap .output_form .ral_box { margin:10px 0;}
.pay_output_wrap .output_form .ral_box label { margin-right:20px; font-size:13px;}
.pay_output_wrap .output_form .input_box { display:flex; align-items:center;}
.pay_output_wrap .output_form .input_box ~ .input_box { margin-top:10px;}
.pay_output_wrap .output_form .input_box label { width:80px; font-size:12px; color:#555;}
.pay_output_wrap .output_form input { padding:0 5px; width:100px; height:25px; border:1px solid #ddd;}
.pay_output_wrap .output_form .num_box02 input { width:60px;} 
.pay_output_wrap .output_form .num_box03 input { width:60px;} 
.pay_output_wrap .output_form .input_box input[type="email"] { width:200px;}
.pay_output_wrap .output_form .input_box em { margin:0 5px; color:#888;}
.pay_output_txt { margin-top:12px;}
.pay_output_txt p { font-size:12px; color:#555; line-height:24px;}
.pay_output_txt .btn_wrap { margin-top:15px;}
.pay_output_txt .btn_check { width:100%; height:45px; border-radius:5px; background:#004b90; font-size:12px; color:#fff; font-weight:500;}

h5.sub_tit01{position:relative; font-size:18px; color:#222; text-align:center; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
h5.sub_tit01:after{position:absolute; width:30px; height:2px; background:#004b90; content:""; left:50%; bottom:-1px; transform:translateX(-50%);}

#member_section .edit_wrap{font-size:12px;}

/* pnu_member_quant_wrap */
.pnu_member_quant_wrap {margin-top:10px;}
.pnu_member_quant_wrap table.quant_table tr td:first-child{text-align:center;}
.pnu_member_quant_wrap table.quant_table tr td:nth-child(2){text-align:left;}
.pnu_member_quant_wrap input[type="checkbox"]{position:static; }
.pnu_member_quant_wrap .btn_wrap a {position:absolute; display:block; width:40px; height:25px; border-radius:5px; background:#555; font-size:12px; color:#fff; font-weight:500; line-height:25px; text-align:center; right:0; bottom:0;}

/* pnu_member_backtest_wrap */
.pnu_member_backtest_wrap {margin-top:10px;}
.pnu_member_backtest_wrap table.quant_table tr th{word-break:break-all;}
.pnu_member_backtest_wrap table td b{display:block; color:#222;}
.pnu_member_backtest_wrap table td span{display:block; font-size:10px;}
.pnu_member_backtest_wrap input[type="checkbox"]{position:static; }
.pnu_member_backtest_wrap .btn_wrap a {position:absolute; display:block; width:40px; height:25px; border-radius:5px; background:#555; font-size:12px; color:#fff; font-weight:500; line-height:25px; text-align:center; right:0; bottom:0;}
table.quant_table td.no_quant_txt{color:#f30e0e; text-align:center !important;}

/* pnu_popup */
.pop_wrap { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:5000;}
.pop_wrap .pop_up { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90vh; width:480px; border-radius:10px; border:1px solid #ddd; background:#fff; box-shadow:0 0 30px rgba(0,0,0,.2);}
/* .pop_wrap .pop_bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background:rgba(0,0,0,.5);} */
.pop_wrap .pop_inner { padding:20px;}
.pop_wrap .pop_top { display:flex; justify-content:space-between; align-items:center; height:50px;}
.pop_wrap .pop_top strong { font-size:15px; color:#222;}
.pop_wrap .pop_close { display:block; position:absolute; right:10px; top:10px; width:15px; height:15px;}
.pop_wrap .pop_close span { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(45deg); width:100%; height:1px; background:#222;}
.pop_wrap .pop_close span::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(90deg); width:100%; height:1px; background:#222;}
/* 로그아웃 상태*/
/*.pop_wrap .pop_login01 { display:none;}*/
.pop_wrap .pop_login01 label { display:flex; align-items:center; width:100%;}
.pop_wrap .pop_login01 label ~ label { margin-top:10px;}
.pop_wrap .pop_login01 label span { display:block; width:30px; font-size:13px; color:#222;}
.pop_wrap .pop_login01 label input { padding:0 10px; width:calc(100% - 30px); height:35px; border:1px solid #ddd; outline:0; font-size:13px; color:#222;}
.pop_wrap .pop_login01 button { margin-top:10px; width:100%; height:35px;}
.pop_wrap .pop_login01 a.btn_gray { margin-top:5px;}
.pop_wrap .pop_login01 a.naver_login { background: #03cf5d url(/assets/images/sub/naver_icon.png) no-repeat 15px center; color: #fff; font-weight: 500; } 
.pop_wrap .pop_login01 a.kakao_login { background: #fee500 url(/assets/images/sub/kakao_icon.png) no-repeat 15px center; color: #191919; font-weight: 500;}
.pop_wrap .pop_login01 .btn_blue { margin-top:20px;}
/* 로그인 상태 */
/*.pop_wrap .pop_login02 { display:none;}*/
.pop_wrap .pop_login02 .profile_box { overflow:hidden; margin:0 auto; width:80px; height:80px; border-radius:50%;}
.pop_wrap .pop_login02 .profile_box img { width:100%; height:100%;}
.pop_wrap .pop_login02 .pop_nick { display:block; margin:20px 0 30px; font-size:15px; color:#222; font-weight:600; text-align:center;}
.pop_wrap .btn_wrap { display:flex; gap:0 10px;}
.pop_wrap .pop_login02 .btn_wrap button { width:calc((100% - 10px)/2); height:35px;}
/* 아이디/비밀번호 찾기 */
.pop_wrap .pop_login03 { display:none; text-align:center; line-height:1; height:200px;}
.pop_wrap .pop_login03 input { padding:0 10px; outline:0; margin-bottom:10px; border:1px solid #ddd; width:100%; height:30px; font-size:13px; color:#888;}
.pop_wrap .pop_login03 input::placeholder { font-size:13px; color:#888;}
.pop_wrap .pop_login03 button { width:100%;}
.pop_wrap .pop_login03 .pop_tit01 { display:block; margin-bottom:20px; font-size:15px; color:#222; font-weight:600; text-align:left;}
.pop_wrap .pop_login03 .notice_txt { display:block; margin-top:20px; font-size:13px; color:#f30e0e;}
.pop_wrap .pop_login03 .find_id input:nth-of-type(2) { margin-bottom:20px;}
.pop_wrap .pop_login03 .find_id p { margin-top:10px; font-size:13px; color:#222;}
.pop_wrap .pop_login03 .find_pw { margin-top:30px;}
.pop_wrap .pop_login03 .find_pw p { margin-top:15px; font-size:13px; color:#222; line-height:18px;}

/* pnu_member_agree */
.agree_wrap { padding:20px; border:1px solid #ddd; border-radius:5px;}
.agree_wrap .top { padding-bottom:20px; border-bottom:1px solid #ddd; line-height:1; text-align:center;}
.agree_wrap .top p { font-size:14px; color:#222; font-weight:500; line-height:1.3;}
.agree_wrap .agree_list { padding-top:30px;}
.agree_wrap .agree_list li { display:flex; align-items:center; justify-content:space-between;}
.agree_wrap .agree_list li ~ li { margin-top:10px;}
a.agree_view { display:flex; align-items:center; justify-content:center; width:100px; height:25px; border-radius:5px; background:#c6c6c6; font-size:12px; color:#fff; font-weight:500;}
.agree_btn_wrap { display:flex; gap:0 10px; margin-top:20px;}
.agree_btn_wrap button { width:calc((100% - 10px)/2);}
.pop_wrap .pop_agree01 { display:none;}
.pop_wrap .pop_agree02 { display:none;}
.pop_wrap .pop_agree03 { display:none;}
.agree_pop .pop_inner { padding: 20px;}
.agree_pop .scroll { padding:20px 15px 0; height:200px;}
.agree_pop .pop_agree03 .scroll { height:auto;}
.agree_pop .pop_top { padding-bottom:21px; border-bottom:1px solid #ddd;}
.agree_pop .notice_txt { display:block; font-size:14px; color:#f30e0e; line-height:24px;}

/* pnu_member_input */
.join_wrap { padding:15px; border:1px solid #ddd; border-radius:5px;}
.join_wrap .join_list {}
.join_wrap .join_list li { display:flex; gap:0 5px; align-items:center;}
.join_wrap .join_list li ~ li { margin-top:10px;}
.join_wrap .join_list li label { position:relative; width:70px; font-size:12px; color:#222; font-weight:500;}
.join_wrap .join_list li label::after { content:''; display:block; position:absolute; right:0; top:5px; width:1px; height:10px; background:#888; opacity:.5;}
.join_wrap .join_list li input { padding:0 5px; width:calc(100% - 75px); height:30px; outline:0; border:1px solid #ddd;}
.join_wrap .join_list li input::placeholder { font-size:10px; color:#888;}
.join_wrap .join_list li input.input_btn { width:calc(100% - 140px);}
.join_wrap .join_list li .btn_blue { width:60px;}
.join_btn_wrap { margin-top:20px;}
.join_btn_wrap .btn_blue02 { width:100%;}
.pop_wrap .pop_join { display:none;}
.join_pop .pop_join p { font-size:14px; color:#222;}
.join_pop .pop_join p.notice_txt { display:block; font-size:14px; color:#f30e0e; line-height:24px;}


/* member_info pop */
.pop_wrap.profile_pop .pop_up { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80vh; width:250px; border-radius:10px; border:1px solid #ddd; background:#fff; box-shadow:none;}
.pop_wrap.profile_pop .pop_inner { overflow:hidden; padding:20px;}
.pop_wrap.profile_pop .pop_top { display:flex; justify-content:space-between; align-items:flex-start; position:relative; height:35px;}
.pop_wrap.profile_pop .pop_top strong { font-size:15px; color:#222;}
.pop_wrap.profile_pop .pop_close { display:block; position:absolute; right:0; top:0; width:20px; height:20px;}
.pop_wrap.profile_pop .pop_close span { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(45deg); width:100%; height:1px; background:#222;}
.pop_wrap.profile_pop .pop_close span::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(90deg); width:100%; height:1px; background:#222;}
.profile_pop01 .img_box { overflow:hidden; margin:0 auto 20px; width:80px; height:80px; border-radius:50%; border:1px solid #ddd;}
.profile_pop01 .img_box .img_wrap { position:relative; width:100%; padding-bottom:100%;}
.profile_pop01 .img_box .img_wrap img { position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto; max-width:100%; max-height:100%;}
.profile_pop01 .btn_wrap { display:block;}
.profile_pop01 .btn_wrap a { margin-top:10px;}
.profile_pop01 p.file_name { display:none; font-size:13px; color:#555;}
.profile_pop01 .img_upload { display:none; position:absolute; left:0; right:0; top:calc(100% + 20px); padding:20px 0; border-radius:10px; border:1px solid #ddd; background:#fff;}
.profile_pop01 .upload_file { display:flex; justify-content:center; gap:0 20px; text-align:center;}
.profile_pop01 .upload_file li .img_box { overflow:hidden; width:50px; height:50px; border-radius:50%; border:1px solid #ddd; margin:0;}
.profile_pop01 .upload_file li .img_box label { display:block; position:relative; width:100%; padding-bottom:100%;}
.profile_pop01 .upload_file li .img_box label img { position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto; max-width:100%; max-height:100%;}
.profile_pop01 .upload_file li input + .chk_style { display:inline-block; position:relative; margin-top:10px; width:14px; height:14px; border:1px solid #ddd; border-radius:50%;}
.profile_pop01 .upload_file li input + .chk_style::before { opacity:0; content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:6px; height:6px; background:#555; border-radius:50%;}
.profile_pop01 .upload_file li input:checked + .chk_style::before { opacity:1;}

/* ===== sub ===== */
/*#sub_container { display:block; justify-content:space-between; align-items:stretch; padding:20px 2.66%; height:100%; min-height:100%; background:#eff3f5;}*/
#sub_container { display:block; justify-content:space-between; align-items:stretch; padding:80px 2.66% 20px 2.66%; height:100%; min-height:100%; background:#eff3f5;}

/* use_info_menu */
.use_info_menu01 { display:none; position:relative; padding-right:20px; height:100%; min-height:calc(100vh - 203px); border-right:1px solid #ddd;}
.sub_menu_pc { width:260px; min-height:calc(100vh - 203px); background:#fff; border-radius:5px;}
.sub_menu_pc h3 { height:80px;  border-bottom:1px solid #ddd; background:url(/assets/images/sub/nav_arrow_pc.png) right 20px center no-repeat;}
.sub_menu_pc h3 a { display:flex; align-items:center; padding:0 20px; width:100%; height:100%; font-size:15px; color:#222; font-weight:600;}
.sub_menu_pc h3.on,
.sub_menu_pc h3.active { background-image:url(/assets/images/sub/nav_arrow_on_pc.png);}
.sub_menu_pc h3.on a,
.sub_menu_pc h3.active a { color:#004b90;}

/* menual */
.menual_list { display:none; width:350px; background:#fff; min-height:100%;}
.menual_list .top { display:flex; align-items:center; padding:0 20px; height:57px; border-bottom:1px solid #ddd;}
.menual_list .top strong { font-size:18px; color:#222; font-weight:600;}
.menual_list .lnb { padding:30px 20px; height:calc(100vh - 350px); line-height:1;}
.menual_list .lnb h3 ~ h3 { margin-top:30px;}
.menual_list .lnb h3 a { padding:0 27px; font-size:15px; color:#222; font-weight:500; background:url(/assets/images/sub/nav_arrow02_pc.png) left center no-repeat;}
.menual_list .lnb ul { padding-top:20px;}
.menual_list .lnb ul li ~ li { margin-top:15px;}
.menual_list .lnb ul li a { display:block; padding:0 27px; font-size:13px; color:#555; line-height:1.3;}
.menual_list .lnb h3.on a,
.menual_list .lnb h3.active a { background-image:url(/assets/images/sub/nav_arrow02_on_pc.png);}
.menual_list .btn_wrap { display:flex; gap:0 10px; padding:20px; border-top:1px solid #ddd;}
.menual_list .btn_wrap a { display:flex; align-items:center; justify-content:center; width:calc((100% - 10px)/2); height:40px; border:1px solid #ddd; border-radius:5px;}
.menual_list .btn_wrap a span { font-size:15px; color:#222; font-weight:600;}

#sub_contents { padding:20px 15px;  flex:1; margin-left:0; background:#fff; border-radius:5px; min-height:calc(100vh - 100px);}
#sub_contents .contop { display:flex; align-items:flex-end; gap:0 10px; padding-bottom:15px; border-bottom:1px solid #ddd; line-height:1;}
#sub_contents .contop h2 { font-size:14px; color:#222; font-weight:700;}
#sub_contents .contop .sub_nav_list { display:flex; align-items:center;}
#sub_contents .contop .sub_nav_list li { position:relative; padding:0 5px 0 10px; font-size:12px; color:#555;}
#sub_contents .contop .sub_nav_list li ~ li::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:10px; background:url(/assets/images/sub/sub_nav_arrow.png) center no-repeat; background-size:100% auto;}
#sub_contents .conbox { padding-top:10px;}
#sub_contents .conbox .sub_search { display:flex; align-items:center; justify-content:flex-end; gap:0 5px; margin-bottom:10px;}
#sub_contents .conbox .sub_search select { padding:0 5px; width:80px; height:25px; border:1px solid #ddd; font-size:12px; color:#222; font-weight:500;}
#sub_contents .conbox .sub_search input { padding:0 5px; width:150px; height:25px; outline:0; border:1px solid #ddd; font-size:12px; color:#888;}
#sub_contents .conbox .sub_search button { padding:0 10px; height:25px; border-radius:5px; background:#555; font-size:12px; color:#fff; font-weight:500;}


/* stock 그래프 */
.stock_box01 .box_con { display:flex; flex-wrap:wrap; gap:15px; align-items:center; padding:0; margin: 0;}
.stock_box01 .box_con > div { display:flex; justify-content:center; width:100%; height:250px;}



/* 서브모달*/
.factor_pop_wrap{display: none;position: fixed;top: 50%;left: 50%;transform:translate(-50% , -50%);width: 100%;height: 100%; z-index: 10000;}
.factor_pop_up { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:0 20px 20px; width:491px; border:1px solid #ddd; background:#fff; line-height:1; box-shadow:0 5px 20px rgba(0,0,0,.2);}
.factor_pop_up .pop_top { display:flex; justify-content:space-between; align-items:center; height:50px;}
.factor_pop_up .pop_top strong { font-size:18px; color:#222;}
.factor_pop_up .pop_top .pop_close { display:block; position:relative; width:20px; height:20px;}
.factor_pop_up .pop_top .pop_close span { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(45deg); width:100%; height:1px; background:#222;}
.factor_pop_up .pop_top .pop_close span::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(90deg); width:100%; height:1px; background:#222;}

.factor_pop_up{width: 310px;padding: 0 15px 15px;}
.factor_pop_up .scroll{padding: 0 0 12px 0;}
.factor_pop_up .pop_top strong{font-size: 14px;}
.factor_pop_up .pop_top .pop_close { display:block; position:relative; width:15px; height:15px;}


/* footer_service_wrap*/
.footer_service_wrap{line-height: 1;}
.footer_service_wrap i{display: inline;}
.footer_service_wrap b{display: inline;}
.footer_service_wrap em{display: block;}
.footer_service_wrap .h5_tit{font-size: 16px; color: #222; text-align: center; font-weight: 700;padding-bottom: 37px;}
.footer_service_wrap .inner{margin: 0 auto; max-width:100%; width: 1200px;line-height: 35px;}
.footer_service_wrap .box_wrap .box{display: flex; flex-direction: column;gap:20px; align-items:center;margin-bottom: 30px;}
.footer_service_wrap .box_wrap .box .img_box{width: 100%;}
.footer_service_wrap .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:45.275%;}
.footer_service_wrap .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.footer_service_wrap .box_wrap .box .txt_box{width:	100%;}
.footer_service_wrap .box_wrap .box .txt_box p{font-size: 13px; color: #222; font-weight: 500; line-height: 20px; text-align: right;}	
.footer_service_wrap .box_wrap .box .txt_box span{display: block;font-size: 12px; color: #aaa; font-weight: 500; line-height: 20px;padding-top: 10px;text-align: right;}

.footer_service_wrap .con01{padding: 80px 0 95px;}
.footer_service_wrap p.txt_ani{text-align: center;font-size: 25px; color: #222; font-weight: 700;margin-bottom: 20px; overflow: hidden;min-height: initial;}
.footer_service_wrap .con01.on p.txt_ani span{position: relative;top: -20px; opacity: 0;display: inline-block;animation: txtAni01 .6s ease forwards ;color: #222;}
.footer_service_wrap .con02.on p.txt_ani span{position: relative;top: -20px; opacity: 0;display: inline-block;animation: txtAni01 .6s ease forwards ;color: #222;}
.footer_service_wrap .con03.on p.txt_ani span{position: relative;top: -20px; opacity: 0;display: inline-block;animation: txtAni01 .6s ease forwards ;color: #222;}
.footer_service_wrap .con04.on p.txt_ani span{position: relative;top: -20px; opacity: 0;display: inline-block;animation: txtAni01 .6s ease forwards ;color: #222;}
.footer_service_wrap .con05.on p.txt_ani span{position: relative;top: -20px; opacity: 0;display: inline-block;animation: txtAni01 .6s ease forwards ;color: #222;}
.footer_service_wrap .con06.on p.txt_ani span{position: relative;top: -20px; opacity: 0;display: inline-block;animation: txtAni01 .6s ease forwards ;color: #222;}
@-webkit-keyframes txtAni01 {
  0%{top: 40px;opacity: 0;}
  100% {top: 0px;opacity: 1;}
}
.footer_service_wrap .con01.on p.txt_ani span:nth-child(1) { animation-delay: .1s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(2) { animation-delay: .2s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(3) { animation-delay: .3s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(4) { animation-delay: .4s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(5) { animation-delay: .5s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(6) { animation-delay: .6s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(7) { animation-delay: .7s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(8) { animation-delay: .8s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(9) { animation-delay: .9s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(10) { animation-delay: 1s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(11) { animation-delay: 1.1s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(12) { animation-delay: 1.2s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(13) { animation-delay: 1.3s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(14) { animation-delay: 1.4s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(15) { animation-delay: 1.5s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(16) { animation-delay: 1.6s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(17) { animation-delay: 1.7s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(18) { animation-delay: 1.8s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(19) { animation-delay: 1.9s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(20) { animation-delay: 2.0s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(21) { animation-delay: 2.1s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(22) { animation-delay: 2.2s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(23) { animation-delay: 2.3s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(24) { animation-delay: 2.4s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(25) { animation-delay: 2.5s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(26) { animation-delay: 2.6s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(27) { animation-delay: 2.7s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(28) { animation-delay: 2.8s; }
.footer_service_wrap .con01.on p.txt_ani span:nth-child(29) { animation-delay: 2.8s; }

.footer_service_wrap .con01 strong{display: block;text-align: center;font-size: 14px;color: #aaa; font-weight: 500; padding-bottom: 45px;}
.footer_service_wrap .con01 .img_box{width: 100%; background: url(/assets/images/sub/fs_img01-1_mob_new.jpg)center no-repeat; height: 175px;background-size: contain;background-attachment: fixed;overflow: hidden;border-radius:10px;}
/* .footer_service_wrap .con01 .img_box .img_wrap{position:relative; width:100%; padding-bottom:29.167%;overflow: hidden;border-radius:20px;}
.footer_service_wrap .con01 .img_box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;animation:con01Img 3s ease;animation-fill-mode: forwards;}
@-webkit-keyframes con01Img {
  0% {
		transform:scale(1.2);
  }
  100% {
    transform:scale(1);
  }
} */
.footer_service_wrap .con02{position: relative;padding-bottom: 173px;}
.footer_service_wrap .con02 .txt_top p{font-size: 22px; color: #222; line-height: 35px; font-weight: 700; margin-bottom: 30px;overflow: hidden; text-align: left;}
.footer_service_wrap .con02 .txt_top strong{display: block; padding-bottom: 45px;font-size: 14px; line-height: 28px;color: #aaa;font-weight: 500;}
.footer_service_wrap .con02 .txt_bot p{width: calc(100% - 50px);padding-top: 20px; border-top:1px solid #000;font-size: 12px; font-weight: 500; color: #222; line-height: 24px;}
.footer_service_wrap .con02.on .con02_bg img{width: 105px;}
.footer_service_wrap .con02.on .con02_bg img:nth-child(1){position: absolute;bottom: 50px; right: 150px;animation:circle01 1.5s ease-in-out ;animation-fill-mode: forwards;}
.footer_service_wrap .con02.on .con02_bg img:nth-child(2){position: absolute;bottom: 50px; right: 85px;animation:circle02 1.6s ease-in-out;animation-fill-mode: forwards;}
.footer_service_wrap .con02.on .con02_bg img:nth-child(3){position: absolute;bottom: 50px; right: 10px;animation:circle03 1.7s ease-in-out;animation-fill-mode: forwards;}
@-webkit-keyframes circle01 {
  0% {right: -200px;}
  100% {right: 150px;}
} 

@-webkit-keyframes circle02 {
  0% {right: -200px;}
  100% {right: 85px;}
} 

@-webkit-keyframes circle03 {
  0% {right: -200px;}
  100% {right: 10px;}
} 
.footer_service_wrap .con02.on p.txt_ani span:nth-child(1) { animation-delay: .1s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(2) { animation-delay: .2s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(3) { animation-delay: .3s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(4) { animation-delay: .4s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(5) { animation-delay: .5s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(6) { animation-delay: .6s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(7) { animation-delay: .7s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(8) { animation-delay: .8s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(9) { animation-delay: .9s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(10) { animation-delay: 1s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(11) { animation-delay: 1.1s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(12) { animation-delay: 1.2s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(13) { animation-delay: 1.3s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(14) { animation-delay: 1.4s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(15) { animation-delay: 1.5s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(16) { animation-delay: 1.6s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(17) { animation-delay: 1.7s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(18) { animation-delay: 1.8s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(19) { animation-delay: 1.9s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(20) { animation-delay: 2.0s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(21) { animation-delay: 2.1s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(22) { animation-delay: 2.2s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(23) { animation-delay: 2.3s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(24) { animation-delay: 2.4s; }
.footer_service_wrap .con02.on p.txt_ani span:nth-child(25) { animation-delay: 2.4s; }

.footer_service_wrap .con03.on p.txt_ani span:nth-child(1) { animation-delay: .1s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(2) { animation-delay: .2s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(3) { animation-delay: .3s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(4) { animation-delay: .4s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(5) { animation-delay: .5s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(6) { animation-delay: .6s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(7) { animation-delay: .7s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(8) { animation-delay: .8s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(9) { animation-delay: .9s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(10) { animation-delay: 1s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(11) { animation-delay: 1.1s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(12) { animation-delay: 1.2s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(13) { animation-delay: 1.3s; }
.footer_service_wrap .con03.on p.txt_ani span:nth-child(14) { animation-delay: 1.4s; }
.footer_service_wrap .con03{background: #f5f5f5;padding: 50px 0 50px;}
.footer_service_wrap .con03 p.txt_ani{text-transform:uppercase;margin-bottom: 90px;font-size: 22px;}
.footer_service_wrap .con03 strong{position: relative;display: block;text-align: center; font-size: 16px; line-height: 25px;color: #222; font-weight: 700;padding-bottom: 50px;}
.footer_service_wrap .con03 strong::before{content:''; display: block; position: absolute;top: -50px; left: 50%; transform:translateX(-50%);width: 45px; height: 4px; background: #222; }
.footer_service_wrap .con03 .video_box{width: 100%;overflow: hidden; border-radius:20px;background: #1b191a;margin: 0 auto 80px;}
.footer_service_wrap .con03 .video_box .video_wrap{position:relative; width:100%; padding-bottom:50%;}
.footer_service_wrap .con03 .video_box .video_wrap video{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.footer_service_wrap .con03 .video_box .video_wrap .btn_play img{width: 45px;}
.footer_service_wrap .con03 .box_wrap02{padding-top: 40px;}
.footer_service_wrap .con03 .box_wrap02 .box{display: flex; gap:20px;flex-direction: column;}
.footer_service_wrap .con03 .box_wrap02 .icon01{background: url(/assets/images/sub/fs_icon02_pc.png)center no-repeat; background-size: cover; width: 90px; height: 94px;margin: 0 auto; animation:Icon01Ani 1.5s ease-in-out infinite;animation-direction:alternate;}
.footer_service_wrap .con03 .box_wrap02 .icon02{background: url(/assets/images/sub/fs_icon03_pc.png)center no-repeat; background-size: cover; width: 100px; height: 79px;margin: 10px auto 0px;animation:Icon02Ani 1.5s ease-in-out infinite;animation-direction:alternate;}
@-webkit-keyframes Icon01Ani {
  0% {background: url(/assets/images/sub/fs_icon02_pc.png)center no-repeat; background-size: cover; width: 90px; height: 94px;}
  100% {background: url(/assets/images/sub/fs_icon02_on_pc.png)center no-repeat; background-size: cover; width: 90px; height: 94px;}
} 

@-webkit-keyframes Icon02Ani {
  0% {background: url(/assets/images/sub/fs_icon03_pc.png)center no-repeat; background-size: cover; width: 100px; height: 79px;}
  100% {background: url(/assets/images/sub/fs_icon03_on_pc.png)center no-repeat; background-size: cover; width: 100px; height: 79px;}
} 
.footer_service_wrap .con03 .box_wrap02 .box .box01{padding: 50px 28px;background: #222; border-radius:10px;width: 100%;}
.footer_service_wrap .con03 .box_wrap02 .box .box01 p{color: #fff; text-align: center;font-size: 12px; font-weight: 500; line-height: 20px;padding-top: 50px;}
.footer_service_wrap .con03 .box_wrap02 .box .box02{background: #fff;}
.footer_service_wrap .con03 .box_wrap02 .box .box02 p{color: #aaa;padding-top: 50px;}
.footer_service_wrap .con03 .edit_box{background: #222; border-radius:10px; width: 100%; min-height: 200px;margin-top: 20px;}

.footer_service_wrap .con04{padding: 50px 0 50px;}
.footer_service_wrap .con04 .box_wrap .box{justify-content: end;flex-direction: column-reverse;}
.footer_service_wrap .con04 .box_wrap .box:nth-child(2n){flex-direction: column-reverse;justify-content: left;}
.footer_service_wrap .con04 .box_wrap .box:nth-child(2n-1){text-align: right;}
.footer_service_wrap .con04 .box_wrap .box:nth-child(2n) p{text-align: left;}
.footer_service_wrap .con04.on p.txt_ani{margin-bottom: 45px;}
.footer_service_wrap .con04.on p.txt_ani span:nth-child(1) { animation-delay: .1s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(2) { animation-delay: .2s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(3) { animation-delay: .3s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(4) { animation-delay: .4s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(5) { animation-delay: .5s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(6) { animation-delay: .6s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(7) { animation-delay: .7s; }
.footer_service_wrap .con04.on p.txt_ani span:nth-child(8) { animation-delay: .8s; }

.footer_service_wrap .con05{padding-bottom: 50px;}
.footer_service_wrap .con05.on p.txt_ani span:nth-child(1) { animation-delay: .1s; }
.footer_service_wrap .con05.on p.txt_ani span:nth-child(2) { animation-delay: .2s; }
.footer_service_wrap .con05.on p.txt_ani span:nth-child(3) { animation-delay: .3s; }
.footer_service_wrap .con05.on p.txt_ani span:nth-child(4) { animation-delay: .4s; }
.footer_service_wrap .con05.on p.txt_ani span:nth-child(5) { animation-delay: .5s; }
.footer_service_wrap .con05 strong{display: block;font-size: 13px; color: #222; font-weight: 500;text-align: center; line-height: 20px;padding-bottom: 40px;}
.footer_service_wrap .con05 .img_box{position: relative;height: 175px;width: 100%;margin: 0 auto;}
.footer_service_wrap .con05.on .img_box p{position: absolute; left: 50%; transform:translateX(-50%);background: url(/assets/images/sub/fs_img11_mob.jpg)center no-repeat;height: 175px; animation: con05Ani 3s ease forwards ;background-size: cover; border-radius: 20px;}
@-webkit-keyframes con05Ani {
  0% {width: 10px;}
  100% {width: 100%;}
} 

.footer_service_wrap .con06{padding: 50px 0 80px;}
.footer_service_wrap .con06 p.txt_ani{margin-bottom: 40px;}
.footer_service_wrap .con06 .con06_box{display: flex;gap:15px;flex-direction: column;}
.footer_service_wrap .con06 .con06_box .box{width: 100%;}
.footer_service_wrap .con06 .con06_box .box a{display: flex;gap:15px;width: 100%; align-items: center;}
.footer_service_wrap .con06 .con06_box .box .img_box{width: calc((100% - 15px) / 2);}
.footer_service_wrap .con06 .con06_box .box .img_wrap{position:relative; width:100%; padding-bottom:64.516%;overflow: hidden;border-radius: 10px;}
.footer_service_wrap .con06 .con06_box .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;transition:.4s;}
.footer_service_wrap .con06 .con06_box .box:hover .img_wrap img{transform:scale(1.1);}
.footer_service_wrap .con06 .con06_box .box .txt_wrap{width: calc((100% - 15px) / 2);}
.footer_service_wrap .con06 .con06_box .box .txt_wrap p{font-size: 13px; color: #222; font-weight: 600; line-height: 15px;margin: 0;}
.footer_service_wrap .con06 .con06_box .box .txt_wrap span{font-size: 12px; color: #aaa; font-weight: 600; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(1) { animation-delay: .1s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(2) { animation-delay: .2s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(3) { animation-delay: .3s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(4) { animation-delay: .4s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(5) { animation-delay: .5s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(6) { animation-delay: .6s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(7) { animation-delay: .7s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(8) { animation-delay: .8s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(9) { animation-delay: .9s; }
.footer_service_wrap .con06.on p.txt_ani span:nth-child(10) { animation-delay: 1s; }


.stock_box02_tbl td { padding: 0 8px; }
.earning_tbl td { padding: 0 8px; }


/* report */

.grid_table_wrap{}
.grid_table_wrap .cell_wrap{position:Relative; display: flex;border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.grid_table_wrap .cell_wrap:first-child{border-top:1px solid #ddd;}
.grid_table_wrap .cell_wrap .cell{min-height: 30px; border-right: 1px solid #ddd; font-size:11px;}
.grid_table_wrap .cell_wrap .tab_del{display: none;}
.grid_table_wrap .cell_wrap .mob_del{display: none;}
.grid_table_wrap .cell_wrap .cell.item_name { padding-right:20px;}
.grid_table_wrap .t_head .cell{background-color: #004b90; letter-spacing:-0.2px;}
.grid_table_wrap .cell_wrap .cell:nth-of-type(1){border-left:1px solid #ddd;}
.grid_table_wrap .add_sell_wrap{position:Relative; display: none; /* padding: 20px; */ /* border: 1px solid #ddd; */ border-bottom:1px solid #ddd;}
/* .grid_table_wrap .add_sell_wrap .cell{height: 50px; border-right: 1px solid #ddd;} */
.grid_table_wrap .add_sell_wrap .tab_del{display: none;}
.grid_table_wrap .add_sell_wrap .mob_del{display: none;}
.grid_table_wrap .cell_wrap .cell.item_indent_1 { padding-left:15px;}
.grid_table_wrap .cell_wrap .cell.item_indent_2 { padding-left:25px; box-sizing:border-box;} /*들여쓰기 2단계*/
.grid_table_wrap .cell_wrap .cell.item_indent_3 { padding-left:30px; } /*들여쓰기 3단계*/
.grid_table_wrap .cell_wrap .cell:last-child { border-right:0;}

.grid_table_wrap .cell_wrap .btn_wrap { margin-left:5px; /*z-index:1000;*/ position:initial; display:flex; align-items:center; gap:0 3px;}
.grid_table_wrap .cell_wrap .more{ position:relative; width:10px; height: 10px; background: #888; cursor:pointer; border-radius:50%;}
a.ico_help { display:flex; align-items:center; justify-content:center; width:10px; height:10px; font-size:6px; color:#fff; font-weight:bold; border-radius:50%; background:#888;}
a.ico_help.on { background:#004b90;}
.item_sort_r a.ico_help { display:none;}
.help_pop { display:none; overflow-y:auto; position:absolute; left:100%; top:0; z-index:100; background:#fff; padding:20px 10px 10px; width:200px; max-height:180px; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.2);}
.help_pop p { font-size:11px; color:#222; line-height:1.6;}
.help_pop .help_close { position:absolute; right:10px; top:0; font-size:16px; color:#222;}

/* 스크리닝 */
.screening_wrap{text-align: center;}
.screening_wrap .top{font-size: 12px; color: #555; line-height: 1.5; padding: 15px; border: 1px solid #ddd; border-radius:10px ; margin-bottom: 15px;}
.screening_wrap .top p{margin-bottom: 5px; color: #004b90; font-weight: 500;}
.screening_wrap .top span{font-size: 11px;}
.screening_wrap .top span br{display: none;}
.screening_wrap ul li{background: #f1f2f3; text-align: left; padding: 10px; border-radius:10px ; display: flex; align-items: center; margin-bottom: 20px; position: relative;}
.screening_wrap ul li:after{position: absolute; content: ''; background: url('/assets/images/sub/list_arrow.png') no-repeat; width: 12px; height: 6px; left: 50%; transform:translateX(-50%); bottom: -12px;}
.screening_wrap ul li:last-child:after{display: none;}
.screening_wrap ul li:last-child{margin-bottom: 15px;}
.screening_wrap ul li em {width: 35px;}
.screening_wrap ul li em strong{ display: inline-block; width: 25px; height: 25px; font-size: 14px; font-weight: 600; text-align: center; line-height: 25px; border-radius:10px ; color: #fff; background: #004b90; }
.screening_wrap ul li p{width: calc(100% - 35px); font-size: 12px; color: #555; line-height: 1.3;}
.screening_wrap .menu_link_btn a{display: inline-block; background: #555; color: #fff; text-align: center; padding:10px 20px; border-radius:5px ; font-size: 12px;}



/* 팝업 */
.pop_layer { margin-top:60px; }

.quant_box .backtest_view_wrapper { flex-direction: column !important; }
.quant_box .backtest_view_wrapper .quant_model { width: 100% !important; margin-bottom: 15px; }


.select_box_wrap .factor_tag {padding: 6px 25px 6px 10px;font-size: 12px;border-radius: 15px;}
.select_box_wrap .factor_tag .factor_close {width: 14px;height: 14px;right: 6px;}
.select_box_wrap .factor_tag .factor_close::before {font-size: 12px;}
.factor_list_container {padding: 8px;min-height: 35px;}

button.st_btn01 { height:25px; font-size:12px}
button.st_btn02 { height:25px; font-size:12px}
button.st_btn03 { height:25px; font-size:12px}
button.st_btn04 { height:25px; font-size:12px}
button.st_btn05 { height:25px; font-size:12px;}



}/* end */