@charset "utf-8";
/* CSS Document */
/*
------------------------------------------------------
삼성증권 공지사항 홈페이지용 CSS 파일 버전 'v14'

작성자 : 고진우
------------------------------------------------------
*/


/* Layout */
body, div, table, img, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend {border: 0; margin: 0; padding: 0; list-style-type: none; -webkit-print-color-adjust: exact; -webkit-min-device-pixel-ratio: 0}
.new_tmp {width: 750px; margin-top: 10px; font-family: "맑은 고딕", "Malgun Gothic", 'Dotum', "돋움", 'Arial', 'Helvetica', sans-serif; /*background-color: #fff;*/}

/* HEADER */
.hd_style02 {background:url('https://www.samsungpop.com/mobile/invest/poptv.do?cmd=fileDown&FileNm=samsungpop_ci(132x20).png') no-repeat right 0px; width: 750px; height: 30px; margin: 20px 0 0 0; position: relative}
.hd_style02 p.hdblock {padding: 0; margin: 0; position: absolute; top: 7px; left: 0; width: 660px; background-color: #003cdb; height: 4px;}
.header {width: 750px; padding: 0; margin-top: 40px; margin-bottom: 50px; height: auto; text-align: left}
.header h1 {position: relative; font-size: 36px; font-weight: bold; letter-spacing: -2px; word-spacing: -3px; line-height: 1.3; color: #333}
.header h2 {position: relative; font-size: 28px; font-weight: bold; letter-spacing: -2px; word-spacing: -3px; line-height: 1.3; color: #333}
.header p.ho {font-weight: normal; font-size: 16px; letter-spacing: -1px; display: inline-block; padding-bottom: 10px}

/* contents */
.contents {padding: 0; margin: 0 auto; text-align: left;}
.contents h2 {color: #444; font-size: 18px; line-height: 1.6; font-weight: normal; letter-spacing: -1px; text-align: left}
.contents h3 {color: #444; font-size: 17px; line-height: 1.5; font-weight: bold; text-align: left; letter-spacing: -1px}
.contents p.arw {font-size: 15px; font-weight: bold; letter-spacing: -1px; color: #444; margin: 15px 0 15px 25px;}
.contents p.arw::before {content: '→ '; margin-right: 7px; margin-left: -24px; position: relative; bottom: 2px; font-weight: normal}

/* middle Title */
.titmdl {font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #444; background: url('https://www.samsungpop.com/mobile/invest/poptv.do?cmd=fileDown&FileNm=0423_icon_bar.jpg') no-repeat 0 0.444em; padding-left: 10px; margin: 0 0 10px 0; line-height:1.5}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.titmdl {font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #444; background: url('https://www.samsungpop.com/mobile/invest/poptv.do?cmd=fileDown&FileNm=0423_icon_bar.jpg') no-repeat 0 6px; padding-left: 10px; margin: 0 0 10px 0; line-height:1.5}
}

.mdltit {font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #444; margin-bottom: 10px; margin-left: 12px; line-height: 1.5}
.mdltit::before {content: ''; width: 3px; height: 16px; margin-right: 7px; position: relative; bottom: 1px; margin-left: -10px; vertical-align: middle; display: inline-block; background: #0096e2;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.mdltit {font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #444; margin-bottom: 10px; margin-left: 12px; line-height: 1.5}
.mdltit::before {content: ''; width: 3px; height: 16px; margin-right: 7px; position: relative; bottom: 1px; margin-left: -10px; vertical-align: middle; display: inline-block; background: #0096e2;}
}

/* LIST STYLE */
.explain {padding: 0; margin: 0; text-align: left; font-size: 16px;}
.explain.point {font-size: 14px; margin-left: -13px}
.explain.point ul {margin-left: 20px}
.explain.point ul li {letter-spacing: -1px; line-height: 1.5; color: #007dd2;}

.explain ul {margin: 0 0 0 15px; letter-spacing: -1px; padding: 0;}
.explain ul.pdl {margin-left: 5px;}
.explain ul li {padding-left: 11px; padding-top: 5px; color: #444; margin: 0; line-height: 1.5; font-weight: normal}
.explain ul li:first-child {padding-top: 3px;}
.explain ul li ul {padding: 0 0 0 4px; margin: 5px 0 5px 0}
.explain ul li ul li {font-size: 15px}

.explain ul.txt12 li {padding-top: 4px}

.explain ul li ul.D2 {padding-left: 12px; margin-top: 5px}
.explain p {font-weight: normal}
.explain p.non {padding-left: 10px; color: #444; margin: 10px 0 0 0; letter-spacing: -1px; line-height: 1.5;}
.explain p.dot {padding-left: 8px; color: #444; margin: 10px 0 0 0; line-height: 1.5;}
.explain ul li.dot {padding-left: 10px}
.explain ul li.han {padding-left: 19px}

.lstdot {margin: 0 10px 2px -12px; display: inline-block; padding: 0; background: #666; width: 2px; height: 2px; vertical-align: middle }
.lsthyp {margin: 0 7px 2px -12px; display: inline-block; padding: 0; background: #666; width: 5px; height: 1px; vertical-align: middle }
.lsthan {margin: 0 4px 0 -22px; display: inline-table;}
.lstnmo {margin: 0 3px 0 -17px; display: inline-table; vertical-align: baseline}
.lstnum {margin: 0 4px 0 -15px; display: inline-table;}
.lstnumpr {margin: 0 2px 0 -15px; display: inline-table;}
.lstsgn {margin: 0 0 0 -16px; display: inline-table; vertical-align: baseline}
.lstcrs {margin: 0 5px 0 -16px; display: inline-table; vertical-align: baseline}
.lststr {margin: 0 3px 0 -8px; display: inline-table; vertical-align: baseline; position: relative; top: 2px}

.lsthanD2 {margin: 0 4px 0 -22px; display: inline-table;}
.lstnumD2 {margin: 1px -1px 0 -14px; display: inline-table;}
.lstsgnD2 {margin: 0 0 0 -16px; display: inline-table; vertical-align: baseline}

.explain .box {border: 1px solid #d4d4d4; margin: 0; padding: 10px; background-color: #f9f9fa;}
.explain .box ul {list-style: none; padding: 0; margin: 0}
.explain .box ul li {font-size: 14px; color: #666; line-height: 1.5; padding-left: 23px; margin: 0}
.explain .box ul li span.sign {margin: 1px 0 0 -18px; display: inline-table;}

.lst {padding: 0; margin: 0; font-size: 14px;}
.lst ul {padding-left: 15px; margin: 0; letter-spacing: -0.8px; text-align: left; list-style: none}
.lst ul li {padding: 0; margin-bottom: 3px; color: #818181; line-height: 1.5; font-weight: normal}
.lst ul li.redb {color: #ff3333;}
.lst ul li span.sign {margin: 0 5px 0 -15px; vertical-align: baseline}
.lst ul li ul {margin-top: 4px}
.lst ul li ul li {margin-bottom: 2px}

span.gakju {display: inline-block; position: relative; bottom: 2px;	font-size: 16px; font-weight: bold;	color: #007dde;	margin-right: 3px}


/* tbltype01 */
.tbltype01 {font-size: 14px; line-height: normal; border-collapse: collapse; word-break: break-all; text-align: center; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #d7d7d7}
.tbltype01 th {text-align: center; font-weight: normal; color: #222222; letter-spacing: -1px; background-color: #f4f5f7; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 10px 15px; border-top: 1px solid #747474;}
.tbltype01 thead th.first {border-left: none;}
.tbltype01 th.a_l {text-align: left; padding-left: 12px; margin: 0}
.tbltype01 th.thin {font-weight: normal}
.tbltype01 th.rline {border-right: 1px solid #dddddd;}
.tbltype01 td {color: #444444; line-height: 1.5; word-spacing: -1px; letter-spacing: -0.5px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 10px 15px;}
.tbltype01 td ul {margin-top: 0;}
.tbltype01 td ul li:first-child {padding-top: 0;}
.tbltype01 td ul li ul {margin: 8px 0 0 0;}
.tbltype01 td ul li ul li {font-size: 13px !important}
.tbltype01 td.first {border-left: none; border-top: 1px solid #dddddd;}
.tbltype01 td.fbg {background-color: #f8f8f8}
.tbltype01 td.a_l {text-align: left; padding-left: 15px;}
.tbltype01 td.a_r {text-align: right; padding-right: 10px;}
.tbltype01 td .dotted {margin: 0 5px 0 -7px; display: inline-block; padding: 0; background: #666; width: 2px; height: 2px; vertical-align: middle}
.tbltype01 td .pkb {margin: 0 -3px 0 -14px; display: block; float: left}
.tbltype01 caption {display: none}
.tbltype01 td ul {padding: 0; margin: 0}
/* tbltype01 > scroll type */
.scrollbox_th {width: 100%;	margin: 0 auto;	padding: 0;	overflow: scroll; overflow-y: scroll; overflow-x: hidden;}
.scrollbox_td {width: 100%; margin: 0 auto;	height: 300px; overflow: scroll; padding: 0 0 0 0; border: 0; border-bottom: 1px solid #dddddd; overflow-y: scroll; overflow-x: hidden;}
/* tbltype01 > scroll type TR color */
.tbltype01.trbg tr:nth-of-type(2n) {background: #f9f9f9}
.tbltype01.not2 tr:nth-of-type(2n) {background: #f9f9f9}
.tbltype01.not2 tbody tr:first-child td {border-top: 0}
.tbltype01.not2 {border-bottom: 0}

/* IE */
html {scrollbar-3dLight-Color: #ffffff; scrollbar-arrow-Color: #ffffff; scrollbar-base-Color: #ffffff; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #ffffff; scrollbar-Highlight-Color: #ffffff; scrollbar-Shadow-Color: #ffffff;}
/* scroll style */
::-webkit-scrollbar {width: 8px; height: 8px; border:8px solid #b7b7b7}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0; background: #ffffff}
::-webkit-scrollbar-track {background: #ffffff; -webkit-border-radius: 10px;}
::-webkit-scrollbar-thumb {height: 30px; width: 30px; backface-visibility: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow:inset 0 0 0 4px rgba(0,0,0,.1)}

/* tbltype02 */
.tbltype02 {font-size: 14px; line-height: 1.5; border-collapse: collapse; word-break: break-all; text-align: center; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #d7d7d7}
.tbltype02 tbody tr:first-child {border-top: 1px solid #747474;}
.tbltype02 th {text-align: center; font-weight: normal; color: #222222; letter-spacing: -1px; background-color: #f4f5f7; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 10px 15px;}
.tbltype02 th.first, td.first {border-left: none}
.tbltype02 td.fbg {background: #fcfcfc}
.tbltype02 th.thin {font-weight: normal}
.tbltype02 th.a_l {text-align: left; padding-left: 12px; margin: 0}
.tbltype02 td {color: #444444; word-spacing: -1px; letter-spacing: -0.5px; border-bottom: 1px solid #dddddd; padding: 10px 15px;}
.tbltype02 td.top {border-top: 1px solid #e8e8e6;}
.tbltype02 td.a_l {text-align: left; padding-left: 10px;}
.tbltype02 td.a_r {text-align: right; padding-right: 10px;}
.tbltype02 td.bgp {background: #feffe3}
.tbltype02 td.rline {border-right: 1px solid #dddddd;}
.tbltype02 td .dotted {margin: 0 5px 0 -7px; display: inline-block; padding: 0; background: #666; width: 2px; height: 2px; vertical-align: middle}
.tbltype02 td .pkb {margin: 0 -3px 0 -14px; display: block; float: left}
.tbltype02 caption {display: none}

/* tbltype03 */
.tableType03 {font-size: 16px; line-height: 1.5; border-collapse: separate; word-break: break-all; text-align: center; margin: 0; padding: 0; width: 100%; border-top: 1px solid #747474}
.tableType03 tbody th:first-child {border-left: none;}
.tableType03 tbody th:first-child + td {border-left: 1px solid #ddd;}
.tableType03 tbody th {color: #222222; padding: 10px 15px; font-size: 14px}
.tableType03 tbody td {color: #444444; padding: 10px 15px; font-size: 14px}

/* tblcol */
.tblcol {font-size: 15px; border-collapse: collapse; word-break: break-all; text-align: center; margin: 0; padding: 0; width: 100%; border-top: 1px solid #747474; border-bottom: 1px solid #d7d7d7;}
.tblcol tr:first-child th, .tblcol tr:first-child td {border-top: none;}
.tblcol th, .tblcol td {border-top: 1px solid #dddddd;}
.tblcol th.first {border-left: none;}
.tblcol th {text-align: center; line-height: 1.5; font-weight: normal; color: #222222; letter-spacing: -0.5px; padding: 10px 6px; background-color: #f4f5f7;}
.tblcol td {color: #444444; line-height: 1.5; letter-spacing: -0.5px; padding: 10px 6px; border-left: 1px solid #dddddd}

.tblcol td.a_l {text-align: left; padding-left: 10px;}
.tblcol td.a_r {text-align: right; padding-right: 10px;}
.tblcol td.fbg {background-color: #fcfcfc}
.tblcol td.rline {border-right: 1px solid #dddddd;}
.tblcol th.a_l {text-align: left; padding-left: 10px; margin: 0}
.tblcol caption {display: none}

.tblcol td ul {padding: 0; margin: 0}
.tblcol td ul li {padding-top: 0;}
.tblcol td ul li ul {margin-bottom: 0}
.tblcol td ul li ul li {font-size: 12px !important}

/* TEXT STYLE */
.txt12 {font-size: 12px !important; color: #606060; letter-spacing: -0.5px; line-height: 1.5;}
.txt13 {font-size: 13px; color: #606060; letter-spacing: -0.5px; line-height: 1.5;}
.txt14 {font-size: 14px; color: #606060; letter-spacing: -0.5px; line-height: 1.5;}
.txt15 {font-size: 15px; color: #3c3c3c; letter-spacing: -1px; line-height: 1.5;}
.txt16 {font-size: 16px; color: #3c3c3c; letter-spacing: -1px; line-height: 1.5;}
.txt_gray {padding: 8px 0; vertical-align: middle; background: #fafafa; color: #444;}

.fl {float: left}
.a_l {text-align: left;}
.a_c {text-align: center}
.a_r {text-align: right;}
.bold {font-weight: bold !important;}

.sim {font-size: 12px; color: #818181; letter-spacing: -0.5px; line-height: 1.5;}
.caption {font-size: 14px; color: #666666; letter-spacing: -0.5px; line-height: 1.4; text-align: center}

/* COLOR */
.red {color: #e32538 !important;}
.red-b {color: #e32538 !important;}
.coral {color: #f58472;}
.blue {color: #007dd2 !important;}
.magen {color: #b11474;}
.white {color: #FFF;}

/* BUTTON */
.btn {padding: 0; margin: 0;}
.btn a:hover {color: #fff; text-decoration: underline}
a.btnstyle {width: 45%; padding: 13px 10px; margin: 0 6px 15px 6px; color: #fff; font-size: 14px; display: inline-block; text-align: center; vertical-align: middle; letter-spacing: -1px}
a.bgblu {background: #004098;}
a.bggry {background: #7b7b7b;}

/* BASIC a tag */
a {text-decoration: none}
a:hover {color: #0079be; text-decoration: underline}

/*  기타 자세한 사항 스타일(01) */
.bottom_fc {width: 100%; max-width: 750px; display: block; padding: 0; margin: 0; border-top: 2px solid #008bd6; border-bottom: 1px solid #008bd6;}
.bottom_fc p {text-align: center; color: #0096dd; font-size: 13pt; font-weight: bold; letter-spacing: -0.5px; position: relative; padding: 4px 0 12px 0}
.bottom_fc p .coralb {font-size: 19pt; font-weight: bold; color: coral; position: relative; top: 3px}

/*  기타 자세한 사항 스타일(04) */
.bottom_f4 {width: 750px; display: block; padding: 0; margin: 0; background: #f5f5f5}
.bottom_f4 p {text-align: center; color: #333; font-size: 15px; font-weight: normal; letter-spacing: -0.5px; position: relative; padding: 12px 0}
.bottom_f4 p .blackb {font-weight: bold; color: #333;}

/* 코드 copy */
.code_container {width: 100%; margin: 0 auto; position: relative; background-color: #1f1f1f; padding: 0; border: 1px solid #ccc;}
pre {margin: 0; overflow-x: auto;}
.code_container > textarea {width: 100%; word-wrap: break-word; background-color: #2e2e2e; height: 100px; font-size: 12px; color: white; font-family: "D2Coding", "D2Coding ligature"; line-height: 1.5}
.copy-btn {position: absolute; top: 10px; right: 20px; background-color: #007bff; color: white; border: none; padding: 5px 10px; cursor: pointer; border-radius: 5px; font-size: 12px; font-family: "돋움", "맑은 고딕", Arial, "sans-serif"}
.copy-btn:hover {background-color: #0056b3;}

/* Space */
.gapTop {height: 40px; line-height: 0; border: none; font-size: 0; padding: 0; margin: 0}
.gapCon {height: 45px; line-height: 0; border: none; font-size: 0; padding: 0; margin: 0}
.gaptit {height: 20px; line-height: 0; border: none; font-size: 0; padding: 0; margin: 0}
.gapCon-end {height: 30px; line-height: 0; border: none; font-size: 0; padding: 0; margin: 0}/* 컨텐츠 마지막에, 미들타이틀 한 줄로만 끝날때!(div, ul, li 없을때) */
.gapBtm {height: 60px; line-height: 0; border: none; font-size: 0; padding: 0; margin: 0}
.sp5 {height: 5px; line-height: 0;}
.sp10 {height: 10px; line-height: 0;}
.sp15 {height: 15px; line-height: 0;}
.sp20 {height: 20px; line-height: 0;}
.sp25 {height: 25px; line-height: 0;}
.sp30 {height: 30px; line-height: 0;}
.sp35 {height: 35px; line-height: 0;}
.sp40 {height: 40px; line-height: 0;}
.sp45 {height: 45px; line-height: 0;}
.sp50 {height: 50px; line-height: 0;}
.sp60 {height: 60px; line-height: 0;}
.sp70 {height: 70px; line-height: 0;}
.sp80 {height: 80px; line-height: 0;}
.sp90 {height: 90px; line-height: 0;}
.sp100 {height: 100px; line-height: 0;}

/* padding top */
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100;}

/* padding left */
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}
.pl60 {padding-left: 60px;}
.pl70 {padding-left: 70px;}
.pl80 {padding-left: 80px;}
.pl90 {padding-left: 90px;}
.pl100 {padding-left: 100px;}

/* margin top */
.mrt5 {margin-top: 5px;}
.mrt10 {margin-top: 10px;}
.mrt15 {margin-top: 15px;}
.mrt20 {margin-top: 20px;}
.mrt25 {margin-top: 25px;}
.mrt30 {margin-top: 30px;}
.mrt35 {margin-top: 35px;}
.mrt40 {margin-top: 40px;}
.mrt45 {margin-top: 45px;}
.mrt50 {margin-top: 50px;}
.mrt60 {margin-top: 60px;}
.mrt70 {margin-top: 70px;}
.mrt80 {margin-top: 80px;}
.mrt90 {margin-top: 90px;}
.mrt100 {margin-top: 100px;}

/* margin left */
.mrl5 {margin-left: 5px;}
.mrl10 {margin-left: 10px;}
.mrl15 {margin-left: 15px;}
.mrl20 {margin-left: 20px;}
.mrl25 {margin-left: 25px;}
.mrl30 {margin-left: 30px;}
.mrl35 {margin-left: 35px;}
.mrl40 {margin-left: 40px;}
.mrl45 {margin-left: 45px;}
.mrl50 {margin-left: 50px;}
.mrl60 {margin-left: 60px;}
.mrl70 {margin-left: 70px;}
.mrl80 {margin-left: 80px;}
.mrl90 {margin-left: 90px;}
.mrl100 {margin-left: 100px;}