@charset "utf-8";
/*
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0; padding:0; -webkit-text-size-adjust:none }
body,input,textarea,select,table,button { font-family:gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif  }
body { position:relative; font-size:62.5%; background: #f4f4f4; word-wrap:break-word; word-break:break-all; -webkit-tap-highlight-color:rgba(0,0,0,0); margin: 0; }
img,fieldset { border:0 }
img,input,select,textarea { vertical-align:top; outline:0; }
ul,ol { list-style:none }
a { color:#000; text-decoration:none; cursor:pointer; outline:0; }
em, address { font-style:normal }
hr { display:none !important }
legend { display:none }
*/
.cl { clear:both }
.fl { float: left!important; }
.fr { float: right!important; }
/*
.ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; }
.mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; }
.pb10 { padding-bottom:10px;} .pb15 { padding-bottom:15px; }
 */
.hdiv { display: inline-block; }

/*硫€?곗뒪?щ┛???꾪븳 怨듯넻?붿냼*/
a { display: block; }

/*?꾩튂愿€??怨듯넻?붿냼*/
.p_right01 { float: right; position: absolute; right: 0px; top: 0px; }

/*tab*/
.tab_style_01 { height: 50px; }
.tab_style_01 ul li { float:left; width: 50%; height: 50px; line-height: 50px; text-align: center; background: url(/images/board/tab_bg_nor.gif) repeat-x; letter-spacing: -0.1em; font-size: 18px; font-weight: normal; text-shadow: 0px 1px 1px #fff; font-family: gothic,'怨좊뵓','Malgun Gothic','留묒? 怨좊뵓',dotum,'?뗭?',sans-serif; }
.tab_style_01 ul li a { display: block; height: 50px; color: #898c91; }
.tab_style_01 ul li.selected { background: url(/images/board/tab_bg_sel.gif) repeat-x; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #000;  }
.tab_style_01 ul li.selected a { color: #fff; }
.tab_style_01 ul li img { margin-top: 15px; }


/*濡쒓렇??/
.login { background: #f7f7f5; padding: 20px 0; }
.login img { vertical-align: middle; }
.login .textbox { padding: 0px 15px; }
.btn_function .mb15 { margin-bottom: 15px; }
.btn_function .mr10 { margin-right: 10px; }
.txt_addition { padding: 15px 10px 0 10px; }
.txt_addition p { font-family: gulime,'援대┝'; font-size: 12px; line-height: 20px; color: #333; text-align: center; }
.txt_addition p span { font-weight: bold; margin: 0px; padding: 0px; }
.txt_addition p span.txt_red { color: #e8503c; }

.line { width: 100%; height: 2px; background: #fff; border-top: 1px solid #ccc; }


/*?ㅻ줈媛€湲?踰꾪듉*/
.btn_back { margin: 20px 0px 20px 2%; width: 59px; height: 59px; background: url(/images/basic/btn_back.png) no-repeat; cursor: pointer; }


/*?뚯썝媛€???쎄??숈쓽*/
.join_step01 { }
.join_step01 ul li { padding: 10px 0; }
.join_step01 ul li span a {display:inline-block; color:#003c73; text-decoration:underline;}
.join_step01 ul li .step01_field { font-family: gulim,'援대┝'; font-size: 14px; font-weight: bold; line-height: 25px; color: #777; margin: 0 0 0 15px; }
.join_step01 ul li .step01_value { 
	width: 84%; height: 110px; background: #fff; border: 1px solid #d6d6d6; border-radius: 6px; padding: 10px; margin: 0 15px; 
	font-family: gulim,'援대┝'; font-size: 12px; line-height: 18px; color: #606060; overflow-x: hidden; overflow-y: scroll;
	}
.join_step01 ul li.checkbox { height: 20px; font-family: gulim,'援대┝'; font-size: 12px; line-height: 20px; font-weight: bold; color: #777; padding: 0 0 0 15px;  margin: 10px 0 15px 0; } 

.join_step01 ul li.checkbox input[type=checkbox] {
  font-size: 20px; 
  position: relative;
  border: 1px solid #262626;
  display: inline-block;
  line-height: 1em;
  margin: -3px 3px 0 0;
  padding: 0;
  width: 1em;
  height: 1em;
  vertical-align: text-top;
  background: -webkit-linear-gradient(
    top, rgba(255,255,255,0.4), rgba(255,255,255,0.1)
  );
  -webkit-appearance: none;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.1),
                      inset 0 0 1px rgba(255,255,255, 0.4);
  -webkit-border-radius: 3px;
}

.join_step01 ul li.checkbox input[type=checkbox]:active {
  background: -webkit-linear-gradient(
    top, rgba(255,255,255,0.05), rgba(255,255,255,0.2)
  );
}

.join_step01 ul li.checkbox input[type=checkbox]:checked::after {
  position: absolute; 
  content: '';
  left: 10%;
  height: 40%;
  width: 90%;
  border-bottom: 4px solid #e03a31;
  border-left: 4px solid #e03a31;
  -webkit-box-shadow: -1px 1px 0 rgba(0,0,0,0.8);
  -webkit-transform: rotate(-45deg);
}
 
/*?뺣낫?섏젙*/
.txt_addition ol li {font-family:Gulim; font-size:12px; color:#777; line-height:17px; padding:3px 0!important; border:none!important;}
.txt_addition ol li b {position:absolute; left:-4px;}



/*寃곗젣諛⑸쾿*/
.payinfo { padding: 20px 15px;}
.payinfo ul li { font-size: 14px; line-height:20px; position: relative; padding-bottom: 15px;}
.payinfo ul li .no { position: absolute; top: 0px; left: 0px; display:inline-block;}
.payinfo ul li .no img { width: 19px; height: 19px; }
.payinfo ul li .txt { display:inline-block; padding-left:23px; margin-top:-1px; text-shadow: 0px 1px 1px #ffffff; word-wrap: break-all; }
.payinfo ul li.chart{ margin-top:-5px; padding-bottom:30px; border-top: 2px solid #1c3363;}
.payinfo ul li.chart table{width:100%}
.payinfo ul li.chart th{ height: 30px; background: #ededed; text-align: center; font-size:12px; color:#777; text-shadow: 0px 1px 1px #ffffff; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.payinfo ul li.chart th.line02 {border-right: 0px;}
.payinfo ul li.chart td{ height: 30px; background: #fff; text-shadow: 0px 1px 1px #ffffff; text-align: center; font-size:12px; color:#808080; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.payinfo ul li.chart td.line02 {border-right: 0px; font-weight: bold; color: #e9240f;}
.payinfo ul li.chart td.txt03 { color:#000;}
.payinfo .txt02 { color:#ab736d; }


/*?댁슜?덈궡*/
.info_guide { padding: 10px 10px;}
.info_guide .title { background: url(/images/stockpoint/info_img.png) no-repeat right; height: 74px; padding-top: 20px; }
.info_guide .title .p { width: 194px; height: 54px; background: url(/images/stockpoint/info_txt.png) no-repeat; } 
.info_guide .title02 { margin-top: 40px; background: url(/images/stockpoint/guide_feature_bg.gif) repeat-x; font-weight:bold; font-size: 14px; letter-spacing:-0.1em; color:#fff; height:32px; text-align: left; }
.info_guide .PB {padding-bottom: 3px; padding-left: 5px; }
.info_guide .dispaly { display:inline-block; vertical-align:middle;}
.info_guide .dispaly img.num { width: 42px; height: 32px; }
.info_guide .right { display:inline-block; vertical-align:middle; float: right; }
.info_guide .right img { width: 16px; height: 32px; } 
.info_guide .bullet_txt { font-size: 16px; color: #503a38; font-weight: bold; display:inline-block; padding-bottom:7px; line-height: 20px; vertical-align: top; }
.info_guide .bullet { display:inline-block; padding-bottom:7px; line-height: 20px; vertical-align: top; margin-top: 5px; }
.info_guide .bullet img { width: 10px; height: 10px; }
.info_guide .img { padding-top:15px; text-align: center; }
.info_guide .g_img01 { margin: 0 auto; margin-top: 15px; width: 294px; height: 333px; background: url(/images/stockpoint/guide_img01.gif) no-repeat; }
.info_guide .g_img02 { margin: 0 auto; margin-top: 15px; width: 300px; height: 244px; background: url(/images/stockpoint/guide_img02.gif) no-repeat; }
.info_guide .g_img03 { margin: 10px 0px 10px 8px; width: 174px; height: 30px; background: url(/images/stockpoint/guide_img03.gif) no-repeat; }
.info_guide .txt05 { color:#e91010; font-size: 14px; margin-bottom:3px; }

.info_guide .feature {position: relative;}
.info_guide .feature .img_top { z-index:0; position: absolute;}
.info_guide .feature .img_top img { width: 37px; height: 37px; }
.info_guide .feature .img_bottom { z-index:2; position: relative; margin-bottom:-38px; top:-37px; text-align:right; } 
.info_guide .feature .img_bottom img { width: 37px; height: 37px; }
.info_guide .feature .story { z-index:1; padding:1px; font-size: 14px; line-height: 18px; letter-spacing: -0.1em; }
.info_guide .feature .story .box {border:4px solid #7b6967; }
.info_guide .feature .story .box .table_line { margin:7px; padding:8px; border:1px solid #e6e6e6; box-shadow: 0px 1px 1px 0px #ffffff; }
.info_guide .feature .story .box .table_line ul li { padding: 5px 0px; }
.info_guide .feature .story .box .table_line .no { width: 40px; color: #e91010; font-weight: bold; display:inline-block; vertical-align: top; padding-top: 0px; }
.info_guide .feature .story .box .table_line .txt{ width: 79%; display: inline-block; color:#808080; background: url(/images/stockpoint/guide_arrow.gif) no-repeat; padding-left:10px; padding-top: 0px; }
.info_guide .feature .story .box .table_line .txt07 { color:#808080; background: url(/images/analyst/analyst_request_dot.gif) no-repeat; padding-left:10px;}
.info_guide .feature .story .box .table_line p {padding-top: 15px;}
.info_guide .feature .story .box .table_line .txt08 {font-size: 12px; color: #ac9a98; letter-spacing:-1px;}

.info_guide .info_view { padding-top: 15px; text-align: left; font-size: 14px; color: #333; text-shadow: 0px 1px 1px #ffffff;}
.info_guide .info_view ul li { font-size: 14px; line-height: 18px; position: relative; padding-bottom: 8px;}
.info_guide .info_view ul li .no { position: absolute; top: 0px; left: 0px; display:inline-block;}
.info_guide .info_view ul li .no img { width: 18px; height: 18px; }
.info_guide .info_view ul li .txt { display:inline-block; padding-left:23px; margin-top: 0px;}
.info_guide .info_view .txt04 { color: #7b6967; font-weight: bold;}
.info_guide .info_view table {width:100%; margin-top: 10px; border-collapse: collapse; }
.info_guide .info_view td {background: #fff; border:1px solid #d6d6d6;}
.info_guide .info_view td.img02 { text-align: center; width:75px; padding: 10px 0;}
.info_guide .info_view td.ic_flag img { width: 46px; height: 60px; }
.info_guide .info_view td.ic_updown img { width: 67px; height: 46px; }
.info_guide .info_view td.ic_stats img { width: 63px; height: 17px; }
.info_guide .info_view td.txt { padding: 10px 10px; color:#666;}
.info_guide .info_view td .txt06 {color: #ab736d }


/*硫섑넗?좎껌*/
.analyst_request { font-size: 15px; line-height: 20px; color: #808080; padding: 20px 10px 0 10px;}
.analyst_request .P { width: 237px; height: 28px; background: url(/images/analyst/analyst_request_txt01.gif) no-repeat; margin-bottom: 15px; } 
.analyst_request .txt01{ color:#e6312e;}
.analyst_request .img01 { background: url(/images/analyst/analyst_request_img01.gif) no-repeat  right; min-height:100px; padding-right:110px; }
.rule {padding-top: 30px; font-size:14px; color:#808080; padding-bottom: 50px; }
.rule .title{ padding: 20px 10px; vertical-align: middle; }
.rule .title .bullet { display:inline-block; height:21px; padding-top: 3px; vertical-align: top;}
.rule .title .bullet img { width: 13px; height: 14px; }
.rule .title .txt {font-size:16px; color:#e6312e; display:inline-block; vertical-align: top; font-weight: bold; vertical-align: top;} 
.info_guide .img_process { width: 300px; height: 122px; margin: 0 auto; margin-top: 10px; background: url(/images/analyst/analyst_request_img02.gif) no-repeat; } 

/* ?뚮┝臾멸뎄 */
.txt_notice { width: 100%; height: 100%; text-align: center; padding: 90px 0px; border-top: 1px solid #fff; font-family: gulim,'援대┝'; font-size: 16px; text-shadow: 0px 1px 1px #fff; color: #999; line-height: 22px;  }
.txt_notice .txt { margin-top: 10px; }
.txt_notice .ic { width: 60px; height: 60px; }


/*APP?ㅽ뵂?대깽??_?꾩씠???ㅽ뵂???덈궡?섏씠吏€ */
#info_page { background:#f7f7f5; word-wrap:break-word; letter-spacing:-0.05em;  }
#info_page .top { 
	position:relative; z-index:9999; width:100%; height:34px; padding-top:6px; background:url(/images/etc/eventinfo_top_bg.gif) repeat-x; border-bottom:1px solid #fff;
	-moz-box-shadow: 0px 3px 3px rgba(200,200,200, .5);  -webkit-box-shadow: 0px 3px 3px rgba(200,200,200, .5);  box-shadow: 0px 3px 3px rgba(200,200,200, .5);
 }
#info_page .top .logo { width:110px; height:23px; background:url(/images/etc/eventinfo_logo_stockpoint.png) no-repeat; background-size: 110px 23px; margin:0 auto; }
#info_page .notice { 
	position:relative; z-index:9998; padding: 12px 10px; font-size:13px; color:#383838; background:url(/images/etc/eventinfo_bg_notice.gif); text-align:center; border-top:1px solid #d2d7dc; border-bottom:1px solid #d2d7dc;
	-moz-box-shadow: inset 0px -2px 3px rgba(200,200,200, .4);  -webkit-box-shadow: inset 0px -2px 3px rgba(200,200,200, .4);  box-shadow: inset 0px -2px 3px rgba(200,200,200, .4);
}
#info_page .notice .ic { width:15px; height:15px; margin:0 auto; padding-bottom:3px; background:url(/images/etc/eventinfo_ic_notice.png) repeat-x; background-size: 15px 15px;  }
#info_page .notice .color { color:#e9240f; }
#info_page .sec01 { margin:0px 12px; margin-top:30px; font-size:12px; letter-spacing:-0.1em; line-height:17px; color:#333; background:url(/images/etc/eventinfo_visual_sec01.gif) no-repeat top right; background-size: 105px 116px; }
#info_page .sec01 .ttl { width:143px; height:53px; margin-bottom:17px; background:url(/images/etc/eventinfo_txt_tl01.gif) no-repeat; background-size: 143px 53px; } 
#info_page .sec02 { margin:0px 12px; margin-top:30px; }
#info_page .sec02 .ttl { width:138px; height:16px; margin-bottom:7px; background:url(/images/etc/eventinfo_txt_tl02.gif) no-repeat; background-size: 138px 16px; }
#info_page .sec02 .img_top { z-index:2; position: absolute;}
#info_page .sec02 .img_top img { width: 37px; height: 37px; }
#info_page .sec02 .img_bottom { z-index:2; position: relative; margin-bottom:-38px; top:-37px; text-align:right; } 
#info_page .sec02 .img_bottom img { width: 37px; height: 37px; }
#info_page .story .box { border:4px solid #7b6967; }
#info_page .story .box .table_line { margin:7px; padding:8px; border:1px solid #e6e6e6; box-shadow: 0px 1px 1px 0px #ffffff; }
#info_page .story .box .table_line ul li { padding: 5px 0px; }
#info_page .story .box .table_line .no { width: 38px; font-size:12px; color: #e91010; font-weight: bold; display:inline-block; vertical-align: top; padding-top: 0px; }
#info_page .story .box .table_line .txt{ width: 76%; font-size:12px; color:#333; display: inline-block; background: url(/images/etc/eventinfo_ic_arrow.gif) no-repeat 0px 3px; background-size: 6px 10px; padding-left:15px; padding-top: 0px; }
#info_page .story .box .table_line p {padding-top: 15px;}
#info_page .sec03 { position:relative; }
#info_page .sec03 .ribbon { position:absolute; top:-4px; left:8px; width:91px; height:90px; margin-bottom:7px; background:url(/images/etc/eventinfo_ribbon1.png) no-repeat; background-size: 91px 90px; z-index:999; }
#info_page .sec03 .con1 { position:relative; width:270px; height:118px; margin:0 auto; margin-top:10px; background:url(/images/etc/eventinfo_sec03_01.png) no-repeat; background-size: 270px 118px; z-index:998; }
#info_page .sec03 .con2 { position:relative; width:270px; height:168px; margin:0 auto; margin-top:18px; background:url(/images/etc/eventinfo_sec03_02.png) no-repeat; background-size: 270px 168px;}
#info_page .sec03 .con3 { position:relative; width:270px; height:84px; margin:0 auto; margin-top:23px; background:url(/images/etc/eventinfo_sec03_03.png) no-repeat; background-size: 270px 84px; }
#info_page .sec03 .con3 a { position:absolute; top:55px; left:115px; letter-spacing:-0.05em; font-size:12px; text-decoration:underline; color:#333; }
#info_page .sec03 .wrap { 
	text-align:center; font-size:14px; font-weight:bold; color:#333;
	padding: 20px 0px 30px 0px;
	margin:0 12px; margin-top:34px; margin-bottom: 20px; background:#f9e81e;
	-webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
	-moz-box-shadow: 0px 0px 8px #333;  -webkit-box-shadow: 0px 0px 8px #333;  box-shadow: 0px 0px 8px #333;
 }
 /*
#info_page .sec03 .ttl { 
	padding:0px 10px; font-size:24px; line-height:30px; color:#ca2322; letter-spacing:-0.05em;
	-moz-text-shadow:0px 1px 0px #ffffff; -webkit-text-shadow:0px 1px 0px #ffffff; text-shadow:0px 1px 0px #ffffff; 
}
#info_page .sec03 .sttl { font-size:25px; color:#333; font-weight:normal; letter-spacing:-0.1em; margin-top:2px; }
#info_page .sec03 .txt01 { font-weight:bold; padding:12px 0px 20px 0px; }
#info_page .sec03 .txt01 .color { color:#d23231; }
#info_page .sec03 .gift { position:relative; z-index:999; width:260px; height:72px; margin:0 auto; margin-bottom:-30px; background:url(/images/etc/eventinfo_visual_sec03.gif) no-repeat; background-size: 260px 72px; }
#info_page .sec03 .txt02 { position:relative; z-index:998; font-weight:bold; line-height:22px; }
#info_page .sec03 .txt02.whitebox { margin:0 16px; padding-top:40px; }
#info_page .sec03 .txt02 p { display:inline-block; margin:0 auto; text-align:left; }
#info_page .sec03 .txt02 .color { color:#666666; padding-right:15px; font-size:12px; }
#info_page .sec03 .txt03 { position:relative; margin:0 16px; margin-top:28px; min-height:93px; font-size:12px; letter-spacing:-0.1em; }
#info_page .sec03 .txt03 .visual { position:absolute; top:0px; width:90px; height:69px; background:url(/images/etc/eventinfo_visual2_sec03.gif) no-repeat; background-size: 90px 69px; }
#info_page .sec03 .txt03 .txt { float:right; text-align:left;} 
#info_page .sec03 .txt03 a { margin-top:3px; letter-spacing:-0.05em; text-decoration:underline; color:#333; }
#info_page .sec03 .txt03 .color { color:#ca2322; }
#info_page .sec03 .txt03 .txtimg { width:170px; height:48px; background:url(/images/etc/eventinfo_txt03_sec03.png) no-repeat; background-size: 170px 48px; }
#info_page .sec03 .whitebox { 
	text-align:center; padding:15px;
	background:#fff; border:3px solid #e3c01c;
	-webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
}   */







/*********** 紐⑤컮???댁긽??240dpi ?댁긽 ************/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (min-width: 480px) {

.btn_back { background: url(/images/basic/btn_back.png) no-repeat; background-size: 59px 59px; }

.info_guide .title { background: url(/images/stockpoint/info_img.png) no-repeat right; background-size: 87px 83px; }
.info_guide .title .p { background: url(/images/stockpoint/info_txt.png) no-repeat; background-size: 194px 54px; } 

.info_guide .g_img01 { background: url(/images/stockpoint/guide_img01.gif) no-repeat; background-size: 294px 333px; }
.info_guide .g_img02 { background: url(/images/stockpoint/guide_img02.gif) no-repeat; background-size: 300px 244px; }
.info_guide .g_img03 { background: url(/images/stockpoint/guide_img03.gif) no-repeat; background-size: 174px 30px; }

.analyst_request .P { background: url(/images/analyst/analyst_request_txt01.gif) no-repeat; background-size: 237px 28px; } 
.analyst_request .img01 { background: url(/images/analyst/analyst_request_img01.gif) no-repeat right; background-size: 90px 92px; }

.info_guide .img_process { background: url(/images/analyst/analyst_request_img02.gif) no-repeat; background-size: 300px 122px;  } 

}


/*??/
.tab_common_menu {height:45px; overflow:hidden; margin:7px 10px 10px 10px; font-family:NanumGothic;}
.tab_common_menu li { float:left; height:38px; background:#fff; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; text-align:center; line-height:40px; vertical-align:middle; font-size:80%; color:#333; cursor: pointer; }
.tab_common_menu li.column2 { width:49.7%; }
.tab_common_menu li:first-child {border-left:1px solid #ccc;}
.tab_common_menu li.on {height:45px; border:0; background:none;} 
.tab_common_menu li.on .arrow_box {display:block; text-align:center; line-height:40px; vertical-align:middle; color:#fff; position: relative; background: #787e8d;}
.tab_common_menu li.on .arrow_box:after {top:100%; left: 50%;	border: solid transparent; content: " "; height: 0;	width: 0; position: absolute; pointer-events:none; border-top-color: #787e8d; border-width: 5px; margin-left: -5px;}
.tab_common_menu li.on:first-child {margin-left:0px;}
.tab_common_menu li span .ai {display:inline-block; padding:3px 5px 2px 5px; margin:-4px 0 0 0px; border-radius:3px; background:#00c6bf; color:#fff; font-size:11px; font-family:NanumGothic; line-height:12px; vertical-align:middle; text-align:center; letter-spacing:1px;}