/* mobile */
@font-face{
	src:url("../font/AppleSDGothicNeoM.html");
	font-family:"apple";
}

html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,table,td,th,p,b,a,span,div{font-family:"apple";}


header{width:100%; height:80px; position:sticky; top:0; left:0; right:0; display:flex; justify-content:center; z-index:100; background:#fff; border-bottom:1px solid rgba(0,0,0,0.05);}
header .hd_info{width:100%; max-width:1452px; height:100%; padding:0 24px;}
header .hd_info .hd_content{display:flex; height:100%; align-items:center; justify-content:space-between;}
header .hd_info .hd_content .hd_left{display:flex; height:100%; align-items:center; padding-right:16px;}
header .hd_info .hd_content .hd_left .logo{display:flex;}
header .hd_info .hd_content .hd_left .eanrsy30{width:347px;}
header .hd_info .hd_content .hd_left .eanrsy30 ol{list-style:none; font-size:14px; padding:0 16px; height:44px; display:flex; flex-direction:column; margin:0;}
header .hd_info .hd_content .hd_left .eanrsy30 ol li{width:100%; display:flex; align-items:center;}
header .hd_info .hd_content .hd_left .eanrsy30 ol li span{flex-shrink:0;}
header .hd_info .hd_content .hd_left .eanrsy30 ol li span:first-of-type{margin-right:10px; font-weight:700}
header .hd_info .hd_content .hd_left .eanrsy30 ol li a{font-weight:600; flex-shrink:1; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#28292c;}
header .hd_info .hd_content .hd_left .eanrsy30 ol li span:nth-of-type(2){margin-left:14px; font-weight:600; font-size:14px;}
header .hd_info .hd_content .hd_left .eanrsy30 ol li span:last-of-type{margin-left:10px; font-size:14px; font-weight:400;}
header .hd_info .hd_content .hd_left .eanrsy30 ol li span.up{color:#CD372F;}
header .hd_info .hd_content .hd_right{display:flex; height:100%; align-items:center; position:relative; flex-shrink:0;}
header .hd_info .hd_content .hd_right .hd_menu{display:flex; margin-right:32px;}
header .hd_info .hd_content .hd_right .hd_menu a{font-size:14px; font-weight:600; color:#28292c; flex-shrink:0;}
header .hd_info .hd_content .hd_right .hd_right_a{width:72px; }
header .hd_info .hd_content .hd_right .bck_a{position:relative; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; border-radius:4px; background-color:#cd372f; color:#f8f9fa; height:40px; font-weight:500; font-size:14px; padding:0 12px; margin-right:14px;}
header .hd_info .hd_content .hd_right .bod_a{position:relative; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; border-radius:4px; border:1px solid #cd372f; background-color:#fff; color:#cd372f; height:40px; font-weight:500; font-size:14px; padding:0 12px; margin-right:14px;}

header .hd_info .hd_content .hd_right .hd_menu a.wit_btn{border-radius:4px; background-color:#cd372f; color:#fff; font-size:14px; padding:1px 12px; font-weight:500;}

.main{width:100%; max-width:1280px; margin:0 auto; padding:80px 40px 225px; position:relative;}
.main .main_top{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.left_main{width:60%;}
.right_main{width:32%;}
.main .main_top .best_trade{width:100%;}
.main .main_top .best_trade .trade_top{position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.main .main_top .best_trade .trade_top h2{margin:0; padding:0; font-size:20px; font-weight:700;}
.main .main_top .best_trade .trade_top h2 span{color:#fd7800;}
.main .main_top .best_trade .trade_top time{font-size:14px; font-weight:400; color:#A3A5AB; flex:1; padding-left:10px; margin-top:6px;}
.main .main_top .best_trade .trade_info{position:relative;} 
.main .main_top .best_trade .trade_info .trade_button{margin:-10px 0 24px;}
.main .main_top .best_trade .trade_info .trade_button .trade_btn{margin-right:8px; display:inline-flex; align-items:center; font-weight:400; max-width:100%; border-radius:4px; color:#696b6e; background:transparent; border:1px solid #e6e8ea; font-size:12px; height:26px; padding:0 7px;}
.main .main_top .best_trade .trade_info .trade_button .trade_btn.on{color:#f8f9fa; background:#282e50; border:1px solid #282e50;}

.main .main_top .best_trade .trade_info .trade_table{width:100%; border-top:1px solid #28292c; border-bottom:1px solid #28292c; table-layout:fixed;}
.main .main_top .best_trade .trade_info .trade_table thead{border-bottom:1px solid #d9dbdc; font-size:12px; font-weight:700;}
.main .main_top .best_trade .trade_info .trade_table thead th{text-align:right; height:44px; background:#fff;}
.main .main_top .best_trade .trade_info .trade_table thead th:nth-of-type(2){text-align:left;}
.main .main_top .best_trade .trade_info .trade_table thead th:last-of-type{padding-right:16px;}
.main .main_top .best_trade .trade_info .trade_table tbody tr:first-of-type td{padding-top:24px;}
.main .main_top .best_trade .trade_info .trade_table tbody td{padding-bottom:24px; color:#000; font-size:16px;}
.main .main_top .best_trade .trade_info .trade_table tbody td.num{padding-left:16px; font-weight:600;}
.main .main_top .best_trade .trade_info .trade_table tbody td.subject{display:flex; align-items:center; font-size:16px;}
.main .main_top .best_trade .trade_info .trade_table tbody td.subject a{display:flex; flex:1; align-items:center;}
.main .main_top .best_trade .trade_info .trade_table tbody td.subject a .img{position:relative; overflow:hidden; width:20px; height:20px; border-radius:50%; box-shadow:0 0 0 0, #E6E8EA 0 0 0 1px;}
.main .main_top .best_trade .trade_info .trade_table tbody td.subject a .img img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0px;}
.main .main_top .best_trade .trade_info .trade_table tbody td.subject a span{margin-left:8px; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .main_top .best_trade .trade_info .trade_table tbody td.price{text-align:right;}
.main .main_top .best_trade .trade_info .trade_table tbody td.price span{font-size:16px; font-weight:600;}
.main .main_top .best_trade .trade_info .trade_table tbody td.psent{text-align:right;}
.main .main_top .best_trade .trade_info .trade_table tbody td.psent span{font-weight:400; font-size:16px; margin-left:2px;}
.main .main_top .best_trade .trade_info .trade_table tbody td.psent span.up{color:#cd372f;}
.main .main_top .best_trade .trade_info .trade_table tbody td.psent span.down{color:#1777D7;}
.main .main_top .best_trade .trade_info .trade_table tbody td.order{text-align:right; color:#a3a5ab;}
.main .main_top .best_trade .trade_info .trade_table tbody td.total{text-align:right; color:#a3a5ab; padding-right:16px;}

.main .main_top .best_trade .main_banner{width:100%; margin-top:50px;}
.main .main_top .best_trade .main_banner img{width:100%;}

.main .main_top .my_gon{width:100%;}
.main .main_top .my_gon .gon_con{margin-bottom:70px;}
.main .main_top .my_gon .gon_top{display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.main .main_top .my_gon .gon_top h2{font-size:20px; font-weight:700; margin:0; padding:0;}
.main .main_top .my_gon .gon_top a{font-size:14px; font-weight:400; color:#696B6E;}
.main .main_top .my_gon .gon_info{width:100%;}
.main .main_top .my_gon .gon_info .info_gon_top{position:relative; display:flex; align-items:center; height:40px; margin:24px 0;}
.main .main_top .my_gon .gon_info .info_gon_top .info_top_a{position:relative; text-align:center; padding:9px 0; width:100%; color:#696b6e; whote-space:nowrap; cursor:pointer; font-weight:400; border-bottom:1px solid rgba(0,0,0,0.05); font-size:16px;}
.main .main_top .my_gon .gon_info .info_gon_top .info_top_a.on{color:#28292c; border-bottom:1px solid #28292c;}

.main .main_top .my_gon .gon_info .info_play{display:none;}
.main .main_top .my_gon .gon_info .info_play.on{display:block;}
.main .main_top .my_gon .gon_info .info_play .box{margin-bottom:20px;}
.main .main_top .my_gon .gon_info .info_play .nomb{width:100%; display:flex; flex-direction:column; align-items:center; margin:32px 0 8px;}
.main .main_top .my_gon .gon_info .info_play .nomb img{width:100%;}
.main .main_top .my_gon .gon_info .info_play .nomb p{margin:24px 0 0; width:100%; height:30px; font-weight:500; font-size:16px; color:rgb(163, 165, 171); text-align:center;}
.main .main_top .my_gon .gon_info .info_play .top{display:flex; align-items:center;}
.main .main_top .my_gon .gon_info .info_play .top span:first-of-type{color:#cd372f; font-size:16px; font-weight:600; margin-right:8px;}
.main .main_top .my_gon .gon_info .info_play .top span:last-of-type{color:#696B6E; font-size:14px; font-weight:400;}
.main .main_top .my_gon .gon_info .info_play .bottom{position:relative; padding:16px; margin-top:8px; border:1px solid #f2f4f6; border-radius:8px; width:100%;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info{display:flex; justify-content:space-between; align-items:center; cursor:pointer;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_content{display:flex; justify-content:left; align-items:center;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_content .box_logo{width:40px; height:40px; margin-right:12px;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_content .box_txt{display:flex; flex-direction:column; justify-content:center; color:rgb(40, 41, 44); font-size:14px; font-weight:400; padding-right:12px;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_content .box_txt .name{font-size:16px; display:block; max-width:276px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_content .box_txt .price{word-break:break-all;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_content .box_txt .price small{font-size:14px; color:rgb(105, 107, 110); margin-right:4px;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_info .box_right button{padding:5px 12px; border:1px solid #cd372f; background:#fff; font-size:14px; color:#cd372f;}
.main .main_top .my_gon .gon_info .info_play .bottom .box_content2{padding:16px; margin-top:16px; border-radius:4px; background:rgb(248, 249, 250);}
.main .main_top .my_gon .gon_info .info_play .bottom .box_content2 .competition_item{display:flex; justify-content:space-between; font-size:14px; font-weight:400; text-align:right; word-break:break-all; color:rgb(105, 107, 110);}
.main .main_top .my_gon .gon_info .info_play .bottom .box_content2 .competition_item .title{font-size:12px; font-weight:500; text-align:left; color:rgb(163, 165, 171);}



.main .main_top .my_gon .to_life{width:100%;}
.main .main_top .my_gon .to_life h2{font-size:20px; font-weight:700; color:#28292c; margin-bottom:24px;}
.main .main_top .my_gon .to_life ul{margin:0; padding:24px 16px; display:flex; justify-content:space-around; align-items:center; background:#f8f9fa;}
.main .main_top .my_gon .to_life ul li{display:flex; flex-direction:column; align-items:center; padding:0 16px; width:33%; border-right:1px solid rgba(0,0,0,0.05);}
.main .main_top .my_gon .to_life ul li:last-child{border-right:0;}
.main .main_top .my_gon .to_life ul li p:first-child{margin-bottom:4px; font-size:18px; font-weight:600; color:#28292c;}
.main .main_top .my_gon .to_life ul li p:last-child{margin:0; font-size:14px; font-weight:400; color:#696B6E;}

.main .main_top .news{width:100%; margin-top:50px;}
.main .main_top .news .news_top{position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.main .main_top .news .news_top h2{font-size:20px; font-weight:700; margin:0;}
.main .main_top .news .news_top a{color:rgb(105, 107, 110); font-size:14px; font-weight:400;}
.main .main_top .news .news_content{width:100%; display:flex; flex-wrap:wrap; gap:30px;}
.main .main_top .news .news_content .item{width:100%; display:flex;}
.main .main_top .news .news_content .item .item_logo{margin-right:12px; height:64px;}
.main .main_top .news .news_content .item .item_logo img{width:64px; height:64px; object-fit:cover; object-position:center top; border-radius:4px; border:1px solid rgba(0, 0, 0, 0.05);}
.main .main_top .news .news_content .item .txt{display:flex; flex-direction:column; gap:6px; width:calc(100% - 80px); overflow:hidden;}
.main .main_top .news .news_content .item .txt h3{font-weight:500; font-size:18px; line-height:27px; word-break:break-all; color:rgb(40, 41, 44); width:100%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:1px 0 0;}
.main .main_top .news .news_content .item .txt .sub{display:inline-flex; align-items:center; cursor:pointer;}
.main .main_top .news .news_content .item .txt .sub .sub_name{font-weight:400; margin-right:8px; display:inline-flex; align-items:center; flex-shrink:0; border-radius:14px; font-size:14px; height:29px; padding:0 7px; color:rgb(105, 107, 110); background:#fff; border:1px solid rgb(217, 219, 220);}
.main .main_top .news .news_content .item .txt .sub .up{color:#cd372f; font-weight:400; font-size:16px; margin-left:2px; flex-shrink:0;}
.main .main_top .news .news_content .item .txt .sub .down{color:#1777D7; font-weight:400; font-size:16px; margin-left:2px; flex-shrink:0;}

.main .main_top .theme{width:100%; margin-top:70px;}
.main .main_top .theme .theme_top{display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.main .main_top .theme .theme_top h2{margin:0; font-size:20px; font-weight:700;}
.main .main_top .theme .theme_top .theme_button{display:flex; justify-content:center; gap:4px;}
.main .main_top .theme .theme_top .theme_button .theme_btn{width:24px; height:24px; background:#fff; border:1px solid #282e50; border-radius:2px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.main .main_top .theme .theme_top .theme_button .theme_btn.swiper-button-disabled{border:1px solid #d9dbdc;}
.main .main_top .theme .theme_top .theme_button .theme_btn svg{fill:#282E50;}
.main .main_top .theme .theme_top .theme_button .theme_btn.swiper-button-disabled svg{fill:#D9DBDC;}
.main .main_top .theme .theme_info{position:relative; background:#fff; border:1.5px solid #d9dbdc; border-radius:4px; margin-bottom:24px; overflow:hidden;}
.main .main_top .theme .theme_info:before{content:""; display:block; position:absolute; width:100%; top:0; left:0; background:#282e50; border-radius:4px; height:59px;}
.main .main_top .theme .theme_info .swiper-slide .top{display:flex; justify-content:space-between; align-items:center; border-radius:4px 4px 0 0; background:#282e50; padding:16px 24px;}
.main .main_top .theme .theme_info .swiper-slide .top h2{font-weight:500; font-size:18px; color:#f8f9fa; margin:0;}
.main .main_top .theme .theme_info .swiper-slide ul{padding:16px 24px; margin:0; display:flex; gap:8px; flex-wrap:wrap;}
.main .main_top .theme .theme_info .swiper-slide ul li{display:flex; align-items:center; width:100%;}
.main .main_top .theme .theme_info .swiper-slide ul li a{flex:1; display:flex; align-items:center;}
.main .main_top .theme .theme_info .swiper-slide ul li a .img{margin-right:12px; display:flex; width:40px; height:40px; overflow:hidden;}
.main .main_top .theme .theme_info .swiper-slide ul li a .img img{width:100%; height:100%; border-radius:50%; border:1px solid rgba(0, 0, 0, 0.05);}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt{padding:12px 0;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt h3{font-size:16px; font-weight:400; color:#28292c; margin:0;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt .txt_sub{display:flex; align-items:center; height:21px;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt .txt_sub .price{margin-right:4px;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt .txt_sub .price span{color:#696b6e; font-weight:500; font-size:14px;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt .txt_sub .psent span{font-weight:500; font-size:14px; margin-left:2px;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt .txt_sub .psent span.up{color:#cd372f;}
.main .main_top .theme .theme_info .swiper-slide ul li a .txt .txt_sub .psent span.down{color:#1777D7;}
.main .main_top .theme .pagin{width:100%; position:relative; height:24px;}
.main .swiper-horizontal>.swiper-pagination-bullets, .main .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{position:relative; bottom:0;}

.main .main_top .report{width:100%; margin-top:50px;}
.main .main_top .report .report_top{position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
.main .main_top .report .report_top h2{font-size:20px; font-weight:700; margin:0;}
.main .main_top .report .report_top a{color:rgb(105, 107, 110); font-size:14px; font-weight:400;}
.main .main_top .report .report_content{width:100%; display:flex; flex-wrap:wrap; gap:30px;}
.main .main_top .report .report_content .item{width:100%; display:flex;}
.main .main_top .report .report_content .item .item_logo{margin-right:12px; height:64px;}
.main .main_top .report .report_content .item .item_logo img{width:64px; height:64px; object-fit:cover; object-position:center top; border-radius:4px; border:1px solid rgba(0, 0, 0, 0.05);}
.main .main_top .report .report_content .item .txt{display:flex; flex-direction:column; gap:6px; width:calc(100% - 80px); overflow:hidden;}
.main .main_top .report .report_content .item .txt h3{font-weight:500; font-size:18px; line-height:27px; word-break:break-all; color:rgb(40, 41, 44); width:100%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:1px 0 0;}
.main .main_top .report .report_content .item .txt .sub{display:inline-flex; align-items:center; cursor:pointer; color:#a3a5ab; font-size:14px;}
.main .main_top .report .report_content .item .txt .sub .sub_name{margin-right:8px;}


footer{background-color:#f8f9fa; border-top:1px solid rgba(0,0,0,0.05); padding:60px 0;}
footer .foot{width:100%; max-width:1280px; margin:0 auto;}
footer .foot .foot_info{padding:0 24px; display:flex; justify-content:space-between;}
footer .foot .foot_info .foot_left{display:flex;}
footer .foot .foot_info .foot_content{margin-left:100px;}
footer .foot .foot_info .foot_content .top{margin-bottom:32px; display:flex; flex-wrap:wrap;}
footer .foot .foot_info .foot_content .top a{font-size:16px; font-weight:600; margin-right:20px; flex-shrink:0; color:#000;}
footer .foot .foot_info .foot_content .top a.sub{color:#002487;}
footer .foot .foot_info .foot_content .bottom{color:#a3a5ab; font-size:14px;}
footer .foot .foot_info .foot_content .bottom .bt_top span{margin-right:10px; display:inline-flex; align-items:center;}
footer .foot .foot_info .foot_content .bottom .bt_top span:after{content:""; width:1px; height:10px; border-left:1px solid #d9dbdc; margin-left:10px;}
footer .foot .foot_info .foot_content .bottom .bt_top span:last-child:after{display:none;}
footer .foot .foot_info .foot_content .bottom p{margin:8px 0 0;}

.pc_banner{display:block;}
.mobile_banner{display:none;}
.mobile_menu{display:none;}
.mob_menu{display:none;}

.modal-backdrop{background:rgba(0,0,0,0.4);}
#stock_modal .modal-content .modal-header{border-bottom:1px solid #365291; position:relative;}
#stock_modal .modal-content .modal-header h2{margin:0; padding:0; text-align:center; width:100%; font-size:24px; font-weight:500; color:#365291}
#stock_modal .modal-content .modal-header h2 img{height:50px;}
#stock_modal .modal-content .modal-header button{color:#000; text-shadow:none; font-size:35px; padding:0; margin:0; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.memo_content{width:100%;}
.memo_content .memo_top{width:100%; position:relative;}
.memo_content .memo_top ul{margin:0; padding:0; display:flex;}
.memo_content .memo_top ul li a{display:block; border:1px solid transparent; padding:15px 25px; text-align:center; color:#777; margin:0 0 -1px;}
.memo_content .memo_top ul li a.on{border:1px solid #ddd; border-top:3px solid #365291; border-bottom:1px solid #fff; color:#333;}
.memo_content .memo_top .sub_a{position:absolute; right:0; top:0; padding:15px 10px; color:#666;}
.memo_content .memo_table{width:100%; border-top:1px solid #ddd; padding:10px 0;} 
.memo_content .memo_table table{width:100%;}
.memo_content .memo_table table tr{line-height:32px; font-weight:600;}
.memo_content .memo_table table th{padding:5px; text-align:center; background:#f7f7f7; color:#000; font-size:14px;}
.memo_content .memo_table table td{padding:5px; background:#fff; color:#333; font-size:13px; border-bottom:1px solid #eaeaea;}
.memo_content .memo_table table td a{color:#333;}
.memo_content .memo_table table td.date{width:20%; text-align:center;}
.memo_content .memo_table table td .cards{width:100%; font-size:13px; margin-bottom:10px; border:1px solid #365291;}
.memo_content .memo_table table td .cards .card_body{background:#f7f7f7; color:#333; padding:20px;}
.memo_content .memo_table table td .cards .card_body p{margin-bottom:5px;}
.memo_content .memo_table table td .cards .card_body .card_body_title{margin-top:10px; color:#333; font-size:16px; font-weight:600; padding:5px 0;}
.memo_content .memo_input_table{width:100%;border-top:1px solid #ddd; padding:10px 0;}
.memo_content .memo_input_table table{width:100%;}
.memo_content .memo_input_table table th{width:35%; padding:7px 5px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center;}
.memo_content .memo_input_table table td{width:65%; padding:7px 5px; border-bottom:1px solid #ddd;}
.memo_content .memo_input_table table td input{width:100%; height:40px; padding:0 5px;}
.memo_content .memo_input_table table td textarea{width:100%; height:150px; padding:0 5px;}
.memo_content .memo_input_table .memo_btn{width:100%; text-align:center; margin-top:10px;}
.memo_content .memo_input_table .memo_btn button{width:49%; height:40px; background:#fff; color:#000; font-size:13px; border:1px solid #365291;}

.mypage{width:100%; margin:60px 0; min-height:550px;}
.mypage .mypage_info{width:100%; max-width:800px; margin:0 auto; display:flex; flex-wrap:wrap; flex-direction:column; gap:50px; }
.mypage .mypage_info .title{text-align:center; color:#000; font-size:23px; font-weight:bold;}
.mypage .mypage_info table{width:100%;}
.mypage .mypage_info table th{width:20%; padding:15px 10px; text-align:center; background:#f7f7f7; border-bottom:1px solid #ddd;}
.mypage .mypage_info table td{width:30%; padding:15px 10px; border-bottom:1px solid #ddd;}
.mypage .mypage_info table td input{width:100%; padding:5px 7px; border:1px solid #ddd;}
.mypage .mypage_info table td select{width:100%; padding:5px 7px; border:1px solid #ddd;}
.mypage .mypage_info .mypage_btn{width:100%; text-align:center;}
.mypage .mypage_info .mypage_btn button{padding:10px 20px; border-radius:4px; background-color:#cd372f; border:1px solid #fff; color:#f8f9fa; font-weight:500; font-size:14px;}

#password_modal .modal-content .modal-header{border-bottom:1px solid #365291; position:relative;}
#password_modal .modal-content .modal-header h2{margin:0; padding:0; text-align:center; width:100%; font-size:24px; font-weight:500; color:#365291}
#password_modal .modal-content .modal-header h2 img{height:50px;}
#password_modal .modal-content .modal-header button{color:#000; text-shadow:none; font-size:35px; padding:0; margin:0; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.pwd_content{width:100%;}
.pwd_content table{width:100%;}
.pwd_content table th{width:35%; padding:7px 5px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center;}
.pwd_content table td{width:65%; padding:7px 5px; border-bottom:1px solid #ddd;}
.pwd_content table td input{width:100%; height:40px; padding:0 5px;}
.pwd_content .pwd_btn{width:100%; text-align:center; margin-top:10px;}
.pwd_content .pwd_btn button{width:49%; height:40px; background:#fff; color:#000; font-size:13px; border:1px solid #365291;}

.check_page{width:100%; height:70vh; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.check_page .title{text-align:center;font-family:"apple"; color:#000; font-size:23px; font-weight:bold; }
.check_page .check_page_info{width:100%; margin:0 auto; max-width:500px; border:1px solid #eaeaea; padding:40px;}
.check_page .check_page_info .check_page_wrap{width:400px; margin:0 auto; padding:20px;}
.check_page .check_page_info .check_page_wrap table{width:100%;}
.check_page .check_page_info .check_page_wrap table th{width:30%; text-align:center; padding:7px 5px;  background:#f7f7f7; border-bottom:1px solid #ddd;}
.check_page .check_page_info .check_page_wrap table td{width:70%; padding:7px 5px; border-bottom:1px solid #ddd;}
.check_page .check_page_info .check_page_wrap table td input{width:100%;height:40px;padding-left:10px;font-size:13px; background:#fff;background-image:none !important; color:#111; border:1px solid #ddd; box-shadow:initial; border-radius:0;}
.check_page .check_page_info .check_page_wrap table td select{width:100%;height:40px;padding-left:10px;font-size:13px; background:#fff;background-image:none !important; color:#111; border:1px solid #ddd; box-shadow:initial; border-radius:0;}
.check_page .check_page_info .check_page_wrap .page_btn{width:100%; margin-top:20px;}
.check_page .check_page_info .check_page_wrap .page_btn button{width:49%;height:50px;font-size:13px;}
.check_page .check_page_info .check_page_wrap .page_btn button.save{background:#cd372f;color:#fff; border:1px solid #cd372f;}
.check_page .check_page_info .check_page_wrap .page_btn button.cansle{background:#fff;color:#cd372f; border:1px solid #cd372f;}


@media (max-width: 768px) {
	.mobile_banner{display:block;}
	.pc_banner{display:none;}
	.mobile_menu{display:block;}
	header{height:auto;}
	header .hd_info .hd_content .hd_left{width:100%; flex-wrap:wrap;  padding-right:0;}
	header .hd_info .hd_content .hd_left .logo_wrap{display:flex; justify-content:space-between; height:54px; align-items:center; width:100%; position:relative;}
	header .hd_info .hd_content .hd_left .logo_wrap button{display:flex; all:unset; cursor:pointer;}
	header .hd_info .hd_content .hd_left .eanrsy30{width:100%;}
	header .hd_info .hd_content .hd_right{display:none;}

	.mob_menu{width:100vw; top:100%; right:-16px; position:absolute; overflow:hidden; height:calc(100vh - 56px);}
	.mob_menu.open{display:block;}
	.mob_menu .mobile_menu_info{top:0; right:-100%; background-color:#fff; position:absolute; width:100%; height:100%; will-change:right; -webkit-transition:right 0.3s ease-in-out; transition:right 0.3s ease-in-out; z-index:200; border-top:1px solid rgba(0,0,0,0.05); overflow-y:auto;}
	.mob_menu.open .mobile_menu_info{right:0}
	.mob_menu .mobile_menu_info .top{padding:32px 24px 0; font-size:20px; font-weight:600;}
	.mob_menu .mobile_menu_info .top .top_btn{display:flex; width:100%; margin-top:24px; padding-bottom:32px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
	.mob_menu .mobile_menu_info .top .top_btn a{flex:1; margin-right:14px; }
	.mob_menu .mobile_menu_info .top .top_btn a:last-of-type{margin-right:0}
	.mob_menu .mobile_menu_info .top .top_btn .bck_a{position:relative; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; border-radius:4px; background-color:#cd372f; color:#f8f9fa; height:40px; font-weight:500; font-size:14px; padding:0 12px;}
	.mob_menu .mobile_menu_info .top .top_btn .bod_a{position:relative; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; border-radius:4px; border:1px solid #cd372f; background-color:#fff; color:#cd372f; height:40px; font-weight:500; font-size:14px; padding:0 12px;}
	.mob_menu .mobile_menu_info ul{margin:16px 0;}
	.mob_menu .mobile_menu_info ul li{width:100%;}
	.mob_menu .mobile_menu_info ul li a{padding:16px 24px; font-size:20px; font-weight:600; color:#28292C; display:flex; justify-content:space-between; align-items:center;}
	.mob_menu .mobile_menu_info ul li a b{display:block; padding:1px 12px; background:#cd372f; color:#f8f9fa; font-weight:500; font-size:14px;}

	.main{padding:32px 24px 48px;}
	.main .main_top .best_trade{order:1;}
	.main .main_top .best_trade .trade_top{flex-wrap:wrap; flex-direction:column; align-items:flex-start;}
	.main .main_top .best_trade .trade_top time{padding-left:0;}
	.main .main_top .best_trade .trade_info .trade_table thead th{font-size:12px;}
	.main .main_top .best_trade .main_banner{background:rgb(255, 228, 228); text-align:center;}
	.main .main_top .best_trade .main_banner img{width:80%; margin:0 auto;}

	.main .main_top .my_gon{order:2; margin-top:50px;}
	.main .main_top .news{order:3;}
	.main .main_top .theme{order:4;}
	.main .main_top .report{order:5;}


	footer .foot .foot_info{flex-wrap:wrap; justify-content:flex-start; gap:20px;}
	footer .foot .foot_info .foot_left{flex-wrap:wrap; gap:20px;}
	footer .foot .foot_info .foot_content{margin-left:0;}
}




#kakao{position:fixed; bottom:120px; right:20px; width:50px; height:50px; z-index:90; border-radius:50%;}
#kakao img{width:100%;}
#star{position:fixed; bottom:70px; right:20px; width:50px; height:50px; z-index:90; border-radius:50%; border:1px solid #ccc; background:#fff;}
#star img{width:100%;}
.img_light{display:none;}
body.dark .img_light{display:block;}
body.dark .img_dark{display:none;}