@charset "utf-8";
/************************************************
YUANTA
commnet : base
*************************************************/

/* Common */
html{height: 100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption,pre{font-family:NanumGothic,'나눔고딕','돋움',Dotum,helvetica,sans-serif; margin:0; padding:0}
body,input,textarea,select,button,table,p{/* font-family:NanumGothic,'나눔고딕','돋움',Dotum,helvetica,sans-serif; */font-size:14px;line-height:1.7}
body{color:#3d3d3d;overflow-y: scroll;}
img,fieldset{border:0 none}
dl,ul,ol,menu,li{list-style:none}
button{cursor:pointer;border:none; background-color:transparent;}/* 220321수정(background속성 추가) */
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
table {border-collapse:collapse;border-spacing:0}
table th,table td{/*word-wrap:break-word;*/}
em,address{font-style:normal}
em {color:#e02f00;font-weight:bold}
em.em {color:#e02f00 !important;font-weight:normal}
em.plus{color:#ed0101 !important;}
em.minus{color:#115BC0 !important;}
em.base{color:#000 !important;}
em.bk {color:#3d3d3d;}
em.ocr{display:inline-block;width:88px;height:30px;line-height:30px;text-align:center;border:2px solid #f26522;color:#f26522;font-size:13px;border-radius:3px}
input,select,button{vertical-align:middle}
em.blue {color:#1779cc;font-weight:bold} /* 161228추가 */
em.red {color:#ff0000 !important;font-weight:bold}/* 190403추가 */
input.textLine2 {vertical-align:top; margin-top:5px;} /* 170105추가 */
em.cert_terms {color:#0039ff;font-weight:bold;font-size:1.2em;text-decoration:underline} /* 180112추가 */

/* Common Add */
legend{/* visibility:hidden; */overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
input[type=text], input[type=password], input[type=number]{height:26px;padding:0 10px;border:1px solid #c9c9c9;background:#fff;line-height:26px;color:#3d3d3d;font-size:13px;width:78px;box-sizing:content-box;}
.safari input[type=text], .safari input[type=password], .safari input[type=number]{line-height:1;}
.ie8 input[type=text], .ie8 input[type=password], .ie8 input[type=number]{}
input[type=text].em, input[type=password].em, input[type=number].em{color:#e02f00 !important;}
input[type=text].readonly{}
input:focus{border:1px solid #bbb}

input[type=radio]{width:13px;height:13px;/*margin-bottom:3px*/}
select {height:28px;vertical-align:middle;border:1px solid #c9c9c9;padding:0 0 0 7px !important;color:#3d3d3d;font-size:13px}
select:focus, input:focus, textarea:focus {border-color:#000333}
.ie8 select{height:auto;padding:4px 5px 5px 5px !important;/*min-width:100px*/}
select.fs{font-size:13px;letter-spacing:-1px}
textarea{padding:7px 10px;border:1px solid #c9c9c9;color:#3d3d3d;resize:none;font-size:13px}
/* 230512 수정 웹접근성 (color:#999-> #818181) */
::-webkit-input-placeholder {font-size:13px;vertical-align:middle;color:#818181;}
:-webkit-input-placeholder {font-size:13px;vertical-align:middle;color:#818181;}
::-moz-placeholder {font-size:13px;vertical-align:middle;color:#818181;}
:-moz-placeholder {font-size:13px;vertical-align:middle;color:#818181;}
:-ms-input-placeholder {font-size:13px;vertical-align:middle;color:#818181;}
.placeholder{font-size:13px;vertical-align:middle;color:#818181 !important;}
/* 230512 수정(e) */
input[type=radio] + label, input[type=checkbox] + label {display:inline-block;letter-spacing:-1px;padding: 0 20px 0 3px;vertical-align:middle}
input[type=radio] + label.type2, input[type=checkbox] + label.type2 {display:inline}/* 220518수정(체크박스 추가) */
input[type=checkbox] + label.only{/* visibility:hidden; */overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left;text-indent:-9999px}
input[type=radio] + label.hidden, input[type=checkbox] + label.hidden{font-size:0;line-height:0;text-indent:-9999px;padding-right:0;padding-left:0}
input[type=text] + input[type=radio], input[type=text] + input[type=checkbox], input[type=password] + input[type=radio], input[type=password] + input[type=checkbox], select + input[type=checkbox]{margin-left:5px}
input[disabled=disabled] + label{color:#BDBDBD;}

/* 체크박스 Type2 (원형) - 240508 추가 */
.b_chk2 input[type=checkbox], .s_chk2 input[type=checkbox] {border:0;clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px}

.b_chk2 input[type=checkbox] + label {position:relative; display:inline-block; padding:0 15px 0 32px; min-height:29px; line-height:26px; background:url("/myasset/common/img/mobile/input_check2.png") no-repeat 0 0; background-size:26px auto; cursor:pointer; font-size:19px; font-weight:bold;}
.b_chk2 input[type=checkbox]:checked + label, .b_chk2 input[type=checkbox] + label.on {background:url("/myasset/common/img/mobile/input_check2_o.png") no-repeat 0 0; background-size:26px auto;}

.s_chk2 input[type=checkbox] + label {position:relative; display:inline-block; padding:0 15px 0 28px; min-height:25px; line-height:22px; background:url("/myasset/common/img/mobile/input_check3.png") no-repeat 0 1px; background-size:22px auto; cursor:pointer; font-size:15px; font-weight:normal;}
.s_chk2 input[type=checkbox]:checked + label, .s_chk2 input[type=checkbox] + label.on {background:url("/myasset/common/img/mobile/input_check3_o.png") no-repeat 0 1px; background-size:22px auto;}
/* 체크박스 Type2 (원형) - 240508 추가(e) */

/* 190522수정(접근성) - 220517(기존 체크박스였던 걸 버튼으로 수정) */
input[type=checkbox].btnType{overflow:hidden;position:absolute;top:0;left:-999em;width:1px;height:1px;font-size:0;line-height:0;text-align:left;text-indent:-9999px}
input[type=checkbox].btnType:focus + label{border:1px solid #a5c7fe !important}
input[type=checkbox].btnType + label{background-color:#337ab5;border-color:#337ab5;color:#fff;text-align:left !important;padding:0 14px;}
input[type=checkbox].btnType + label.on{background-color:#757575;border-color:#757575;}
input[type=checkbox].btnType + label>span{width:15px;height:14px;background-position:-395px 0 !important;vertical-align:middle;margin:-2px 5px 0 0}
input[type=checkbox].btnType + label:hover{opacity:.8}
.ie8 input[type=checkbox].btnType + label:hover{background-color:#5791c2;border-color:#5791c2;color:#fbfcfe;}
.ie8 input[type=checkbox].btnType + label.on:hover{background-color:#8c8d8f;border-color:#8c8d8f;color:#f4f5f7;}
.txt + .btnType + label {margin-left:5px} 
label.absolute {position:absolute;color:#999;display:none;cursor:text;}
/* 190522수정(접근성)(e) */

/* 211124 추가(체크된 label 컬러 추가) */
.chkColor {}
.chkColor input[type=radio] + label.on, .chkColor input[type=radio]:checked + label,
.chkColor input[type=checkbox]:checked + label, .chkColor input[type=checkbox] + label.on {font-weight:bold; color:#e02f00}
/* 211124 추가(체크된 label 컬러 추가)(e) */

/* 220517 추가(약관 동의 버튼 체크박스였던거 버튼으로 바꾸기) */
.btnAgree {display:inline-block; height:28px; line-height:28px; background-color:#337ab5; font-size:13px; color:#fff; padding:0 14px; border-radius:3px;}
.btnAgree:before {display: inline-block; content:""; font-size:0; overflow:hidden; line-height:0; width:15px; height:14px; vertical-align:middle; margin:-2px 5px 0 0; background:url("/myasset/common/img/spr_com.png") no-repeat; background-position:-395px 0}
.btnAgree.on {background-color:#757575;}
.btnAgree:hover, .btnAgree:focus {background-color:#5791c2; color:#fbfcfe;}
.btnAgree.on:hover, .btnAgree.on:focus {background-color:#8c8d8f; color:#f4f5f7;}

.btnDwnld {display:inline-block; height:28px; line-height:28px; background-color:#337ab5; font-size:13px; color:#fff; padding:0 14px; border-radius:3px;}
.btnDwnld:before {display: inline-block; content:""; font-size:0; overflow:hidden; line-height:0; width:17px; height:14px; vertical-align:middle; margin:-2px 5px 0 0; background:url("/myasset/common/img/spr_com.png") no-repeat; background-position:-414px 0}
.btnDwnld.on {background-color:#757575;}
.btnDwnld:hover, .btnDwnld:focus {background-color:#5791c2; color:#fbfcfe;}
.btnDwnld.on:hover, .btnDwnld.on:focus {background-color:#8c8d8f; color:#f4f5f7;}
/* 220517 추가(약관 동의 버튼 체크박스였던거 버튼으로 바꾸기)(e) */

.input-disabled {position: relative;}
.input-disabled:after {content: '';position: absolute;left:0;top:0;width: 100%;height: 100%}
input[type=checkbox].btnType.down + label>span {width:17px;background-position:-414px 0 !important}
.formWrap input, .formWrap select {margin:5px 0;}
textarea[disabled=disabled], input[disabled=disabled], textarea[disabled], input[disabled] {background-color:#f8f8f8; color:#6d6d6d; border-color:#c9c9c9;}/* 230512 수정 웹접근성 */
select[disabled=disabled], select[disabled] {background-color:#f8f8f8; border-color:#c9c9c9;}/* 230512 추가(select분리) 웹접근성 */
select[disabled] option {color:#6d6d6d;}/* 230512 추가 웹접근성 */

/* 170119 추가 */
.chkAgreeTxt1 {position:relative}
.chkAgreeTxt1 input[type=checkbox] + label {position:absolute;top:1px;left:15px}
/* 170119 추가(e) */

/*a link*/
a{color:#000;text-decoration:none}
a:hover,a:active, a:focus{text-decoration:none}
.link, .link:hover, .link:focus{text-decoration:underline;color:#1f80d2;font-size:13px}
.link.em{color:#e02f00 !important;}

/* 일부 overflow:hidden으로 가려져 있는 것들은 강제로 다시 포커스 보더 주는 걸로 */
a:focus {/* box-shadow:0 0 0 4px rgba(147, 153, 210, 0.56); */box-shadow:0 0 0 2px #44f866 inset;}/* 220513추가, 220520수정(웹접근성 - 키보드 접근시 보이게) */
a:focus:not(:focus-visible){box-shadow:none;}/* 220513추가(웹접근성 - 마우스 클릭시 선 안 보이게) */

/* basic */
.blind{overflow:hidden;position:absolute;top:0;left:-999em;font-size:0;line-height:0;text-align:left;text-indent:-9999px;width:1px !important;height:1px !important;} /*visibility:hidden;width:0;height:0;*/
.ie .ie-blind{overflow:hidden;position:absolute;top:0;left:-999em;font-size:0;line-height:0;text-align:left;text-indent:-9999px} /*visibility:hidden;width:0;height:0;*/
.hide{display:none}
.dataHide{display:none}
.fL{float:left !important}
.fR{float:right !important}
.fN{float:none !important}
.overflowH,.uiWrapper{overflow:hidden; zoom:1}
.yHidden{overflow-y:hidden;}
.overflowV {overflow: visible !important;}
.ellipsis{display:inline-block;overflow:hidden;/*width: auto에서 100%로 수정 문제되면 말씀해주세욤(ci05)*/width:100%;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.iPad .iNobreaks {white-space: nowrap;}
.overflowYS{overflow:hidden;overflow-y:scroll;}
.txtC {text-align:center !important}
.txtL {text-align:left !important}
.txtR {text-align:right !important}
.vT {vertical-align:top !important}
.vM {vertical-align:middle !important}
.vB {vertical-align:bottom !important}
.block{display:block !important}
.iBlock{display:inline-block !important}
.item{display:inline-block;margin-left:10px;}
.item.r{margin-right:10px;margin-left:0;}
.bgN, .bgN li {background:none !important}
.bdN{border:none !important}
.pointer {cursor:pointer !important}
img.img {background:transparent;display:block;margin:0 auto;}
img.img.hide{display:none !important}
.img.base{width:100px;height:100px}
.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}
.underline{text-decoration:underline}
.divider{display:inline-block;width:10px;text-align:center;font-size:13px}
.divider.w{width:14px}
.calendarWrapper + .divider{text-align:left}
.icoLink{line-height:0;display:inline-block;}
.bb{box-sizing:border-box !important;}
.positionR{position:relative;}
.positionA{position:absolute;}
.webBr{display:block}
.inline{display:inline}
.mfix{margin-top:-32px}/*margin-top -32px fix*/
/*font-size*/
.fs{font-size:12px !important;color:#767676;letter-spacing:-1px}/* 170323수정 접근성문제로 color:#999-> #767676 으로 */
.fs13 {font-size:13px} /* 240227 계수련 추가*/
.fs14{font-size:14px !important}/* 180116 안정모 추가*/
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}
.ti0{text-indent:0 !important;}/* 180116 안정모 추가 */

/*전화번호, 자택번호 */
.iTel, .iFax{width:45px !important}
.iTelx[type=password], .iFax[type=password]{width:50px !important}
.iZip{width:49px !important}
.iSmsCfim{width:110px !important;}
.iSmsCfim[type=password]{width:110px !important;}
.iPw[type=text], .iPw[type=password]{width:110px !important}
.iPwW[type=text], .ipwW[type=password]{min-width:110px !important;width:auto;}
.iId{width:110px !important;text-align:center;}
.iCardN{width:50px !important;}
.sAccNum{width:300px !important;}/*계좌번호*/
.sAccNum.s{width:240px !important;}

.iAdd01{width:72px !important}
.iAdd02{width:169px !important}
.iAdd02{width:293px !important}
.iEmail, .iWauto{width:auto !important}
.iW15{width:15px !important}
.iW30{width:30px !important}
.iW50{width:50px !important}
.iW110{width:110px !important}
.iW120{width:120px !important}
.iW130{width:130px !important}
.iW140{width:140px !important}
.iW150{width:150px !important}
.iW300{width:300px !important}

.txtWp100{width:100%;box-sizing:border-box;height:30px;}

/* width */
.wp17d5{width:17.5% !important}
.wp49d5{width:49.5% !important} 
.wp10{width:10% !important}
.wp12{width:12% !important}
.wp15{width:15% !important}
.wp16{width:16% !important}
.wp20{width:20% !important}
.wp25{width:25% !important}
.wp30{width:30% !important}
.wp32{width:32% !important}
.wp35{width:35% !important}
.wp38{width:38% !important}
.wp40{width:40% !important}
.wp50{width:50% !important}
.wp60{width:60% !important}
.wp70{width:70% !important}
.wp75{width:75% !important}
.wp80{width:80% !important}
.wp90{width:90% !important}
.wp100{width:100% !important}
.w30{width:30px !important}
.w50{width:50px !important}
.w51{width:50px !important} 
.w55{width:55px !important} 
.w60{width:60px !important}
.w63{width:63px !important}
.w65{width:65px !important}
.w70{width:70px !important}
.w74{width:74px !important}
.w75{width:75px !important}
.w78{width:78px !important}
.w80{width:80px !important}
.w85{width:85px !important}
.w89{width:89px !important}
.w90{width:90px !important}
.w95{width:95px !important}
.w100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w121{width:121px !important}
.w122{width:122px !important}
.w123{width:123px !important}
.w130{width:130px !important}
.w140{width:140px !important}
.w143{width:143px !important}
.w150{width:150px !important}
.w155{width:155px !important}
.w156{width:156px !important}
.w157{width:157px !important}
.w160{width:160px !important}
.w170{width:170px !important}
.w180{width:180px !important}
.w185{width:185px !important}
.w190{width:190px !important}
.w191{width:191px !important}
.w200{width:200px !important}
.w210{width:210px !important}
.w220{width:220px !important}
.w230{width:230px !important}
.w235{width:235px !important}
.w240{width:240px !important}
.w250{width:250px !important}
.w260{width:260px !important}
.w265{width:265px !important}
.w270{width:270px !important}
.w273{width:273px !important}
.w275{width:275px !important}
.w300{width:300px !important}
.w320{width:320px !important}
.w326{width:326px !important}
.w330{width:330px !important}
.w340{width:340px !important}
.w345{width:345px !important}
.w354{width:354px !important}
.w355{width:355px !important}
.w360{width:360px !important}
.w368{width:368px !important}
.w370{width:370px !important}
.w380{width:380px !important}
.w390{width:390px !important}
.w400{width:400px !important}
.w420{width:420px !important}
.w444{width:444px !important}
.w435{width:435px !important}
.w450{width:450px !important}
.w500{width:500px !important}
.w587{width:587px !important}
.w600{width:600px !important}
.w627{width:627px !important}
.w650{width:650px !important}
.w670{width:670px !important}
.w700{width:700px !important}
.w712{width:712px !important}
.w720{width:720px !important}
.w760{width:760px !important} /* 240613 계수련 추가 */
.w790{width:790px !important}
.w800{width:800px !important}
.w818{width:818px !important}
.w824{width:824px !important}
.w828{width:828px !important}
.w900{width:900px !important}
/* 230424 추가(팝업용) */
.lyPopWrap.w818{width:830px !important}
.lyPopWrap.w824{width:836px !important}
.lyPopWrap.w828{width:840px !important}
.lyPopWrap.w900{width:912px !important}

/* height */
.h23{height:23px !important;}
.h35{height:34px !important;}
.h45 {height:45px !important;min-height:45px !important}
.h60 {height:60px !important;min-height:60px !important}
.h65 {height:65px !important;min-height:65px !important}
.h100{height:100px !important}
.h200{height:200px !important;}
.h220{height:220px !important;}
.h240{height:240px !important;}
.h217{height:217px !important;}
.h218{height:218px !important;}
.h286{height:286px !important;}
.h315{height:315px !important}
.h328{height:328px !important}
.h345{height:345px !important}
.h500{height:500px !important;}


/* margin */
.m0{margin:0 !important;}
.mtm11{margin-top:-11px !important;}
.mtm32{margin-top:-32px !important;}
.mtm45{margin-top:-45px !important;}
.mtm67{margin-top:-67px !important;}
.mt0{margin-top:0 !important;}
.mr0{margin-right:0 !important;}
.mt5{margin-top:5px !important;}
.mt8{margin-top:8px !important;}
.mb5{margin-bottom:5px !important;}
.mr5{margin-right:5px !important;}
.m10{margin:10px !important;}
.ml5{margin-left:5px !important;}
.ml7{margin-left:7px !important;}
.mlm60{margin-left:-60px !important;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb151{margin-bottom:151px !important}
.ml0{margin-left:0 !important;}
.mt10{margin-top:10px !important}
.mtb10{margin-top:10px !important;margin-bottom:10px !important;}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt23{margin-top:23px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt90{margin-top:90px !important} /* 240227 계수련 추가 */
.mt150{margin-top:150px !important} /* 240227 계수련 추가 */
.ml5 {margin-left:5px !important}/* 250205 추가 */
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.mb30{margin-bottom:30px !important}
.mtm32{margin-top:-32px !important;position:relative;}
.ml135{margin-left:135px;}
.mrl17{margin-left:17px !important;margin-right:17px !important;}

/* padding */
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
.pr0{padding-right:0 !important}
.pl0{padding-left:0 !important}
.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pb3 {padding-bottom:3px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pr3 {padding-bottom:3px;}
.pr5 {padding-bottom:5px;}
.pr10 {padding-bottom:10px;}
.pr15 {padding-bottom:15px;}
.pr20 {padding-bottom:20px;}
.pr30 {padding-bottom:30px;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pt23{padding-top:23px !important;}
.pl20{padding-left:20px !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr20{padding-right:20px !important}
.pr200{padding-right:200px}

/* etc */
.component{background-color:gray;min-height:180px;color:#fff;text-align:center;padding:10px}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 심의번호 (180228 안정모 추가) */
.discussion {padding-top:5px;text-align:right;}

/* 190830추가 */
.auditInfo {font-size:13px; padding-top:5px;text-align:right;}
.auditInfo.gray {color:#a0a0a0}
/* 190830추가(e) */

.txtRed {color:#e02f00 !important;}/* 텍스트 색상 (180601 안정모 추가) */

.bgTxt1 {background:#fff8f2}/* 240927 추가 */