@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Oswald:wght@200;300;400;500;600;700&family=PT+Sans&display=swap');
/* CSS Document */
*{font-size:13px; font-family:'Noto Sans KR','Oswald','NanumGothic','나눔고딕','NG','맑은 고딕','Malgun Gothic','돋움','Dotum','애플고딕','AppleGothic','Arial','sans-serif','Helvetica', sans-serif;font-weight:normal;box-sizing:border-box}
    body{position:relative;background-color:#FFFFFF;font-size:13px;@media (min-width: 768px) {font-size: 14px;}color:#000000;height:100%;}
    html{@media (min-width: 768px) {font-size: 14px;}}
    html,body{
        margin:0;
        padding:0;
        -webkit-text-size-adjust:none;
        overflow-x:hidden
    }
    body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
    select{ -webkit-appearance:none; -webkit-border-radius:3px;font-size:1em;line-height:1em;height:35px; margin:0 0 0 -1px; padding:0 25px 0 10px; background:url(../../image/mobile/icon/select_bt.png) no-repeat right center; background-color:#FFFFFF; border:1px solid rgb(204,204,204);font-weight:500;color:#161616}
    ul,ol{list-style:none}
    a{color:inherit;text-decoration:none}
    .font_b{font-size:1em;font-weight:bold}
    .font_b1{font-size:1.1em;font-weight:bold}
    .font_b2{font-size:1.2em;font-weight:bold}
    .font_b3{font-size:1.3em;font-weight:bold}
    .font_b4{font-size:1.4em;font-weight:bold}
    .font_b5{font-size:1.5em;font-weight:bold}
    .font_b6{font-size:1.6em;font-weight:bold}
    .font_g{font-size:12px;font-weight:normal;color:#999999}
    .select_box{
	   color:#000;
       font-size:1em;
   }
   #ptotal_op,.numtxt{font-family:'Oswald','Noto Sans KR','Poppins','Nanum Gothic','나눔고딕', sans-serif;letter-spacing:-0.2px}
   .select_box:hover,
   .select_box.expanded{
   }
   .select_span{
	   width:100%;
	   font-size:1em;
   }
    .li_basis{
	   cursor:pointer;
	   padding:8px;
	   background-color:#FFF;
	   color:#000;
      font-size:1em;
   }
   .li_basis:hover{
       ont-size:1em;
	   background-color:#333;
	   color:#FFF;
   }
   .li_img{
	   cursor:pointer;
	   padding:8px;
	   background-color:#FFF;
	   color:#000;
   }
   .li_img:hover{
	   background-color:#333;
	   color:#FFF;
   }
   .li_color{
	   cursor:pointer;
	   padding:8px;
	   background-color:#FFF;
	   color:#000;
   }
   .li_color:hover{
	   background-color:#333;
	   color:#FFF;
   }
   .ul_st > li,span,td{ont-size:1em;color:#000}
   .ul_st{
      ont-size:1em;
      position:absolute;
      border:1px solid #000;
      list-style:none;
      color:#000;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      z-index:6;
      width:100%;
   }
   .li_tit{
	   cursor:pointer;
	   padding:8px;
	   background-color:#F2F2F2;
	   color:#000;
	   font-weight:bold;
   }
   .li_og{
	   cursor:pointer;
	   padding:8px;
	   background-color:#FBFBFB;
	   color:#666;
	   border-bottom:#CCC solid 1px
   }
    #bottom_fixed_main{width:100%}
    #pagediv{display:flex;justify-content: center;}
    #pagediv > div{padding:4px 8px;background-color:#FFFFFF;border:#e1e1e1 solid 1px;border-left:0;font-family:'Lato','PT Sans', sans-serif;font-size:12px;font-weight:bold;}
    #pagediv > div:first-child{border-left:#e1e1e1 solid 1px}
    #pagediv > #pgin{color:#FFFFFF;background-color:#252525;margin:0;padding:5px 10px;}
   /*inqut css*/
.box{border:#CCCCCC solid 1px; background-color:#FFFFFF;vertical-align:middle;outline-style:none;line-height:1em; padding:3px;font-weight:normal; -webkit-box-sizing:border-box}
.box:focus{border:#5E5E5E solid 1px; background-color:#242D3B; color:#FFFFFF}
.box:hover{border:#5E5E5E solid 1px;font-weight:normal}

.sbox{border:#CCCCCC solid 1px; background-color:#FFFFFF;color:#808080;vertical-align:middle;outline-style:none;line-height:1em; padding:3px;font-weight:normal; -webkit-box-sizing:border-box}
.sbox:focus{border:#5E5E5E solid 1px; background-color:#242D3B; color:#FFFFFF;font-weight:normal}
.sbox:hover{border:#5E5E5E solid 1px;font-weight:normal}
.black {color: #FFF;border: solid 1px #333;background: #333;}
input[type=checkbox] {
    background: #fff;
    border: solid 1px #000000;
    height:18px;
    width:18px;
    -webkit-appearance: none;
    vertical-align:text-top;
    /*-webkit-border-radius: 2px*/;
}
 
input[type=checkbox]:checked {
    background: #fff;
    border: solid 1px #000000;
    vertical-align:text-top;
}
 
input[type=checkbox]:checked:after {
    content:"";
    display:block;
    width:12px;
    height:12px;
    background: #000000;
    position: relative;
    top: 2px;
    left: 2px;
    vertical-align:text-top;
    /*-webkit-border-radius: 2px;*/
}
    input[type=radio]{
        background-color:#FFFFFF;
        -webkit-appearance: none;
        -moz-appearance: none;
        border:#000000 solid 1px;
        width:18px;
        height:18px;
        border-radius:100%;
        vertical-align:text-top;
    }
    input[type=radio]:checked {
        background-color:#FFFFFF;
        -webkit-appearance: none;
        -moz-appearance: none;
        border:#000000 solid 1px;
        width:18px;
        height:18px;
        border-radius:100%;
        vertical-align:text-top;
    }
    input[type=radio]:checked:after {
        content:"";
        display:block;
        width:10px;
        height:10px;
        background: #000000;
        position: relative;
        top: 3px;
        left: 3px;
        border-radius:100%;
        vertical-align:text-top;
    }
.layerCloseBtn{border:#FFFFFF solid 1px;border-radius:3px;background-color:rgba(0,0,0,0);transition:0.3s all;position:absolute;top:0;right:0;cursor:pointer;margin:-4px 4px 0 0;display:none}
.layerCloseBtn:hover{border:#006CFF solid 1px;background-color:#006CFF}