@charset "utf-8";
/* font */
@font-face{
  font-style:normal;
  font-weight:500;
  font-family:'Pretendard';
  src:url(../fonts/Pretendard-Medium.eot);
  src:local('☺'),
      local('Pretendard-Medium'),
      /* url(../fonts/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareRoundR.woff2) format('woff2'),
      url(../fonts/NanumSquareRoundR.woff) format('woff'), */
      /* url(../fonts/NanumSquareRoundR.ttf) format('truetype') */
      /* url(../fonts/NanumSquareRoundOTFR.otf) format('opentype') */
}
@font-face{
  font-style:normal;
  font-weight:600;
  font-family:'Pretendard';
  src:url(../fonts/Pretendard-SemiBold.eot);
  src:local('☺'),
      local('Pretendard-SemiBold'),
      /* url(../fonts/NanumSquareRoundB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareRoundB.woff2) format('woff2'),
      url(../fonts/NanumSquareRoundB.woff) format('woff'), */
      /* url(../fonts/NanumSquareRoundB.ttf) format('truetype') */
      /* url(../fonts/NanumSquareRoundOTFB.otf) format('opentype') */
}
@font-face{
  font-style:normal;
  font-weight:700;
  font-family:'Pretendard';
  src:url(../fonts/Pretendard-Bold.eot);
  src:local('☺'),
      local('Pretendard-Bold'),
      /* url(../fonts/NanumSquareRoundEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareRoundEB.woff2) format('woff2'),
      url(../fonts/NanumSquareRoundEB.woff) format('woff'), */
      /* url(../fonts/NanumSquareRoundEB.ttf) format('truetype') */
      /* url(../fonts/NanumSquareRoundOTFEB.otf) format('opentype') */
}
/* 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,button{margin:0;padding:0}
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}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{overflow-x:auto;min-width:320px;background:#fff}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Pretendard', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',sans-serif;color:#555;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}
a{color:#555;text-decoration:none}
h1{margin:0}
/* a:active, a:hover{text-decoration:underline} */
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:500}
/* global */
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.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}

html,body,#app{height:100%}

/* img */
.img_g{display:block;width:100%}

/* text weight */
.fw_semi_bold{font-weight:600}
.fw_bold{font-weight:700}

/* ellip */
.txt_ellip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txt_array_ellip{display:block}
.txt_array_ellip .area_overflow{display:inline-block;max-width:100%;white-space:nowrap;vertical-align:top}
.txt_array_ellip .area_right{margin-left:8px}

/* align */
.area_left{float:left}
.area_right{float:right}
.area_overflow{overflow:hidden}
.area_left + .area_overflow{padding-left:8px}
.area_right + .area_overflow{padding-right:8px}
.area_float:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

/* group_form */
.group_form{display:flex;flex-wrap:wrap;margin:-4px;align-items: flex-end}
.group_form .selectbox_comm{flex:1 1 148px;max-width:calc(100% - 8px);margin:4px}
.group_form .group_radio{margin:4px}
.group_form .txt_center{flex:0 0 5px;margin:4px 0;padding:0 4px!important}
.group_form .tf_comm{flex:1 1;margin:4px}
.group_form .tf_comm.tf_count ~ * {margin-bottom:26px}
.group_form > button{margin:4px}

/* --- group btn 공통 --- */
/* group btn */
.group_btn{padding:12px 0}
.group_btn:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

/* ---- group BoxView --- */
/* group box */
.group_box{margin:-10px}
/* 모바일 */
@media all and (max-width:1240px){
  .group_box{margin:0}
}