@charset "utf-8";

/* Reset */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body{width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font:14px/1.4 "NanumSquare","나눔고딕", "NanumGothic", "돋움",Dotum,"Helvetica", "sans serif";color:#383d41;font-weight:500;}
body{background-color:#fff;word-break:keep-all;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
table{border-collapse:collapse; border-spacing: 0;}
caption{display: none;}
a {color:#333; text-decoration:none;}
a:hover { text-decoration:none;}
textarea{padding:0;}

.clearfix{overflow:hidden; clear:both;}
.line{ text-decoration: underline; }
.strong {font-weight: 800}
.underline {border-bottom:1px solid #ccc; padding-bottom: 20px;}
.blind{visibility: hidden; line-height: 0;}

/*paragraph*/
.para{ padding: 40px 0 }
.para_tb{padding: 100px 0}

/*font*/
.small{font-size: 80%;}
.normal{font-size:14px !important;}
.big{font-size:140% !important;}
.bigfont{ font-weight: bold; font-size:36px !important;}

/*float*/
.fl{float: left}
.fr{float: right}
.center{text-align: center;}
.left{text-align: left !important;}
.right{text-align: right;}

/*width*/
.col { display:inline-block; }
.col10{width:10%;}
.col15{width:15%;}
.col20{width:20%;}
.col25{width:25%;}
.col30{width:30%;}
.col33{width:33.333%;}
.col40{width:40%;}
.col45{width:45%;}
.col50{width:50%;}
.col55{width:55%;}
.col60{width:60%;}
.col65{width:65%;}
.col80{width:80%;}
.col100{width:100% !important;}

/*color*/
.bg_gray {  background-color: #61707e;}
.bg_lightgray { background: #eff2f7; }
.bg_white {  background-color: white; border-top: 1px solid #ddd; }
.bg_yellow {  background-color: #ffcc00; border-bottom: 1px solid gold; }
.bg_dark {  background-color: #4b4b4b; border-bottom: 1px solid #4b4b4b; }
.bg_orange {  background-color: #ee3137 !important; color:#fff; }
.bg_black { background-color: #000 !important; color:#fff; }
.col_orange{color:#ee3137; font-weight:bold;}
.col_purple{color:#644097;}
.col_gray{color:#787878;}
.point{color:#ee3137;font-weight: bold;}

/*margin*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.ml10{margin-left:10px;}

.mr0{margin-right: 0 !important;}
.m0{margin: 0 !important}