@charset "utf-8";
/* CSS Document */

/*************************************
	- font, header, footer, title
	- 메인
*************************************/

@import url(//cdn.jsdelivr.net/npm/typeface-nanum-square-round@1.0.2/nanumsquareround.min.css);
@import url(//cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.min.css);



/*** style.css ***/
.w100 {width: 100% !important;}
.w50 {width: 50% !important;}
.pb-2 {padding-bottom: 2rem;}
.mb-5 {margin-bottom: .5rem;}
.show {display: block !important;}

	    	    
/* header */
header{position:relative;}
.head_wrap {height:60px; background-color:#e13232 }
.head_wrap .m_box {box-sizing:border-box;text-align:center;}
.head_wrap .main_logo_mega {display:inline-block; width:133px;height:60px;margin:0 auto;padding:0 10px;background:url(//img.x1.co.kr/megastock/landing3/logo_mega_m.png) no-repeat center/133px;}
.head_wrap .main_logo_x1   {display:inline-block; width:133px;height:60px;margin:0 auto;padding:0 10px;background:url(//img.x1.co.kr/megastock/landing3/logo_x1_m.png) no-repeat center/133px;}
.head_wrap .main_logo_hb {display:inline-block; width:133px;height:60px;margin:0 auto;padding:0 10px;background:url(//img.x1.co.kr/modoo/landing3/logo_modoo_m.png) no-repeat center/133px;}

.head_wrap{position:relative;z-index:10;overflow:hidden;*zoom:1;box-sizing:border-box;}
.head_wrap:after{content:"";clear:both;display:block;}


/* footer */
.foot_menu {padding:25px 22px;border:none; background:#2d3642;color:#b3bbc7; font-family:NanumSquareRoundB; font-size:13px; text-align: center;}
.foot_menu a {position:relative; border:none; color:#fff; font-family:NanumSquareRoundB; font-size:14px;}
.foot_menu a:after {content:''; display:block; position:absolute; top:50%; right:0; width:3px; height:3px; margin:-1px -1px 0 0; border-radius:50%; background:#fff;}
.foot_menu a:last-child:after {display:none;}
footer{border-top: 10px solid #f0f0f0; position:relative;background: #f2f4f4; padding-bottom:60px;}
footer .txt_guide {line-height: 1.6; font-weight: bold; color: #7b7b7b; letter-spacing: -0.09em;}
footer ul{overflow: hidden;background: #fff;}
footer ul li{float: left;width: 25%;text-align: center;}
footer ul li:nth-child(2){width: 50%;}
footer ul li a{font-size: 14px;color: #463c5a;line-height: 40px;font-weight:bold;}
footer .footer_info {position:relative;padding:30px 0 19px;font-size:0.75em;color: #6a6a6a;line-height:1.77;letter-spacing: -0.05em;text-align:center;}
footer .footer_info a {color: inherit;}
footer .emoney_add{margin:11px 0;}
footer .emoney_add .bar {display:inline-block;content:'';width:1px;height:11px;margin:-.25rem .667rem 0;background:#666;vertical-align:middle;text-indent:-99999px;}
footer .address .bar {display:inline-block;content:'';width:1px;height:11px;margin:-.25rem .667rem 0;background:#666;vertical-align:middle;text-indent:-99999px;}
footer .copy {margin:19px 0 0;color: #6a6a6a;}
.company_info {padding:0; line-height:1.8; text-align: center;}
.company_info__section {padding:20px 30px;font-size: 0.75rem}
.company_info__section:nth-child(1) {border-color:#eaeaea;}
.company_info__title {display:none;}
.company_info__list {margin-bottom:0;}
.company_info__list > li > span {display:inline-block; min-width:40px; height:19px; text-align:justify; vertical-align:sub; overflow:hidden;}
.company_info__list > li > span:after {content:''; display:inline-block; width:100%;}
.company_info__link {color:#666;}
.company_info__link_underline {text-decoration:none;}
.company_info__section > div:after {content:''; display:block; clear:both;}
.company_info__section > div > a {float:left; width:33.33%; color:#666; text-align:center;}
.company_info__section > div > span {display:none;}
.company_info__section > div + .company_info__copyright {display:none;}


/* contents */
.contents {text-align: center; max-width: 1024px; margin: 0 auto;position: relative;}
.contents img {width: 100%; overflow: hidden;}
.sub_container {background:#fff;}
.main_content {background:#fff;}

.btn_top {border-color:rgba(0, 0, 0, 0.1); border-radius:50%; background:rgba(255, 255, 255, 0.7);}

/* wrap_swiper */
.wrap_swiper { position: relative;}
.wrap_swiper > img{ width: 50%}
.wrap_swiper .swiper-container .swiper-slide {width: 50%;margin-right:1.5rem; float: left}
.swiper-button-prev {background-image:url(//img.x1.co.kr/megastock/landing3/right_arrow.png); left: 6%; position: absolute; cursor: pointer;z-index: 1000}
.swiper-button-next {background-image:url(//img.x1.co.kr/megastock/landing3/left_arrow.png); right: 6%;position: absolute;cursor: pointer;z-index: 1000}
.swiper-button-next, .swiper-button-prev {width: 20px; height: 40px; background-size:cover;}
.swiper-slide P {color: #000;font-size: 1.3rem; line-height: 1.5;}
.swiper-slide P.bg_dot img {width: 8%; margin: 2rem 0 1rem 0; }
.swiper-slide button {width: 100%; height: 100%; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.swiper-button-next, .swiper-button-prev {top: 32%;}





/*
.prodSection--home-best02 .prod_list--slide2.prod_list .item_box {width:55%;}
.prodSection--home-best02 .prod_list--slide2.prod_list .tag_box {display:block;}
.prodSection--home-best02 .prod_list--slide2.prod_list .tag_box > img,
.prodSection--home-best02 .prod_list--slide2.prod_list .tag_box > span {display:none;}
.prodSection--home-best02 .prod_list--slide2.prod_list .tag_box:after {content:'Best'; display:block; height:21px; padding:0 10px; border-radius:11px; background:#005e5e; color:#fff; font-family:NanumSquareRoundEB; font-size:11px; text-align:center; line-height:23px; overflow:hidden;}
.prodSection--home-best02 .prod_list--slide2.prod_list .sale_box {display:block;}
.prodSection--home-best02 .prod_list--slide2.prod_list .bot_con {padding:15px 20px;}
.prodSection--home-best02 .prod_list--slide2.prod_list .bot_con .index {margin-bottom:15px; text-align:center; color:#005e5e; font-family:'Noto Sans'; font-weight:bold; font-size:36px;}
.prodSection--home-best02 .prod_list--slide2.prod_list .prod_name {text-align:center; height:45px;}
.prodSection--home-best02 .prod_list--slide2.prod_list .cost_box {display:none;}
.prodSection--home-best02 .prod_list--slide2.prod_list .button_box {display:block; text-align:center;}
.prodSection--home-best02 .prod_list--slide2.prod_list .btn_cart_p {position:inherit; display:inline-block;}
*/
.prod_list .item_img {overflow:hidden;position:relative;background:#fff;border:1px solid #dfdcd8; margin: 0; width:100%}
/*** .prod_list .top_con ***/
.prod_list .prod_anchor{display:block;position:relative;width:100%;}
.prod_list .prod_img{height: 0; position: relative; padding-bottom: 100%; overflow:hidden;text-align:center;width:100%;}
    







.cls_layerPop {position: fixed; top: 12%; right: 2%; width: 10%; max-width: 70px;}
@media only screen and (min-width:1070px){
    .cls_layerPop {width: 35px; right: calc(50% - 410px); top: 11.5%;}
}

	    





/*** style_home.css ***/
/* 슬라이드slide_menu */


/* CSS Document */
/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,blockquote{margin:0;padding:0; -webkit-text-size-adjust:none;word-break:break-all;}
body,table{font-size: 14px;font-family: '돋음',arial,sans-serif,Helvetica; color:#666;letter-spacing:0;}
body{-webkit-text-size-adjust:none}
fieldset,img,iframe,frame{border:0}
legend,caption{overflow:hidden;position:absolute;font-size:0;line-height:0;visibility:hidden}
h1,h2,h3,h4,h5,h6{font-size:1em}
img,input,textarea,fieldset{border:0 none;outline:none}
ul,ol,dl,li,dt,dd{list-style:none;margin:0;padding:0;}
em,address{font-style:normal}
a{color:#463959;text-decoration:none;outline: none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;outline: none;}
strong{font-weight:bold}
legend,hr,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input,textarea,button{}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
select{text-indent:5px;}
figure{margin:0;padding:0;}


/*** style.css ***/
.right_wrap  {background:#ffffff; }
.right_wrap .sub_container{padding-bottom:0} /* mypage bg issue */
.right_wrap h2 {margin:3rem auto 3rem }

.right_wrap input::-webkit-input-placeholder,
.right_wrap input::-moz-placeholder,
.right_wrap input:-ms-input-placeholder,
.right_wrap input:-moz-placeholder,
.right_wrap textarea::-webkit-input-placeholder,
.right_wrap textarea::-moz-input-placeholder,
.right_wrap textarea:-ms-input-placeholder,
.right_wrap textarea:-moz-placeholder{color:#a8a9ad}


/* layer_window  공통 */
.right_wrap .layer_window .ch_label, .right_wrap .layer_window .ch_label_off, .right_wrap .layer_window .rd_label{font-size:14px; color:#231f20}
.right_wrap .layer_window .rd_label{line-height:22px}
.right_wrap .layer_window .top_tit .btn_close{left:auto}




/* layout */
/* mobile */


.sns_popup{display:flex}

/* MTS */
.cont_robo {padding: 1rem; box-sizing: border-box;}
.cont_robo_box {margin-top: 30px}

.company_cont{  background: #f7f8f8 url(//img.x1.co.kr/megastock/landing3/bg.png) 0 bottom no-repeat; padding-top: 1rem; background-size:cover; width: 100%; min-height:600px }
.company_cont.wrap_swiper {}

.m_popup {display:block; }
.head_wrap {display:block;}

/* main */

.visual_wrap .bx-controls-direction{display: none;}
.visual_wrap .bx-pager {width:100%;height:10px;text-align: center;position: absolute;left: 0;bottom: 10px;z-index: 2}
.visual_wrap .bx-pager .bx-pager-item{display: inline-block;margin: 0 2px;}
.visual_wrap .bx-pager a {background: #b3b3b3;text-indent: -9999px;display: inline-block;width: 5px;height: 5px;margin: 0 2px;outline: 0;-moz-border-radius: 4px;-webkit-border-radius: 5px;border-radius: 5px;}
.visual_wrap .bx-pager a:hover,.visual_wrap .bx-pager a.active {background: #f74949;}

.model_portfolio{border-top: 8px solid #e8ebf3;padding-bottom: 10px;border-bottom: 1px solid #ccd0d8;}
.model_portfolio h2{color: #666;font-size: 18px;padding:10px;}
.model_portfolio ul li{padding: 0 10px 10px 10px;}
.model_portfolio ul li a{border: 1px solid #e6e6e6;display: block;padding: 10px 0;position: relative;}
.model_portfolio ul li .left{margin-right: 120px;padding-left: 10px;border-right: 1px solid #e6e6e6;padding-right: 10px;min-height: 68px;}
.model_portfolio ul li .left strong{font-size:16px;color: #000;display: block;padding-bottom: 5px;padding-top: 5px;}
.model_portfolio ul li .left span{font-size: 13px;color: #666;}
.model_portfolio ul li .right{position: absolute;right: 3px;top: 10px;height: 64px;width: 118px;text-align: center;}
.model_portfolio ul li .right strong{font-size:26px;color: #f74949;display: block;padding-top: 5px;}
.model_portfolio ul li .right strong em{font-size: 14px;color: #f74949;}
.model_portfolio ul li .right span{font-size: 12px;color: #000;}
.model_portfolio ul li .right .minus{color: #54657b;}
.model_portfolio ul li .right .minus em{color: #54657b;}

/* rank */
.icon_rank{display:inline-block;overflow:hidden;width:30px;height:30px;background:url(//img.x1.co.kr/robo/images/mobile/common/sp_rank.png) no-repeat;background-size:30px 120px;font-size:14px;font-weight:bold;color:#fff;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:24px;text-align:center;}
.ir_1{background-position:0 0;}
.ir_2{background-position:0 -30px;}
.ir_3{background-position:0 -60px;}
.ir_any{background-position:0 -90px;}

/* main rs score */
.main_section_title{font-size:18px;font-weight:bold;color:#666;line-height:26px;}
.main_rs_score{border-top: 8px solid #e8ebf3;padding:16px 10px 20px;border-bottom:1px solid #ccd0d8;background: #fff;}
.main_tab_wrap{height:83px;background: #fff;}
.mrs_slider_wrap .bx-pager {width:100%;height:5px;margin-top:10px;text-align:center;font-size:0;}
.mrs_slider_wrap .bx-pager .bx-pager-item{display: inline-block;margin-left:5px;}
.mrs_slider_wrap .bx-pager .bx-pager-item:first-child{margin-left:0;}
.mrs_slider_wrap .bx-pager a {display:block;width: 5px;height: 5px;background: #b3b3b3;outline: 0;-moz-border-radius: 4px;-webkit-border-radius: 5px;border-radius: 5px;}
.mrs_slider_wrap .bx-pager a:hover,.mrs_slider_wrap .bx-pager a.active {background: #f74949;}
.mrs_slider_wrap .bx-controls-direction{display: none;}
.visual{padding-bottom:8px;background: #e8f1f3;}
.visual img{display:block;width:100%;border-bottom:1px solid #ccd0d8;}

.today_invest{border-top: 8px solid #e8ebf3;padding: 10px;padding-bottom: 30px;}
.today_invest h2{color: #666;font-size: 18px;padding:10px;padding-left: 0;}
.today_invest ul{border: 1px solid #e6e6e6;}
.today_invest ul li{border-bottom: 1px solid #e6e6e6;}
.today_invest ul li a{display: block;position: relative;min-height: 55px;padding-left: 70px;padding-bottom: 10px;padding-right: 15px;}
.today_invest ul li a em{position: absolute;left: 13px;top: 15px;width: 40px;height: 40px;}
.today_invest ul li strong{padding-top: 13px;display: block;font-size: 16px;color: #000;padding-bottom: 2px;}
.today_invest ul li span{font-size: 13px;color: #666;}
.today_invest ul li.num4{border-bottom: none;}
.today_invest ul li.num1 em{background: #fff url(//img.x1.co.kr/robo/images/mobile/main/ico_today1.png) 0 0 no-repeat;background-size: 40px 40px}
.today_invest ul li.num2 em{background: #fff url(//img.x1.co.kr/robo/images/mobile/main/ico_today2.png) 0 0 no-repeat;background-size: 40px 40px}
.today_invest ul li.num3 em{background: #fff url(//img.x1.co.kr/robo/images/mobile/main/ico_today3.png) 0 0 no-repeat;background-size: 40px 40px}
.today_invest ul li.num4 em{background: #fff url(//img.x1.co.kr/robo/images/mobile/main/ico_today4.png) 0 0 no-repeat;background-size: 40px 40px}


/* layout */
.cont_inside{padding-right:10px;padding-left:10px;}
.cont_last{padding-bottom:50px;}
.l_table{overflow:hidden;padding-top:15px;}
.l_table:first-child{padding-top:20px;}
.section_title + .l_table, .cont_header + .l_table, .section_bu_title + .l_table{padding-top:0;}


/* title */
.sub_title{padding:9px 0;background: #ebeef6;font-size:14px;font-weight:normal;color:#333;line-height:22px;text-align:center;}
.section_title{padding:16px 10px 4px;font-size:18px;font-weight:bold;color:#333;line-height:26px;}
.cont_inside .section_title{padding:16px 0 6px;}
.cont_header{position:relative;padding-bottom:6px;}
.cont_header .section_title{padding:16px 0 0;}
.cont_header .base_select{position:absolute;right:0;top:16px;}
.title_item_point{display:block;position:absolute;right:0;top:14px;}
.title_item_point.txt_unit{top:20px;}
.section_bu_title{display:inline-block;margin:12px 0 10px;font-size:18px;font-weight:bold;color:#666;line-height:24px;}
.section_bu_title:before{content:"";display:inline-block;width:19px;height:20px;margin:0 4px 0 2px;background: url(//img.x1.co.kr/robo/images/mobile/common/sp_ico_bu.png) no-repeat;background-size:19px 140px;vertical-align: middle;}
.sbt_1:before{background-position:0 0;}
.sbt_2:before{background-position:0 -20px;}
.sbt_3:before{background-position:0 -40px;}
.sbt_4:before{background-position:0 -60px;}
.sbt_5:before{background-position:0 -80px;}
.sbt_6:before{background-position:0 -100px;}
.sbt_7:before{background-position:0 -120px;}
.sh_d{display:inline-block;margin-left:2px;font-size:14px;color:#888;vertical-align:baseline;letter-spacing: -1.4px;}
.sh_d:before{content:"";display:inline-block;width:1px;height:11px;margin-right:5px;background: #b9b9b9;}
.in_title{display:block;font-size:14px;font-weight:bold;color:#333;line-height:20px;}

/* txt */
.txt_unit{font-size:12px;color:#666;line-height:20px;vertical-align: middle;}


/* icon */
.ico_updown{display:inline-block;overflow:hidden;background:url(//img.x1.co.kr/megastock/landing3/icon_updown.png) no-repeat;background-size:34px 24px;color:transparent;vertical-align: middle;}
.ico_updown_up{width:11px;height:6px;background-position:0 0;}
.ico_updown_down{width:11px;height:6px;background-position:0 -10px;}
.ico_updownbig_up{width:19px;height:10px;background-position:-15px 0;}
.ico_updownbig_down{width:19px;height:10px;background-position:-15px -14px;}
.ico_bul{padding-left:30px;background: url(//img.x1.co.kr/robo/images/mobile/sub/ico_model_info.png) no-repeat;background-size:25px 79px;}
.ico_bul_cha{background-position:0 0;}
.ico_bul_process{background-position:0 -27px;}
.ico_bul_rule{background-position:0 -54px;}

/* score */
.score_mid_point{font-size:20px;font-weight:bold;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:28px;}
.score_mid_point span{font-size:14px;font-family:'돋움',arial,sans-serif;}
.score_big_point{font-size:32px;font-weight:bold;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:36px;}
.score_big_point span{font-size:17px;font-weight:bold;font-family:'돋움',arial,sans-serif;vertical-align: middle;}
.score_ico{display:inline-block;min-width:34px;font-size:16px;font-weight:normal;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:22px;}
.score_mid_ico{display:inline-block;font-size:20px;font-weight:normal;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:28px;}
.score_ico .ico_updown, .score_mid_ico .ico_updown{margin-right:3px;}
.score_ico.up .ico_updown, .score_mid_ico.up .ico_updown, .score_mid_ico .up .ico_updown{width:11px;height:6px;background-position:0 0;}
.score_ico.down .ico_updown, .score_mid_ico.down .ico_updown, .score_mid_ico .down .ico_updown{width:11px;height:6px;background-position:0 -10px;}
.score_big_ico{display:inline-block;font-size:32px;font-weight:bold;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:36px;}
.score_big_ico.up .ico_updown{width:19px;height:10px;background-position:-15px 0;}
.score_big_ico.down .ico_updown{width:19px;height:10px;background-position:-15px -14px;}
.score_big_ico span{font-size:17px;font-weight:bold;font-weight:bold;font-family:'돋움',arial,sans-serif;vertical-align: middle;}
.score_mid_point.up, .score_big_point.up, .score_ico.up, .score_mid_ico.up,  .score_mid_ico .up, .score_big_ico.up{color:#f74949;}
.score_mid_point.down, .score_big_point.down, .score_ico.down,  .score_mid_ico.down,  .score_mid_ico .down, .score_big_ico.down{color:#54657b;}

/* score star */
.star_full{display:inline-block;position:relative;width:84px;height:15px;margin-top:2px;background: url(//img.x1.co.kr/robo/images/mobile/common/ico_score_star.png) no-repeat 0 0;background-size:84px 30px;vertical-align: top;}
.star_gauge{display:inline-block;position:absolute;left:0;top:0;height:15px;background:url(//img.x1.co.kr/robo/images/mobile/common/ico_score_star.png) no-repeat 0 -15px;background-size:84px 30px;}
.star_score .score{display:inline-block;font-size:16px;font-weight:bold;color:#f74949;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:20px;vertical-align: top;}

/* table */
caption span{display:block;overflow:hidden;position:absolute;left:0;top:-9999px;width:1px;height:1px;}
.row_table{table-layout:fixed;width:100%;border-top:1px solid #808080;}
.row_table th{padding:12px 10px;border-bottom:1px solid #e6e6e6;background: #f5f7fc;font-size:14px;font-weight:normal;color:#666;line-height:18px;text-align:left;vertical-align: middle;}
.row_table td{padding:12px 10px;border-bottom:1px solid #e6e6e6;background: #fff;font-size:14px;color:#333;line-height:18px;text-align:left;vertical-align: middle;}
.row_bothside_table{table-layout: fixed;width:100%;border-top:1px solid #ccc;}
.row_bothside_table th{padding:16px 5px;border-bottom:1px solid #ccc;background: #fff;font-size:14px;font-weight:bold;color:#666;line-height:18px;text-align:left;vertical-align: middle;}
.row_bothside_table td{padding:16px 5px;border-bottom:1px solid #ccc;background: #fff;font-size:14px;font-weight:bold;color:#333;line-height:18px;text-align:right;vertical-align: middle;}
.row_bothside_table .t_benefit{padding:9px 5px;}

.row_table2{table-layout:fixed;width:100%;border-top:1px solid #808080;}
.row_table2 th{padding:12px 10px;border-bottom:1px solid #e6e6e6;background: #f5f7fc;font-size:14px;font-weight:normal;color:#666;line-height:18px;text-align:center;vertical-align: middle;}
.row_table2 td{padding:12px 10px;border-bottom:1px solid #e6e6e6;background: #fff;font-size:14px;color:#333;line-height:18px;text-align:center;vertical-align: middle;}

.col_table{table-layout:fixed;width:100%;border-top:1px solid #808080;}
.col_table th{padding:11px 0;border-bottom:1px solid #e6e6e6;background: #f7f7f7;font-size:14px;font-weight:normal;color:#666;line-height:18px;text-align:center;vertical-align: middle;}
.col_table tbody th{padding:11px 10px;background: #f5f7fc;text-align:left;}
.col_table td{padding:11px 0;border-bottom:1px solid #e6e6e6;background: #fff;font-size:14px;color:#333;line-height:18px;text-align:center;vertical-align: middle;}
table .t_up{color:#f74949;}
table .t_down{color:#54657b;}
table .t_benefit{font-size:26px;font-weight:bold;color:#f74949;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:32px;}
table .t_pink span{font-size:14px;font-family:'돋움',arial,sans-serif;}
table .t_pink{color:#f74949;}
table .t_blue{color:#54657b;}
table .t_sky{color:#009ed7;}
table .t_l_form{padding:5px 10px;}
table .t_pay{text-align:right;}
table tfoot .t_pay{font-size:16px;}
table .t_line2 td{height:36px;}

/*** slide ***/
.common_slide_wrap .bx-pager {width:100%;height:5px;text-align:center;font-size:0;}
.common_slide_wrap .bx-pager .bx-pager-item{display: inline-block;margin-left:5px;}
.common_slide_wrap .bx-pager .bx-pager-item:first-child{margin-left:0;}
.common_slide_wrap .bx-pager a {display:block;width: 5px;height: 5px;background: #b3b3b3;outline: 0;-moz-border-radius: 4px;-webkit-border-radius: 5px;border-radius: 5px;}
.common_slide_wrap .bx-pager a:hover,.common_slide_wrap .bx-pager a.active {background: #f74949;}

/* multi slider */
.multi_slide_wrap{background: #fff;}
.multi_slide_wrap .bx-viewport{box-sizing:border-box;border:10px solid #e8ebf3;background: #e8ebf3;}
.multi_slide_wrap .bx-pager{margin-top:15px;}

/* rank list */
.rank_list_wrap{margin-top:20px;}
.rank_list li{border-bottom:1px solid #e6e6e6;display:block;position:relative;padding:11px 55px 10px 28px;}
.rank_list .rank{display:inline-block;position:absolute;left:0;top:12px;width:18px;height:18px;border:1px solid #999;font-size:14px;color:#999;font-family: 'Tahoma','돋움',arial,sans-serif;line-height:18px;text-align:center;vertical-align: middle;}
.rank_list .top .rank{border:1px solid #f74949;color:#f74949;}
.rank_list .item{display:block;overflow:hidden;height:23px;font-size:15px;color:#333;line-height:23px;white-space:nowrap;text-overflow:ellipsis;}
.rank_list .score_ico{position:absolute;right:0;top:12px;}

/*** board ***/
.board_title{display:block;font-size:14px;font-weight:bold;color:#f74949;line-height:22px;}
.board_overtxt{display:block;overflow:hidden;font-size:13px;color:#666;line-height:22px;white-space: nowrap;text-overflow:ellipsis;}
.board_info{display:block;margin-top:4px;font-size:0;}
.board_info span{display:inline-block;position:relative;padding-left:10px;margin-left:10px;font-size:12px;color:#666;line-height:20px;}
.board_info span:after{content:"";display:block;position:absolute;left:0;top:5px;width:1px;height:11px;background: #dcdcdc;}
.board_info span:first-child{padding-left:0;margin-left:0;}
.board_info span:first-child:after{display:none;}
.board_info_time{font-size:12px;color:#666;line-height:22px;}

/* link board list */
.link_board_list{margin-top:15px;border-top:1px solid #808080;}
.link_board_list li{border-bottom:1px solid #e6e6e6;display:block;padding:11px 10px;}

/* board view */
.board_view{padding-top:15px;}
.section_bu_title + .board_view{padding-top:0;}
.board_view:first-child{padding-top:20px;}
.view_top{position:relative;padding:11px 10px;background: #f7f7f7;border-top:1px solid #808080;border-bottom:1px solid #ccc;}
.view_top .board_info_time{position:absolute;right:10px;top:11px;}
.view_cont{padding:0 10px 12px;border-bottom:1px solid #e6e6e6;}
.view_cont strong{display:block;padding-top:13px;font-size:14px;color:#333;line-height:18px;}
.view_cont p{padding-top:4px;font-size:14px;color:#333;line-height:18px;}
.view_cont p:first-child{padding-top:13px;}
.vc_gray p{color:#666;}

/* tab button */
.tab_btn_list{overflow:hidden;width:100%;}
.tab_btn_list li{float:left;box-sizing:border-box;border-left:1px solid #ccc;}
.tab_btn_list li:first-child{border-left:none;}
.tab_btn_list a{display:block;position:relative;padding:9px 0;border-bottom:1px solid #ccc;font-size:13px;color:#999;line-height:22px;text-align:center;}
.tab_btn_list .on a{border-bottom:1px solid #f74949;font-weight:bold;color:#f74949;}
.tab_btn_list .on a:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:10px;height:5px;margin-left:-5px;background:url(//img.x1.co.kr/robo/images/mobile/common/ico_tab_on.png) no-repeat 0 0;background-size:10px 5px;}
.tbl_2 li{width:50%;}
.tbl_3 li{width:33.3%;}

/* tab cont section */
.tab_list{overflow:hidden;}
.tab_list li{float:left;box-sizing:border-box;border-bottom:1px solid #333;background: #fff;}
.tab_list a{display:block;box-sizing:border-box;padding:10px 0;border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:12px;font-weight:bold;color:#666;line-height:20px;text-align:center;vertical-align: middle;}
.tab_list li:first-child a{border-left:none;}
.tab_list .on{position:relative;border-bottom:none;}
.tab_list .on:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:2px;padding-right:1px;background: #f74949;}
.tab_list .on a{padding-bottom:11px;border-left:1px solid #333;color:#f74949;}
.tab_list .on + li a{border-left:1px solid #333;}
.tl_2 li{width:50%;}
.tl_3 li{width:33.3%;}
.tl_3 li:first-child{width:33.4%;}


/* scorll table */
.scroll_table{position:relative;}
.scroll_table .fixed_label{position:relative;width:105px;border-top:1px solid #808080;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background: #f7f7f7;z-index: 1;}
.fixed_label ul{padding-top:40px;}
.fixed_label li{padding:11px 0 11px 10px;border-top:1px solid #e6e6e6;background: #f5f7fc;font-size:13px;color:#666;line-height:18px;}
.st_scroll_wrap{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.scroller{position:absolute;min-width:100%;height:100%;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.st_scroll_view{overflow:hidden;padding-left:105px;}
.st_scroll_wrap .col_table{table-layout:auto;width:100%;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.st_scroll_wrap .col_table th{min-width:38px;}
.st_scroll_wrap .col_table th, .scroll_table .col_table td{min-width:74px;padding:11px 1px;}

/* rs score */
.rs_score_list{padding-top:15px;}
.rs_score_list .rs_score_box{margin-top:10px;}
.rs_score_list .rs_score_box:first-child{margin-top:0;}
.rs_score_box{box-sizing:border-box;padding:15px 0;border:1px solid #e6e6e6;display:block;position:relative;overflow:hidden;}
.rs_score_box:after{content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:100%;background: #e6e6e6;}
.rsb_left{box-sizing:border-box;float:left;width:50%;padding:6px 10px 0;text-align:center;}
.rsb_long{padding-top:17px;}
.rsb_item{display:block;overflow:hidden;position:relative;padding-bottom:12px;margin-top:3px;font-size:15px;font-weight:bold;color:#000;line-height:22px;white-space:nowrap;text-overflow:ellipsis;}
.rsb_item:after{content:"";display:block;position:absolute;left:50%;bottom:0;margin-left:-10px;width:20px;height:1px;background: #000;}
.rsb_label{display:block;margin-top:8px;font-size:16px;font-weight:normal;color:#f74949;line-height:20px;}
.rsb_gray_label{display:block;margin-top:12px;font-size:14px;font-weight:normal;color:#666;line-height:18px;}
.rs_score_box .score_mid_point{display:block;text-align:center;}
.rs_score_box .score_mid_ico{margin-top:7px;text-align:center;}
.rsb_right{float:right;box-sizing:border-box;width:50%;padding:0 10px;}
.rsb_right dt{float:left;width:60%;padding:3px 0 2px;font-size:14px;font-weight:normal;color:#666;line-height:22px;}
.rsb_right dd{float:left;width:40%;padding:3px 0 2px;font-size:14px;font-weight:normal;color:#333;line-height:22px;text-align:right;}

/* hot sector */
.hot_sectorrank_box{box-sizing:border-box;border:1px solid #e6e6e6;background: #fff;}
.hot_sectorrank_box a{display:block;overflow:hidden;position:relative;height:121px;padding-left:15px;}
.hot_sectorrank_box .icon_rank{position:absolute;right:-1px;top:-1px;}
.hsb_item{display:block;position:relative;padding:16px 0 15px;font-size:15px;font-weight:bold;color:#000;line-height:22px;}
.hsb_item:after{content:"";display:block;position:absolute;left:0;bottom:0;width:20px;height:1px;background: #000;}
.hot_sectorrank_box .score_mid_point{display:block;padding-top:10px;}
.hsb_sub{display:block;font-size:12px;color:#666;line-height:20px;} 

@media screen and (min-width:400px) and (max-width:500px) {
	
	.radar_chartlabel .r_cl_1{top:5%;}
	.radar_chartlabel .r_cl_2{right:4%;top:30%;}
	.radar_chartlabel .r_cl_3{right:12%;}
	.radar_chartlabel .r_cl_4{left:12%;}
	.radar_chartlabel .r_cl_5{left:4%;top:30%;}
}
@media screen and (min-width:501px) and (max-width:767px) {
	.radar_chartlabel .r_cl_1{top:9%;}
	.radar_chartlabel .r_cl_2{right:10%;top:34%;}
	.radar_chartlabel .r_cl_3{right:18%;}
	.radar_chartlabel .r_cl_4{left:18%;}
	.radar_chartlabel .r_cl_5{left:10%;top:34%;}
}
@media screen and (min-width:768px) {
	.radar_chartlabel .r_cl_1{top:10%;}
	.radar_chartlabel .r_cl_2{right:11%;top:35%;}
	.radar_chartlabel .r_cl_3{right:20%;}
	.radar_chartlabel .r_cl_4{left:20%;}
	.radar_chartlabel .r_cl_5{left:11%;top:35%;}
}
.line_chart_wrap{width:100%;height:200px;}
.serial_info{width:100%;text-align:center;}
.serial_info ul{display:inline-block;padding:1px 30px;border-radius:20px;background: #f5f5f5;}
.serial_info li{display:inline-block;margin-left:10px;font-size:12px;font-weight:bold;color:#666;line-height:20px;}
.serial_info li:first-child{margin-left:0;}
.serial_info li span{display:inline-block;overflow:hidden;width:4px;height:4px;margin-right:3px;color:transparent;vertical-align: middle;}
.serial_info .pink span{background: #f74949;}
.serial_info .gray span{background: #6f6f6f;}

.lcw_chart_st{width:100%;height:100%;}


/* 섹터 표시*/
.ico_good{background: url(//img.x1.co.kr/robo/images/common/ico_good.gif) 0 0 no-repeat; margin-left: 1px; margin-top: 2px; width: 100px;height:22px;display:inline-block; vertical-align: middle;text-indent: -999em}
.ico_best{background: url(//img.x1.co.kr/robo/images/common/ico_best.gif) 0 0 no-repeat; margin-left: 1px; margin-top: 2px; width: 100px;height:22px;display:inline-block; vertical-align: middle;text-indent: -999em}

/* section */
.section{/* padding-bottom:15px;margin-bottom:8px;border-bottom:1px solid #ccd0d8; */background: #fff;vertical-align: middle;}
.skin_gray{padding-bottom:8px;background: #e8ebf3;}
.gray_inner{padding-bottom:20px;/* border-bottom:1px solid #ccd0d8; */background: #fff;}
.cont_inside{padding-left:10px;padding-right:10px;background: #fff;}
.cont_last{background: #fff;border:8px solid #e8ebf3;}

/* skin */
.skin_highlight{border:1px solid #f74949;background: #fff;}

/* txt */
.para_14{padding-top:15px;font-size:14px;color:#666;line-height:20px;word-break:keep-all;}

/* ad box */
.ad_box{padding:12px 15px;margin-top:10px;}
.ad_box .ad_title{display:block;position:relative;padding-bottom:9px;margin-bottom:7px;font-size:17px;font-weight:bold;color:#000;line-height:23px;letter-spacing: -1px;}
.ad_box .ad_title:after{content:"";display:block;position:absolute;left:0;bottom:0;width:20px;height:1px;background: #000;}
.ad_box p{font-size:14px;color:#000;line-height:20px;letter-spacing: -1.1px;}
.ad_box p strong{font-weight:normal;color:#f74949;}
.ad_box .gray{color:#666666;}

/* tab menu list */
.tab_menu_list{overflow:hidden;width:100%;border-top:1px solid #d7d7d7;background: #fff;}
.tab_menu_list li{position:relative;float:left;box-sizing:border-box;width:33%;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.tab_menu_list li:nth-child(3n){width:34%;border-right:none}
.tab_menu_list a{display:block;padding:10px 0;font-size:13px;font-weight:bold;color:#89898a;line-height:20px;text-align:center;}
.tab_menu_list .on:before{content:"";display:block;position:absolute;left:-1px;top:-1px;width:100%;height:100%;padding:1px;background: #f74949;}
.tab_menu_list .on a{position:relative;color:#fff;}

/* description list */
.des_list_wrap{padding:20px 15px;border:1px solid #e6e6e6;}
.des_list dt{padding-top:15px;font-size:14px;font-weight:bold;color:#333;line-height:18px;}
.des_list dd{padding-top:3px;font-size:14px;color:#333;line-height:18px;letter-spacing:-1px;word-break: keep-all}
.des_list_wrap dt:first-child{padding-top:0;}

/* description + ico list */
.des_ico_list{border: 1px solid #e6e6e6;}
.des_ico_list li{border-bottom: 1px solid #e6e6e6;}
.des_ico_list a{display: block;position: relative;min-height: 55px;padding-left: 70px;padding-bottom: 10px;padding-right: 15px;}
.des_ico_list strong{padding-top: 18px;display: block;font-size: 16px;color: #000;padding-bottom: 2px;}
.des_ico_list span{font-size: 13px;color: #666;}
.des_ico_list em{display:inline-block;padding:0 3px;margin-top:2px;border:1px solid #f74949;font-size:10px;font-weight:bold;color:#f74949;font-family: Tahoma,sans-serif;line-height:12px;vertical-align: top;}
.des_ico_list li.num4{border-bottom: none;}
.des_ico_list a:before{content:"";display:block;position: absolute;left: 13px;top: 15px;width: 40px;height: 40px;background: url(//img.x1.co.kr/robo/images/mobile/main/ico_today.png) no-repeat;background-size:40px 190px;}
.des_ico_list li.num1 a:before{background-position:0 0;}
.des_ico_list li.num2 a:before{background-position:0 -50px;}
.des_ico_list li.num3 a:before{background-position:0 -100px;}
.des_ico_list li.num4 a:before{background-position:0 -150px;}

/* link list */
.link_list li{border:1px solid #e6e6e6;border-top:none;}
.link_list li:first-child{border-top:1px solid #e6e6e6;}
.link_list a{display:block;position:relative;padding:8px 15px;font-size:14px;color:#000;line-height:20px;}
.link_list a:after{content:"";display:block;position:absolute;right:15px;top:50%;width:9px;height:14px;margin-top:-7px;background: url(//img.x1.co.kr/robo/images/mobile/common/btn_link_gray.png) no-repeat 0 0;background-size:9px 14px;}

/* item link list */
.item_link_list li{margin-top:10px;border:1px solid #e6e6e6;}
.item_link_list a{display:block;overflow:hidden;position:relative;padding:10px 25px 10px 65px;font-size:0;}
.item_link_list a:after{content:"";display:block;position:absolute;right:10px;top:50%;width:9px;height:14px;margin-top:-7px;background: url(//img.x1.co.kr/robo/images/mobile/common/btn_link_gray.png) no-repeat 0 0;background-size:9px 14px;}
.ill_item{display:block;position:absolute;left:0;top:10px;width:65px;font-size:18px;color:#000;line-height:54px;vertical-align: middle;text-align:center;}
.ill_info{display:block;height:54px;padding-left:15px;border-left:1px solid #e6e6e6;}
.ill_info p{display:inline-block;width:80%;font-size:13px;color:#666;line-height:16px;word-break: keep-all;vertical-align: middle;}
.ill_info:after{content:"";display:inline-block;height:100%;vertical-align: middle;}



/* model pf */
.model_pf li{padding-bottom:10px;}
.model_pf li a{display: block;position: relative;border: 1px solid #e6e6e6;padding: 10px 0;}
.model_pf .left{min-height: 68px;padding-right: 10px;padding-left: 10px;margin-right: 120px;border-right: 1px solid #e6e6e6;}
.model_pf .left strong{display: block;padding-bottom: 5px;padding-top: 5px;font-size:16px;color: #000;}
.model_pf .left span{font-size: 13px;color: #666;}
.model_pf .middle{min-height: 68px;padding-right: 10px;padding-left: 10px;margin-right: 120px;}
.model_pf .middle strong{display: block;padding-bottom: 5px;padding-top: 5px;font-size:16px;color: #000;}
.model_pf .middle span{font-size: 13px;color: #666;}
.model_pf .right{position: absolute;right: 0;top: 10px;width: 118px;height: 64px;text-align: center;}
.model_pf .right strong{display: block;padding-top: 5px;font-size:26px;font-weight:bold;color: #f74949;}
.model_pf .right strong em{font-size: 14px;color: #f74949;}
.model_pf .right span{font-size: 12px;color: #000;}
.model_pf .right .minus{color: #54657b;}
.model_pf .right .minus em{color: #54657b;}

.model_portfolio_ad {display: block;position: relative; height:80px; margin:10px; padding:10px }
.model_portfolio_ad .left {padding-left: 10px;padding-right: 10px;min-height: 100px;}
.model_portfolio_ad .right{position: absolute; right:3px;top:17px;min-height: 71px;width: 103px;}
.bcp {background-color:#f74949;  color:#fff;    font-size: 1.4em; font-weight: bold;line-height: 24px;padding-top: 24px; height: 66px  }
.bcy {background-color:#ffc400;  color:#594c4c; font-size: 1.4em; font-weight: bold; line-height: 24px;padding-top: 24px; height: 66px}

/* scroll menu */
.scroll_menu_wrap{height:41px;padding-bottom:10px;background: #e8ebf3;}
.scroll_menu{overflow:hidden;position:relative;height:40px;border-bottom:1px solid #ccc;background: #fff;}
.scroll_menu ul{display:table;position: absolute;left:0;top:0;height: 40px;padding:0 4px;}
.scroll_menu li{display:table-cell;width:150px;padding:0 3px;white-space: nowrap;}
.scroll_menu a{display:block;position:relative;padding:10px 3px;font-size:14px;font-weight:bold;color:#89898a;line-height:20px;text-align:center;}
.scroll_menu .on a{color:#f74949;}
.scroll_menu .on a:after{content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2px;background: #f74949;}



/* fixed menu */
.fixed_tab_list{width:100%;}
.ftl_fixed_on{position:fixed;left:0;top:0;z-index:20;}


/* 바로가기 */
.quick_section{padding-top:20px;}

/* 랜딩딩화면 */
#rb_landing{position:absolute; top:10px; left:0; padding: 0 5%; width: 90% ; margin-bottom:5%; z-index: 100000; } 
.imgbox img{display:block;width:100%;}
.imgbox:FIRST-CHILD {position: relative;}
.imgbox .btn_close a {position:absolute; top:10px; right:10px;}

.exp_text{color:#666}
.btn_view + .exp_text{margin-top:12px;text-align:center}
.btn_view{display:block;border-radius:3px;background-color:#f74949;color:#fff;font-size:14px;line-height:40px;text-align:center}
.rec_items + .btn_view{margin-top:15px}


/*모바일용에서만 노출 되는 번호수집 */
.m_pop {display:block; }
.join_pop{padding: 0px 5px 60px 5px;border: solid 3px #f74949;border-radius: 10px;background-color:#ffffff;margin: 0 10%;position: absolute;box-sizing: border-box;width: 80%;top: 3rem;z-index: 499;}
.join_pop .invest-recommend-select {padding: 5px;}
.join_pop .invest-recommend-select span {display:none; font-size: 1em; text-align: left; color: #333333;  }
:root .join_pop .invest-recommend-select span {display:block \9;}/*ie9핵*/
.join_pop .invest-recommend-select input {display:block;margin: 5px auto 10px auto;width: 100%;height:54px;line-height:54px;border:1px solid #b3b3b3;background-color:#ffffff;border-radius:0.3em;padding:0 0 0 0.5em;color:#333333;text-align: left;font-size: 16px;box-sizing: border-box;}
.join_pop .invest-recommend-select input[type=text]:focus,.invest-recommend-select input[type=number]:focus {border:1px solid #f74949; background-color: #ffffff;color: #333333;text-align: left;}
.join_pop ul.check li{text-align:left; padding-left:10px}
.join_pop ul.check li a{ float: right;margin-right: 10px}
.join_pop .recommend-btn {position: absolute; width:100%; padding: 1rem 0; text-align: center;color:#ffffff; background-color:#f74949; left:0; bottom: 0  ; border: none}
.join_pop .btn_pop_close{position:absolute;top:-20px;right:-20px;padding:5px 5px;background-color:#fff;border:1px solid #ccc; opacity: 0.7;}
.join_pop .btn_pop_close span{overflow:hidden;display:inline-block;width:16px;height:16px;background:url(//img.x1.co.kr/simple_stcok/landing_img/landing/m/btn_close.png);background-repeat:no-repeat;background-position:0 0;background-size:16px 16px;text-indent:-9999px;vertical-align:top}
.join_pop .btn_exp{width:100%;height:50px;border:none;margin-top:30px;background-color:#f74949;color:#ffffff;font-size:20px;font-weight:400;line-height:40px;box-sizing:border-box;border-radius: 0 0 5px 5px;left: 0;bottom: 0;position: absolute;} 
.join_pop .ageGroup{display: flex; margin-bottom: 10px}
.join_pop .ageGroup .selOrNot{display: inline-block;cursor: pointer;line-height: 14px;padding-left: 2px;background: url(//img.x1.co.kr/megastock/landing3/chk_box_off.png) 5px 30px no-repeat;background-size: 22px;height: 55px;font-size: 0.8em;text-align: center;}
.join_pop .ageGroup #chk_ageGroup_m:checked + label{background-image: url(//img.x1.co.kr/megastock/landing3/chk_box_on.png); text-align: center; flex:none;}
.join_pop .ageGroup .selAgeGroup{float:left; width: 79%; margin-left: auto; padding:4px 0px 0px 15px;border: 1px solid #b3b3b3; border-radius: 0.3em;}
.join_pop .ageGroup input[type=radio]{display:inline-block; width: 12px; height: 12px; font-size: 8px; margin-right: 5px; position: relative; top:0px;}
.join_pop .ageGroup .selAgeGroup label{font-size: 12px; margin-right: 4px;}

.box {position: fixed;width: 100%;top:90vh;left: 0;z-index: 100}
.sticky {position: absolute;z-index: 100;top: 0px;right: 0px;animation: flo 2s linear infinite;width: 80%;margin: 0 10%;}
.sticky button {width: 100%;margin: 20px auto;background-color:#fb4a4a;font-size: 18px;letter-spacing:-1px;display: block;border: 1px solid #be2a2a;border-radius: 3px;color: #ffffff;padding: 8px 0;}

/* 설문조사 */
/** 공통 **/ 
#wrap{text-align: center;}
.container {position:relative;min-height: 100%;background-color: #fff;width: 100%;padding-bottom:2rem}
.db {display: block; width:100%;height:40px; }
.blind {position: absolute; left: -9999px;}
.hide{height:0px;width:0px;overflow:hidden;}

.wrap 	 {position:relative;}
.mainimg {position:relative; display:block; width:100%}
.mainimg img {display:block; width:100%}

/* 서브 설명 페이지1 */
.container .title h2 {text-align:center;font-size: 2.3em;line-height:1.25em;letter-spacing:-3px;color:#422a23;font-weight:800;padding-top: 2rem; }
.container .title h2.point {color:#f9450a;margin-bottom:40px;padding: 0;}
.container .middle {margin:0 auto;  }
.container .middle img{width:100%; }
.container .sub_text {text-align:center;margin-top:40px;letter-spacing:-1px  }
.container .sub_text li{font-size: 1.4em;line-height:1.5em;color:#4f4846;}
.container .sub_text li.lilast_btn{padding-top:40px}
.container .sub_text li.lilast_btn a{cursor:pointer;font-size: 40px;font-weight:500;color:#f9450a;}

/* 서브 설문조사 페이지2 */
.container .gnb {position:relative;width:100%;height:80px;background-color:#f9450a;color:#ffffff;margin-bottom: 32px;}
.container .gnb .left_text{position:absolute;top:13px;left:15px;letter-spacing: -1px }
.container .gnb .left_text li:FIRST-CHILD{font-size:18px;}
.container .gnb .left_text li{font-size:20px;line-height:26px;color:#ffffff;}
.container .gnb .paging{position:absolute;top:30px;right:25px;font-size:22px;text-align:right;  }
.container .pan	{padding: 0 15px;color:#4f4846;height:350px }
.container .pan	h3{font-size: 1.5em;font-weight:500;margin-bottom: 26px;}
.container .pan	h3 .small{font-size:0.7em;}
.container .pan	ul{display:inline-block; }
.container .pan	li{display:inline-block;width: 100%;float:left;font-size: 16px;cursor:pointer;height: 60px;line-height: 60px;}
.bt20 {position:absolute; bottom: 20px  }
.btn_cont {padding:20px 15px 0 15px;}
.btn_next {width:100%;height: 60px;background-color:#f9450a;color:#ffffff;font-size:24px;font-weight:400;box-sizing:border-box;border-radius:5px;border: none;}

/* page:무료페험신청 */
.container .title2 {font-size:1.85em;color:#422a23;letter-spacing:-2px; text-align:center}
.container .title2 .point {font-weight:bold }

/* page:수익률현황 */
.chk_yield_wrap {position:relative;padding:0 15px 30px;}
.chk_yield_wrap .chk_yield_slider>li>a{display:block}
.chk_yield_wrap .chk_yield_slider>li>img{width:100%}
.chk_yield_wrap .chk_yield_slider li ul{padding:20px 0 10px}
.chk_yield_wrap .chk_yield_slider li ul:after{content:'';display:block;clear:both}
.chk_yield_wrap .chk_yield_slider li li{float:left;padding:0 10px 10px;width:33.33%;box-sizing:border-box}
.chk_yield_wrap .chk_yield_slider li li img{width:100%;margin-bottom:6px;padding:7px;border:1px solid #ccc;box-sizing:border-box}
.chk_yield_wrap .chk_yield_slider li li .rdo_box label{display:inline-block;margin-top:-1px;vertical-align:top;color:#333;letter-spacing:-1.4px}
.chk_yield_wrap .chk_yield_slider li li.active img{border:1px solid #f9450a}

.chk_yield_wrap .bx-controls{width:100%;text-align:center;margin:20px 0}
.chk_yield_wrap .bx-pager{display:inline-block;height:100%;padding:0}
.chk_yield_wrap .bx-pager-item{/* float:left;margin:0 3px 0 2px */margin:0 auto;display:inline-block;height:20px;width:50px   }
.chk_yield_wrap .bx-pager-item .bx-pager-link{overflow:hidden;display:inline-block;width:55px;height:6px;background-color:#d2d2d2;text-indent:-9999px;vertical-align:top;margin-left: -15px}
.chk_yield_wrap .bx-pager-item .bx-pager-link.active{background-color:#f9450a}

.chk_yield_slider .slide_name{font-size:2em;line-height:1.5em; color:#422a23;letter-spacing:-2px ; margin:20px auto 0; text-align:center;   }
.chk_yield_slider .slide_name .pro_name{font-size:1.3em;color:#f9450a;font-weight:600;display:block;  }
.chk_yield_slider .btn_admittance{padding:20px; background-color:#f9450a;color:#ffffff;font-size:1.8em;font-weight:400;line-height:28px;box-sizing:border-box;border-radius:5px;margin:0 20%;width:60% ;border: none}

.chk_yield_wrap .btn_prev,.chk_yield_wrap .btn_next{overflow:hidden;position:absolute;top:40%;width:30px;height:66px;margin-top:-77px;background:url(//img.x1.co.kr/x1/images/kakao2/slider_np.png);background-repeat:no-repeat;background-size:62px 66px;text-indent:-9999px;cursor: pointer;}
.chk_yield_wrap .btn_prev{left:0;background-position:0 0}
.chk_yield_wrap .btn_next{right:0;background-position:-32px 0}
.chk_yield_wrap .btn_exp{width:100%;height:80px;margin-top:20px;font-size:1.5em;font-weight:600;line-height:40px;box-sizing:border-box;border-radius:5px;background-color:#fdeb41;color:#4d3228;border: none} 
.chk_yield_wrap p {text-align:center; margin-top: 25px; font-size: 1.3em }

.table_info{padding:20px 15px 60px}
.table_info table{width:100%}
.table_info table thead{border-top:1px solid #000;border-bottom:1px solid #000}
.table_info table th{padding:15px 0 15px;color:#333;font-size:14px;font-weight:400; text-align:center; }
.table_info table td{padding:13px 0 12px;border-bottom:1px solid #e6e6e6;color:#666;font-size:14px;text-align:center}
.table_info table .up {color: #f9450a}
.table_info table .down {color: #143fdd}




/* page:개인정보취급방침 */
.layer_pop{display:none;position:fixed;top: 0;left: 0;z-index:500;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.privacy{background-color:#fff;max-width: 340px;height: 500px;overflow-y: scroll;margin: auto;left:50%; margin-left: -170px;top:20px;}
.privacy .title{background-color:#ebebeb;color:#422a23;font-size:16px;font-weight:600;text-align: left;line-height:50px;padding-left: 15px;}
.privacy .btn_pop_close{position:absolute;top:5px;right:5px;padding:11px 15px;background-color:#ffffff;border:1px solid #ccc;}
.privacy .btn_pop_close span{overflow:hidden;display:inline-block;width:16px;height:16px;background:url(//img.x1.co.kr/simple_stcok/landing_img/landing/m/btn_close.png);background-repeat:no-repeat;background-position:0 0;background-size:16px 16px;text-indent:-9999px;vertical-align:top}
.privacy .inr{padding:20px 15px}
.privacy .inr .tit{display:block;padding:13px 0 12px;border:1px solid #ccc;color:#333;font-size:14px;text-align:center;font-weight:600}
.privacy .inr .title2{padding-top:16px;font-size:14px;font-weight:400}
.privacy .inr .title3{padding-top:8px;color:#333;font-weight:400}
.privacy .inr p{color:#999}
.privacy .inr .title2 + p{padding-top:8px}
.dim {position:absolute;left:0;top:0;width:100%;height:5000px;z-index:498;background: url(//img.x1.co.kr/x1/images/common/bg_dim2.png) repeat 0 0;}
.dim2 {position:absolute;left:0;top:0;width:100%;height:5000px;z-index:0;background: url(//img.x1.co.kr/x1/images/common/bg_dim2.png) repeat 0 0;}


@media \0screen {
.privacy .btn_pop_close SPAN{background-position:-8px -8px;}
}

.main{max-width:768px; margin: 0 auto;position: relative;}

/* bx슬라이더 버튼 */
.ap_btn_next{border:none;outline:0;overflow:hidden;position:absolute;top:38%;width:30px;height:66px;background:url(//img.x1.co.kr/x1/images/kakao2/slider_np.png);background-repeat:no-repeat;background-size:62px 66px;cursor: pointer; background-position: -32px 0; right: 0; text-indent: -9999px; z-index: 2;}
.ap_btn_prev{border:none;outline:0;overflow:hidden;position:absolute;top:38%;width:30px;height:66px;background:url(//img.x1.co.kr/x1/images/kakao2/slider_np.png);background-repeat:no-repeat;background-size:62px 66px;cursor: pointer; background-position: 0 0; left: 0; text-indent: -9999px; z-index: 2;}


/* 메가랜딩 */
.section {background-color:#252525;width:100%;position:relative;margin-top: -5px}
.section div.wrap1000 {position:relative;}
.section div.wrap1000 div img {width: 80%}
.section div .sectit {text-align:center;padding:30px 0 40px;}
.section div.wrap1000 div a {width: 100%;display: block;text-align: center;}
.section div.wrap1000 div a img{width: 90%; padding: 0 5%}
.section .sectext {text-align:center;padding:30px 0 40px;}
img {vertical-align: middle; max-width: 100%;border: 0}

/* x1 main.css 수익인증 더보기 신규 18.04.23 */
.bestInvestMain_box	{position:relative; border:1px solid #cdcdcd;margin-top:18px;height:170px;background-color:#fff ;background:url(http://img.x1.co.kr/x1/images/landing4/cont03.png) 0 0 no-repeat;background-image: 100% 100%  }
.bestInvestMain {margin: 3rem 0 3rem; position: relative;}
.bestInvestMain p:hover img {margin-top: -24px;}
.bestInvestMain div.sample_bn_num{display: none;position:absolute; left:0px; bottom:15px; float:none; text-align: center;width:100%}
.bestInvestMain div.sample_bn_num a{cursor: default;margin: 0 3px;}
.bestInvestMain div.move_wrap{overflow:hidden ;position:relative;padding: 0 15px }
.bestInvestMain div.move_wrap ul li a {display:block;*zoom:1}
.bestInvestMain div.move_wrap ul li a:after{content:'';display:block;clear:both}
.bestInvestMain div ul{width: 100%;height: 176px;margin:0;padding:0;display: inline-block;}
.bestInvestMain div ul li{float:left;margin: 13px 0 0 0;cursor: pointer;width: 48%;height:156px;overflow:hidden;position:relative;}
.bestInvestMain div ul li:FIRST-CHILD{margin-right:4%;}
.bestInvestMain div ul li p		 {height:18px;color:#463959;font-weight:bold;font-size:15px;text-align:left;letter-spacing:-1px;margin-bottom:2px;}
.bestInvestMain div ul li p span {float:right;text-align:right;color:#807b88;font-size: 12px;letter-spacing:-0.5px;right: 0px;top:0px;}
.bestInvestMain div ul li div.income_image a {cursor: pointer;position: relative; height: 126px;border: solid 2px #f9450a;}
.bestInvestMain div ul li div.income_image a img {display: block; max-width: 99%; width: auto; max-height: 97%; position: absolute; border: solid 2px #E6E6E6;} 
.bestInvestMain div ul li a img {cursor: pointer;width:225px; height:126px; border: solid 2px #dc0082; overflow:hidden; display:block; } 


body{background:#e9f2ff;-webkit-text-size-adjust:none}

/* CSS Document */
.left_wrap {position:fixed; top:0; left:0; display:none; width:50%; height:100%; z-index:70;}
.left_wrap:before {content:'';display:block;width:100%;height:100%;min-height:969px;position:absolute;top: 0;right: -1px;background: #e9f2ff url(//img.x1.co.kr/megastock/landing3/pcview_gate_bg.png) no-repeat 100px 200px / auto 100%;z-index:-1;}
/* .left_wrap:before {content:'';display:block;width:100%;height:100%;min-height:969px;position:absolute;top:50%;right:1px;background:#e9f2ff url(//img.x1.co.kr/megastock/landing3/pcview_gate_bg.png) no-repeat right center / auto 100%;transform:translateY(-50%);z-index:-1;} */
.left_wrap > .inner {display:table-cell; padding-left:calc(100% - 320px); box-sizing:border-box; vertical-align:middle;}

.pcview_gate .text {margin:20px 0 0 10px; font-size:16px; line-height:1.5;color:#333333; letter-spacing: -1px}

/* 메인 번호수집 */
.pcview_gate .info_input{padding: 0px 5px 60px 5px;border: solid 3px #f74949;border-radius: 10px;background-color:#ffffff;margin: 50px 50px 0 0;position: relative;box-sizing: border-box;width: 270px;}
.pcview_gate .invest-recommend-select {padding: 5px;}
.pcview_gate .invest-recommend-select span {display:none; font-size: 1em; text-align: left; color: #333333;  }
:root .pcview_gate .invest-recommend-select span {display:block \9;}/*ie9핵*/
.pcview_gate .invest-recommend-select input {display:block;margin: 5px auto 10px auto;width: 100%;height:54px;line-height:54px;border:1px solid #b3b3b3;background-color:#ffffff;border-radius:0.3em;padding:0 0 0 0.5em;color:#333333;text-align: left;font-size: 16px;box-sizing: border-box;}
.pcview_gate .invest-recommend-select input[type=text]:focus,.invest-recommend-select input[type=number]:focus {border:1px solid #f74949; background-color: #ffffff;color: #333333;text-align: left;}
.pcview_gate .info_input .bottom_cont{/*margin-top:20px*/}
.pcview_gate .info_input .bottom_cont:after{content:'';display:block;clear:both}
.pcview_gate .info_input .bottom_cont .inr{float:left;line-height: 20px;}
.pcview_gate .info_input .bottom_cont .inr label{display:inline-block;margin: 5px 0 0 10px;color:#333;vertical-align:top;font-size: 13px;letter-spacing: -2px;}
.pcview_gate .info_input .bottom_cont .btn_pv{float:right;border:none;padding-bottom:2px;color:#333;font-size:14px;margin-top:30px;background: none;}
.pcview_gate .info_input .btn_exp{width:100%;height:50px;border:none;margin-top:30px;background-color:#f74949;color:#ffffff;font-size:20px;font-weight:400;line-height:40px;box-sizing:border-box;border-radius: 0 0 5px 5px;left: 0;bottom: 0;position: absolute;} 
.pcview_gate .info_input .ageGroup{display: flex; margin-bottom: 10px}
.pcview_gate .info_input .ageGroup .selOrNot{display: inline-block;cursor: pointer;line-height: 14px;padding-left: 0px;background: url(//img.x1.co.kr/megastock/landing3/chk_box_off.png) 6px 30px no-repeat;background-size: 22px;height: 55px;font-size: 0.8em;text-align: center;}
.pcview_gate .info_input .ageGroup #chk_ageGroup_p:checked + label{background-image: url(//img.x1.co.kr/megastock/landing3/chk_box_on.png); text-align: center;}
.pcview_gate .info_input .ageGroup .selAgeGroup{float: left; width: 77%; margin-left: 5px; padding:4px 0px 0px 15px; border: 1px solid #b3b3b3; border-radius: 0.3em}
.pcview_gate .info_input .ageGroup input[type=radio]{display:inline-block; width: 12px; height: 12px; font-size: 8px; cursor: pointer; margin-right: 5px; position: relative; top:2px;}
.pcview_gate .info_input .ageGroup .selAgeGroup label{font-size: 12px; margin-right:5px;}

/* form */
input[type=checkbox] { display:none; }
input[type=checkbox] + label {display: inline-block;cursor: pointer;line-height: 32px;padding-left: 30px;background: url(//img.x1.co.kr/megastock/landing3/chk_box_off.png) 0px 6px no-repeat;background-size: 22px;height: 32px;font-size: 0.8em;text-align: left;}
input[type=checkbox]:checked + label { background-image: url(//img.x1.co.kr/megastock/landing3/chk_box_on.png); text-align: left;}


/* 그룹사소개 롤링 */
/* .swiper-wrapper .item_box {float: left}
 */


@media only screen and (min-width:1070px){

	html,
	html.popon_noh,
	html.popon {overflow-y:scroll;}

	.left_wrap {display:table;}
	.right_wrap {position:relative; width:100%; max-width:420px; min-height:100vh; margin:0 0 0 calc(50% - 1px); background-color:#fff; border-width:0 1px; border-style:solid; border-color:#e1e1e1; overflow:hidden;}
	.m_pop {display:none; }/*모바일용에서만 노출*/
	.head_wrap{display:none; }/*모바일용에서만 노출*/
	.container {position:relative; height: 700px; background-color:#ffff; width:600px; box-sizing: border-box; margin: 0 auto; overflow-y:scroll; top:120px; padding:50px;}
	.container:after {content:""; display:block; clear:both;}
	
	/* header */
	.move_dom_bottom {max-width:420px; overflow:hidden;}
	.sub_title_area {max-width:420px; margin:0 0 0 50%; overflow:hidden;}
	.sub_title_area_wrap .sub_title_area,
	.right_wrap .sub_title_area {margin:auto;}

	/* main */
	/* .container {width:300%;} */
	.flick_section {width:420px; transform:translate3d(-100%, 0px, 0px); -webkit-transform:translate3d(-100%, 0px, 0px);}	
	.btn_top {right:calc(50% - 467px); overflow:hidden;}

	/* layer */
	.right_wrap .daumApiIframWrap,
	.right_wrap .popup_wrapper,
	.right_wrap .popup-wrapper,
	.background_layer1,
	.background_layer2,
	
	.right_wrap .alert_layer.alert_layer--fullWidth{max-width:420px; left:50%; overflow:hidden;z-index: 8001;}
	
	.popup_container {left:50% !important;}
	.alert_layer {max-width:calc(420px - 60px); left:calc(50% + 210px);z-index: 8001;}

	.wrapper{width:100%; }
	
	.flick_section{ width:100vw; float: left; box-sizing: border-box; transform:translate3d(-100vw, 0px, 0px); -webkit-transform:translate3d(-100vw, 0px, 0px); }
	footer{padding-bottom:0;}


}

/* Safari 6.1+ (non-iOS) 사파리 6.1 이상 웹브라우저 만 적용 - Safari 6.1+ (non-iOS) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    _:-webkit-full-screen, .left_wrap { left:20%}
    _:-webkit-full-screen, .right_wrap { margin-left:49%}
}
}

/* iPhone X 대응 */
/* body{padding-top:env(safe-area-inset-top); padding-top:constant(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); padding-bottom:constant(safe-area-inset-bottom);} */
/*
@supports (-ms-ime-align: auto) {
    body {zoom:1;}
} 
*/
<!-- 약관보기 popup -->
@media \0screen {
.privacy .btn_pop_close SPAN{background-position:-8px -8px;}
}

/* 필명변경 및 네이버 로그인 관련 css추가 start - 2019.03.13 오준영 */

.event_layer_pop_main{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;}
.event_layer_pop_main .dim2{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/mobile/images/common/bg_dim.png) repeat 0 0; }
.event_layer_pop_main .dim{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/mobile/images/common/bg_dim2.png) repeat 0 0; }
.event_layer_pop_main .btn_layerpop_close{display:block;position:absolute;right:7px;top:7px;width:40px;height:40px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}
.event_layer_pop_main2{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;}
.event_layer_pop_main2 .dim2{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/mobile/images/common/bg_dim.png) repeat 0 0; }
.event_layer_pop_main2 .btn_layerpop_close{display:block;position:absolute;right:7px;top:7px;width:40px;height:40px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}
.event_layer_pop_main2 .btn_layerpop_close2{display:block;position:absolute;right:7px;top:7px;width:40px;height:39px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}

/* 팝업 */
.new_pop_wrap1 {position: absolute;top:10px;margin: 0 5%; width:90%;}
.notice_pop_id h1{padding:10px;background: #dc0082;font-size:18px;font-weight:bold;color:#fff;margin:0px;}
.new_pop_wrap2 {position: absolute;top:10px;margin: 0 5%; width:90%;}
.notice_pop_login h1{padding:10px;background: #dc0082;font-size:18px;font-weight:bold;color:#fff;}

/* 신규 아이디 등록 안내 팝업 */
.notice_pop_id{ border: 7px solid #e1e1e1;}
.notice_pop_id .npw_content{padding:15px; background-color: #fff;}
.notice_pop_id h2{font-size:22px;color:#463f53;text-align:center;}
.notice_pop_id p{text-align:center;}
.notice_pop_id p strong{color:#dc0082;}
.notice_pop_id .npi_p{padding-top:15px;font-size:18px;font-weight:bold;color:#463f53;line-height:22px;}
.notice_pop_id .npi_p2{padding-top:30px;font-size:14px;font-weight:bold;color:#463f53;line-height:22px;}
.notice_pop_id .npi_p3{font-size:14px;font-weight:bold;color:#a3a0a8;line-height:22px;}
.notice_pop_id .npi_new_login{margin-top:15px;padding:15px 0;border:1px solid #e1e1e1;background: #f5f4f3;text-align:center;}
.npi_form label{margin-right:5px;font-size:14px;font-weight:bold;color:#6a676d;vertical-align: middle;}
.npi_form input{width:30%;height:29px;padding:0 10px;margin-right:3px;border:1px solid #dbdbdb;vertical-align: middle;}
.npi_form a{margin-right:5px;vertical-align: middle;}
.npi_form span{font-size:12px;color:#a3a0a8;vertical-align: middle;}
.npi_new_login .npi_form_p{padding-top:15px;margin-bottom:30px;font-size:15px;font-weight:bold;color:#463f53;}

/* 로그인 안내 팝업 */
.notice_pop_login{border: 7px solid #e1e1e1;}
.notice_pop_login .npl_content{padding:15px 0;text-align:center; background-color: #fff;}
.notice_pop_login .npw_point{color:#dc0082;}
.notice_pop_login .npw_point_blue{color:#00008c;}
.notice_pop_login .npl_p{font-size:18px;font-weight:bold;color:#463f53;line-height:22px;}
.notice_pop_login .npl_p2{margin:15px 0;font-size:15px;font-weight:bold;color:#a3a0a8;line-height:22px;}
.join_layer_pop{position:fixed;left:50%;top:50%;margin-left:-160px;margin-top:-25%;background: #fff;z-index:10;}

.npi_new_login .phone {height: 29px; padding: 0 10px; margin-right: 3px; border: 1px solid #dbdbdb;vertical-align: middle;}
.npi_new_login .agree{margin-bottom: 20px; }
.npi_new_login .agree input {vertical-align:top;}
.npi_new_login .agree span{color:#244392;vertical-align:middle;}
.npi_new_login .agree span.line {color:#9c9c9c; padding: 0 10px }
.npi_new_login .agree span a {cursor:pointer; text-decoration: none; }

.order_table{padding:5px 10px;}
.order_table.bdb6{border-bottom: 6px solid #ebebeb;}
.order_table.bdb1{border-bottom: 1px solid #aaa;}
.order_table table{width:100%;}
.order_table table tr{border-bottom: 1px solid #ddd;}
.order_table table th{width:100px;text-align: left;color: #898989;font-size: 14px;vertical-align: middle;padding: 10px 0;}/*@@@ 2015-02-26 수정*/
.order_table table td{text-align: left;font-size: 14px;padding: 10px 0;}
.order_table table tr:last-child{border: none;}
.order_table table tr.bdbn{border-bottom: none;}
.order_table table tr.bdbn th , .order_table table tr.bdbn td{padding-bottom: 0 !important;}
.order_table table td .empt{color: #898989 !important;}
.order_table table td .empt2{color: #aaaaaa !important;}
.order_table table td.tv_receive_zone p{float:left;width:50%;}
.order_table table td.tv_receive_zone p:last-child{padding-top:10px;}
.order_table table th input,.order_table table td input{vertical-align: middle;}
.order_table table tr.bd1{border-bottom: 1px solid #ddd;}
.order_table table tr.bd2{border-bottom: 2px solid #ddd;}
.order_table table tr.bdb3{border-bottom: 2px solid #ddd;}
.order_table table tr.bdt3{border-top: 2px solid #ddd;}
.order_table table tr.bdt1{border-top: 1px solid #ddd;}
.order_table table tr.first th{vertical-align: top;padding: 15px 0 10px;}
.order_table table td select{vertical-align: middle;}
.order_table table td .mt5{margin-top: 5px;}
.order_table select{overflow: hidden;position: relative;width: 100%;-webkit-appearance: none;height: 30px;padding-right: 12px;border: 1px solid #cecece;border-radius: 4px;-webkit-border-radius: 4px;color: #333;font-size: 12px;background: #f9f9f9 url(http://image.hnsmall.com/images/mobile2014/common/select_pic2.png) no-repeat center right;background-size: 22px auto;-webkit-background-size: 22px auto; vertical-align: middle;}/*@@@ 2015-04-09 수정*/
.order_table input[type="text"],.order_table input[type='date'],.order_table input[type="password"],.order_table input[type='tel'],.order_table input[type='email']{border:1px solid #cecece;border-radius:4px;color:#333;font-size:12px;height: 28px;background: #f9f9f9;text-indent: 10px}
.order_table input[type='date']{background:#f9f9f9 url(http://image.hnsmall.com/images/mobile2014/common/select_pic.png) no-repeat center right;background-size:30px auto;-webkit-background-size:30px auto;}
.order_table .del_sel{position: relative;}
.order_table .del_sel p{position: absolute;right: 0;top: 0;}
.order_table .del_sel.pr125{padding-right: 115px;}
.order_table .del_sel.pr127{padding-right: 127px;}
.order_table .del_sel.pr150{padding-right: 165px;}
.order_table .del_sel.pr80{padding-right: 80px;}
.order_table .del_sel.pr100{padding-right: 145px;}
.order_table .del_sel input{width: 100%}
.order_table .del_sel .time_down{padding-right: 3px;color: #e51937;}

.order_table .del_sel{position: relative;}
.order_table .del_sel p{position: absolute;right: 0;top: 0;}
.order_table .del_sel.pr125{padding-right: 115px;}
.order_table .del_sel.pr127{padding-right: 127px;}
.order_table .del_sel.pr150{padding-right: 165px;}
.order_table .del_sel.pr80{padding-right: 80px;}
.order_table .del_sel.pr75{padding-right: 75px;}
.order_table .del_sel.pr100{padding-right: 145px;}
.order_table .del_sel input{width: 100%}
.order_table .del_sel .time_down{padding-right: 3px;color: #e51937;}
.order_table .point_input{position: relative;}
.order_table .point_input p{position: absolute;right: 0;top: 0;}
.order_table .point_input .input{padding-right: 15px;position: relative;}
.order_table .point_input .input div{border:1px solid #cecece;border-radius:4px;-webkit-border-radius:4px;color:#333;font-size:12px;height: 28px;background: #f9f9f9;line-height: 28px;padding-right: 10px;}
.order_table .point_input .input div input{border: none; width: 100%;text-align: right;height: 25px}/*@@@ 2015-02-25 height 수정*/
.order_table .point_input .input span{position: absolute;right: 0;top: 6px;}
.order_table .point_input.pr75{padding-right: 60px;}
.order_table .total_point{font-size: 12px;padding: 5px 0 0 0;color: #565656;text-align: right;}
.order_table .total_point.pr75{padding-right: 78px;}
.order_table .total_point span{color: #232323;}
.order_table .ar{text-align: right !important;}
.order_table .al{text-align: left !important;}
.order_table .ac{text-align: center !important;}
.order_table .c_blue{color: #12a5cb !important;}
.order_table.pt0{padding-top: 0 !important;}
.order_table .pt0{padding-top: 0 !important;}
.order_table .pt5{padding-top: 5px !important;}
.order_table .mt5{margin-top: 5px !important;}
.order_table.vam th , .order_table.vam td{vertical-align: middle !important;}
.order_table.vam2 th{vertical-align: top !important;padding-top: 17px;}
.order_table.vam2 td{vertical-align: middle !important;}
.order_table .vat{vertical-align: top !important;}
.order_table th.vam3{padding-top: 12px;}
.order_table .tax{border: 1px solid #cdcdcd;border-radius: 3px;padding: 15px 10px 10px;}
.order_table .tax p{margin-bottom: 10px;}
.order_table .tax select{margin-bottom: 5px;}
.order_table .tax input[type="radio"]:last-child{margin-left: 10px;}
.order_table .tax input[type="tel"]{width: 100%;margin-bottom: 5px;}
.order_table .tax .sale_info{padding-bottom: 0;margin-bottom: 0;}
.order_table .join_arm{font-size: 12px;color: #e51937;display: block;padding-top: 3px;}

.phone_write_wrap{position:relative;}
.phone_write_wrap:after{content:"";display:block;clear:both;}
.phone_write_wrap select{float:left;box-sizing:border-box;width:30%;margin-right:5%;}
.phone_write_wrap input[type="text"]{float:left;box-sizing:border-box;width:30%;height:30px;}
.phone_write_wrap .pww_input{margin-right:5%;}
.phone_write_wrap span{position:absolute;display:inline-block;width:5%;height:30px;vertical-align: middle;line-height:28px;text-align:center;}
.phone_write_wrap select ~ span{left:30%;}
.phone_write_wrap input[type="text"] ~ span{left:65%;}
.phone_write_wrap~p{padding-top:5px;}
.phone_write_wrap~p a{box-sizing:border-box;width:100%;padding:0;}

/* 공통 영역 - btn color */
.btn_white{background: #fff !important;color: #565656 !important;text-align: center;border: 1px solid #ccc;}

/* 공통 영역 - btn space */
.btn_ib8{display: inline-block;padding:0 8px;border-radius: 2px;}

/* 공통 영역 - btn size */
.btn_h30{height: 28px; line-height: 28px;font-size: 12px}