@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src:url('../font/NotoSansKR-Light.otf');
  src:local(※),url('../font/NotoSansKR-Light.woff') format('woff');
} 

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src:url('../font/NotoSansKR-Medium.otf');
   src:local(※),url('../font/NotoSansKR-Medium.woff') format('woff');
 }


@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src:url('../font/NotoSansKR-Bold.otf');
   src:local(※),url('../font/NotoSansKR-Bold.woff') format('woff');
 }

body{font-family: 'Noto Sans KR', sans-serif , cursive;font-size:13px;font-weight:300;line-height:20px}


/* 기본사항 */
* {margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
header, footer, nav, section, article, aside, menu, figure, figcaption, body {display:block;padding:0;margin:0}

hr {display:none;}
img {border: none; vertical-align:middle;}
ul, ol {list-style:none;}
a {outline:0;}
a:link, a:visited, a:active {text-decoration: none}
a:hover {text-decoration: none}



/* padding */
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }


/* margin */
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }

.ml0 { margin-left:0; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }

/* 들려쓰기 */
.txt_ind-15{text-indent:-15px}
.txt_ind15{text-indent:15px}


/* float해제 */
.hig100p{height:100%;overflow:hidden;}
.flo_clear:after{display:block;clear:both;content:''}


/* font-color */
.col_oran{color:#ff5400;}
.col_yell{color:#ffff00;}
.col_blue{color:#006699;}
.col_green{color:#338001;}
.col_green2{color:#10a585 !important;}
.col_gray{color:#676767;}
.col_gray00{color:#777;}
.col_gray01{color:#414141;}
.col_red,.col_red a{color:#ff3e24;}
.col_red2{color:#d63737;}
.col_red3{color:#da737d;}
.col_purple{color:#8055b4;}
.col_black{color:#000;}
.col_violet{color:#e814af;}
.col_orange{color:#ef6607;}

/* text-align */
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.txt_center{text-align:center !important;}

/* clear:both */
.clear_b{clear:both;}

/* float:left,right */
.flo_lt{float:left;}
.flo_rt{float:right;}


.message_way ul {display:flex; width:100%; justify-content:space-between; align-items:center;}
.message_way li {width:100%; text-align:center; overflow: hidden;}
.message_way li:first-child,
.message_way li:first-child a {border-radius:4px 0 0 4px; }
.message_way li:last-child,
.message_way li:last-child a {border-radius:0 4px 4px 0;}
.message_way a {display:block; height:30px; line-height:27px; color:#0070d3; border:1px solid #dfdedc;}
.message_way li ~ li a {border-left:none}
.message_way li.on a{color: #fff; background: #0070d3;}

.file_upload {position: relative; padding:3px; border-radius: 4px; border: 1px dashed #dfdddc;}
.file_upload .file_btn {display: inline-block; min-width:104px; height:32px; line-height:31px; padding-left: 31px; border-radius: 4px; color: #0070d2; border:1px solid #dfdddc; background:#fff url('../img/fileupload.png') 11px center no-repeat}
.file_upload .file_name {display: inline-block; position: relative; top:2px; width:calc(100% - 111px); color:#c9c7c5; text-overflow:ellipsis;	white-space:nowrap; word-wrap:normal; overflow:hidden; font-size: 13px; padding-left: 20px;}
.file_upload input {position: absolute; left:0; top:0; width: 100%; margin-top: 0; opacity: 0;}
.file_img_view img {max-width:146px; height:auto; margin-top: 10px;}
.img_text {margin-top:5px; font-size:10px; color:#c9c7c5;}