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

/* MOBILE Common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,input,textarea,select,button,table,div,li,dd{font-size:13px;line-height:1.4;font-family:'Malgun Gothic', '맑은 고딕', sans-serif}/* 230718 수정(line-height:1.3 -> 1.4) */
body{-webkit-text-size-adjust:none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
img,fieldset{border:0 none}
em,address{font-style:normal}
em {color:#e02f00;font-weight:bold}
em.em {color:#e02f00 !important;font-weight:normal}/* 180410수정(color에 important추가) */
em.plus{color:#ed0101;}
em.minus{color:#115BC0;}
em.base{color:#000 !important;}/* 191213추가(PC랑 동일하게 맞춤) */
em.blue {color:#1779cc;font-weight:bold} /* 161228추가 */
em.red {color:#ff0000 !important;font-weight:bold}/* 190403추가 */
input:checked[type='checkbox'] {-webkit-appearance:checkbox}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input,select,button{vertical-align:middle}
textarea {background-color:#fff;border:solid 1px #c9c9c9;border-radius:3px;box-shadow:none;padding:10px;font-size:15px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;-webkit-appearance:none;color:#888}
textarea:focus{outline-width:0}
input[type=text], input[type=password], input[type=email],input[type=number], input[type=phone], input[type=date], input[type=tel] {-webkit-appearance:none;font-family:'Malgun Gothic', '맑은 고딕', sans-serif, sans-serif;border:solid 1px #c9c9c9;border-radius:0;box-shadow:none;font-size:15px;padding-left:10px;padding-right:10px;line-height:32px;height:32px;min-height:30px;background-color:#fff;color:#3d3d3d;border-radius:3px;box-sizing:border-box;}
input.sType{}
input:disabled, textarea:disabled{}
input.readonly {}
input[type=date] {height:31px}
input:focus {outline-width:0}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px #c9c9c9;border-radius:3px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif, sans-serif;font-size:15px;height:32px;color:#3d3d3d;position:relative;padding:0 30px 1px 10px;background:#fff url("/myasset/common/img/mobile/arrow_select.png") no-repeat right 10px;background-size:22px 8px;border-radius:3px;}
select.sType{}
select:focus{outline-width:0}
select:disabled {}
select.sType:disabled{}
select.readonly {}
::-webkit-input-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
:-webkit-input-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
::-moz-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
:-moz-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
:-ms-input-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
/* 191113추가 */
/* textarea::placeholder {font-size:15px;vertical-align:middle;color:#bababa}
textarea::-webkit-input-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
textarea:-webkit-input-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
textarea::-moz-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
textarea:-moz-placeholder {font-size:15px;vertical-align:middle;color:#bababa}
textarea:-ms-input-placeholder {font-size:15px;vertical-align:middle;color:#bababa} */
/* 191113추가(e) */

/*Input Checker*/
input[type=radio] + label ,input[type=checkbox] + label {display:inline-block;line-height:0;vertical-align:middle;letter-spacing:-1px}
input[type=checkbox] + label.only, input[type=checkbox] + label.blind, input[type=radio] + label.blind{width:22px;font-size:0;padding:0;position:relative;top:-1px;visibility:visible;}
input[type=checkbox] + label em{font-size:13px !important;font-weight:normal !important}
input[type=radio] + label.hidden, input[type=checkbox] + label.hidden{font-size:0;line-height:0;text-indent:-9999px;padding-right:0;padding-left:22px}
input[type=radio], input[type=checkbox] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
input[type=radio] + label {position:relative; display:inline-block; padding:3px 15px 0 25px; min-height:21px; line-height:15px; background:url("/myasset/common/img/mobile/input_radio.png") no-repeat; background-size:22px auto; cursor:pointer; font-size:13px; color:#000; box-sizing:content-box; -webkit-box-sizing: content-box;}/* 220330수정(padding-left:29-> 25) */
input[type=radio] + label.on,input[type=radio]:checked + label {background:url("/myasset/common/img/mobile/input_radio_o.png") no-repeat;background-size:22px auto;}
input[type=radio] + label.disable, input[type=radio]:disabled + label{background:url("/myasset/common/img/mobile/input_radio_d.png") no-repeat;background-size:22px auto;}

input[type=checkbox] + label {position:relative; display:inline-block; padding:3px 15px 0 27px; min-height:22px; line-height:15px; background:url("/myasset/common/img/mobile/input_check.png") no-repeat; background-size:22px auto; cursor:pointer; font-size:13px}/* 220330수정(padding-left:29-> 27) */
input[type=checkbox]:checked + label,input[type=checkbox] + label.on {background:url("/myasset/common/img/mobile/input_check_o.png") no-repeat;background-size:22px auto;}
input[type=checkbox] + label.disable {background:url("/myasset/common/img/mobile/input_check_d.png") no-repeat;background-size:22px auto;}
input[type=checkbox][disabled=disabled] + label{background:url("/myasset/common/img/mobile/input_check_d.png") no-repeat;background-size:22px auto;cursor:default}

/* 체크박스 Type2 (원형) - 240508 추가 */
.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 3px; 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 3px; 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 3px; 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 3px; background-size:22px auto;}
/* 체크박스 Type2 (원형) - 240508 추가(e) */

input[type=checkbox].btnType{-webkit-appearance:none;border:none;/* 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=checkbox].btnType + label{display:inline-block;height:26px;line-height:26px;background-color:#1f80d2;border-color:#1f80d2;color:#fff;text-align:left !important;padding:0 14px;background-image:none;vertical-align:middle;}
input[type=checkbox].btnType + label.on{background-color:#6d6d6d;border-color:#6d6d6d;}
input[type=checkbox].btnType + label>span{width:16.5px;height:15px;background-position:-395px 0 !important;vertical-align:middle;margin:-2px 5px 0 0}
input[type=checkbox].btnType + label + .txt{display:inline-block;margin-top:0;height:28px;line-height:28px;margin-left:5px;vertical-align:middle;}

/* 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:16.5px; height:15px; vertical-align:middle; margin:-2px 5px 0 0; background:url("/myasset/common/img/mobile/spr_com.png") no-repeat; background-size:1000px auto; 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:16.5px; height:15px; vertical-align:middle; margin:-2px 5px 0 0; background:url("/myasset/common/img/mobile/spr_com.png") no-repeat; background-size:1000px auto; 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) */

.txt + .btnType + label {margin-left:0} 
label.absolute {position:absolute;color:#999;display:none;cursor:text;}
.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:16.5px;background-position:-414px 0 !important}
.formWrap input, .formWrap select{margin:0;}

select[disabled=disabled], textarea[disabled=disabled], input[disabled=disabled],input:disabled {background-color:#ddd;color:#999;border-color:#c9c9c9;}

/* 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}

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

/* basic */
.blind{/* 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} 
.mHide{display:none !important;width:0 !important;height:0}
.dataHide{display:none}
.mFL{float:left}
.mFR{float:right}
.mFN{float:none}
.overflowH,.uiWrapper{overflow:hidden; zoom:1}
img.img {background:transparent;display:block;width:100%;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.txtC, .mTxtC {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}
.mBlock{display:block !important}
.iBlock, .mInline{display:inline-block !important}
.inline{display:inline}
.item{display:inline-block;margin-left:10px;}
.item.r{margin-right:10px;margin-left:0;}
.bgN, .bgN li {background:none !important}
.pointer {cursor:pointer !important}
.divider{font-size:13px;display:inline-block;width:4%;text-align:center;}
.cb{clear:both;}
.fs{font-size: .9em;}
.ti0{text-indent:0 !important;}/* 180116 안정모 추가 */
.ml5{margin-left:5px !important;}
/* mWidth */
.mWp14 {width:14% !important}/* 210330추가 */
.mWp16 {width:16% !important}/* 210330추가 */
.mWp100 {width:100% !important}
.mWp150 {width:150% !important}
.mW60{width:60px !important;}
.mW75{width:75px !important;}
.mW200 {width: 200px !important}

/* mMargin */
.mMl10 {margin-left: 10px !important;}
.mW120{width:120px}
.mW170{width:170px !important}
.mW350{width:350px}
.mWp25{width:25% !important}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mMt5{margin-top:5px !important}
.mMl5{margin-left:5px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mMt0{margin-top:0 !important;}
.mMt10{margin-top:10px !important}
.mMt20{margin-top:20px !important}
.mMt30{margin-top:30px !important}
.mMt0{margin-top:0 !important}
.mMT5{margin-top:5px !important}
.mMt15{margin-top:15px !important}
.mMb5{margin-bottom:5px !important}/* 210422 추가 */
.mMb10{margin-bottom:10px !important}
.mMb20{margin-bottom:20px !important}/*190715 김예리 추가*/
.mPt0{padding-top:0 !important}
.mPr0{padding-right:0 !important}
.mb0 {margin-bottom:0 !important;}/*180116 안정모 추가*/
.mlr10 {margin-left:10px; margin-right:10px;}/* 220803 추가 */

/* 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;}

.iTel, .iFax{width:30% !important;}
.iCardN{width:22% !important;float:left;margin-bottom:5px}
.iCardN + .divider{float:left;text-align:left;padding-left:1px;box-sizing:border-box;}

/* 심의번호 (180228 안정모 추가) */
.discussion {padding:5px 10px 0 0;font-size:12px;text-align:right;letter-spacing:-1px;}
.mtsPop .discussion {padding-bottom:5px;background:#fff;}

/* 심의번호 190830추가 */
.auditInfo {padding:5px 10px 0 0;font-size:12px;text-align:right;letter-spacing:-0.04em;}/* 250109 수정 */
.auditInfo.gray {color:#a0a0a0}
.mtsPop .auditInfo {padding-bottom:5px;}/* 200420추가 */
/* 190830추가(e) */

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

/* btn width 50% (180704 안정모 추가) */
.btnAreaEvent.size2 {position:relative;*zoom:1;}
.btnAreaEvent.size2:after {content:'';display:block;clear:both;}
.btnAreaEvent.size2 a {display:block;float:left;width:50%;}
.btnAreaEvent.size2 a img {width:100%;height:auto;}

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