@charset "utf-8";

/* newcommon_reset는 진짜 reset, layout을 위한 css */

/**** reset ****/
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,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
fieldset,img{border:0 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%;border:0 none}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
table th{font-weight:500}
body{-webkit-text-size-adjust:none;color:#444}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox}

input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input[type='checkbox'], input[type='radio']{border-radius:0}
input[type='password']{font:large Verdana, sans-serif}
body{background:#fff}
body,th,td,input,select,textarea,button{font-weight:normal;font-size:14px;line-height:1.5;font-family:'Noto Sans KR',sans-serif;color:#444;word-break:break-all;word-wrap:break-word;letter-spacing:-1px}
a{color:#444;text-decoration:none}
a:active, a:hover{text-decoration:none}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
img{vertical-align:top}
*:focus{outline:none}
input:-webkit-autofill{box-shadow:0 0 0 37px white inset;-webkit-text-fill-color:#4b4b4b}
input:-webkit-autofill:focus{box-shadow:0 0 0 37px white inset;-webkit-text-fill-color:#4b4b4b}

/**** global ****/
.ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.show{display:block}
.hide{display:none}

/**** layout ****/
#header{display:none}
#container{padding-top:0}
#macWrap{min-width:320px;min-height:100%;padding:50px 0}
#macWrap[class*="-type2"]{padding-bottom:0} /* fixed_btn 없는 경우 */
#macWrap[class*="-type4"]{padding-bottom:0} /* fixed_btn 상하좌우 여백 있는 타입(-type2)인 경우 */
#macWrap[class*="-bgtype2"], .popup_g[class*="-bgtype2"]{background-color:#f7f7f7}
#macWrap header, .popup_g header{overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:5000;min-height:50px;background-color:#fff}
#macWrap header[class*="-type2"], .popup_g header[class*="-type2"]{background-color:transparent}
#macWrap header h1, .popup_g header h1{position:absolute;top:0;left:0}
#macWrap header h1 a, .popup_g header h1 a{display:block;padding:13px 20px}
#macWrap header h1 img, .popup_g header h1 img{display:block;width:auto;height:24px}
#macWrap header h2, .popup_g header .tit{display:block;font-weight:500;font-size:16px;line-height:50px;color:#000;text-align:center}
#macWrap header .btn_close, .popup_g header .btn_close{position:absolute;top:0;right:0;width:53px;height:50px}
#macWrap header .btn_close .ico_g, .popup_g header .btn_close .ico_g{display:block;width:13px;height:13px;margin:0 auto;background-image:url(/resource/mb/img/newcommon/ico_close.svg)}
#macWrap[class*="-type3"] header{background-color:#f58220}
#macWrap[class*="-type3"] header h1{position:static;font-weight:500;font-size:16px;line-height:50px;color:#fff;text-align:center}

#macWrap .content{padding-bottom:20px}
#macWrap[class*="-bgtype2"] .content{padding:20px}
#macWrap[class*="-type4"] .content{padding-bottom:100px}

.fixed_btn{position:fixed;bottom:0;left:0;right:0;z-index:5000}
.fixed_btn button{display:block;width:100%;height:50px;border:1px solid #f58220;font-size:15px;line-height:50px;color:#fff;background-color:#f58220}
.fixed_btn button:disabled, .layer_g .foot .btn_g:disabled, .fixed_btn button[class*="-disabled"], .layer_g .foot .btn_g[class*="-disabled"]{border-color:#c4c4c5 !important;background-color:#c4c4c5 !important}

.fixed_btn[class*="-type2"]{padding:20px 17px;background-color:#fff}
.fixed_btn[class*="-type2"] button{border-radius:3px}
.fixed_btn[class*="-type2"] .wrap_btn{float:left;width:50%;padding:0 3px}
.fixed_btn[class*="-type2"] .wrap_btn:only-child{width:100%}
.fixed_btn[class*="-type2"] .wrap_btn:first-child button{color:#f58220;background:#fff !important} /* 2024-06-27 수정 */
.fixed_btn[class*="-type2"] .wrap_btn:only-child button{color:#fff;background:#f58220 !important} /* 2024-06-27 수정 */
.fixed_btn[class*="-type2"] .wrap_btn:only-child button:disabled, .fixed_btn[class*="-type2"] .wrap_btn:only-child button[class*="-disabled"]{border-color:#c4c4c5 !important;background-color:#c4c4c5 !important} /* 2024-06-27 수정 */

.popup_g{overflow-y:scroll;position:fixed;top:0;left:0;z-index:13;width:100%;min-width:320px;height:100%;padding:50px 0;background-color:#fff}
.popup_g[class*="-type2"]{padding-bottom:0}
.popup_g header .tit[class*="-type2"]{padding:7px 53px 7px 20px;font-size:14px;line-height:18px;text-align:left;word-break:keep-all}
.popup_g > .cont{padding:12px 20px 100px}
.popup_g[class*="-bgtype2"] > .cont{padding:20px 20px 100px}
.popup_g[class*="-bgtype2"] .fixed_btn[class*="-type2"]{background-color:#fff}