@charset "utf-8";
@import url(font/font.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css');

/* 
font-family: 'Noto Serif', serif;
font-family: 'NanumSquareLight';
font-family: 'NanumSquare';
font-family: 'NanumSquareBold';
font-family: 'NanumSquareExtraBold';
font-family: 'NanumSquareAcb';
font-family: 'NanumSquareAceb';
font-family: 'NanumSquareAcl';
font-family: 'NanumSquareAcr'; */


/* Common */
* {box-sizing: border-box;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'NotoSansKR', '맑은 고딕', '돋움', Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;color:#000;background:#fff;font-weight:normal;letter-spacing:-1px;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{overflow-x:hidden;word-wrap:break-word;word-break:keep-all}
img,fieldset,iframe{border:0}
img{max-width:100%;vertical-align:top}
li{list-style:none}
i{font-style:normal}
em,address{font-style:normal}
address{}
input,select,button{vertical-align:middle;box-sizing:border-box; border: none;}
button{border:0;background:none;cursor:pointer}

/* Common Add */
caption,legend,.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}
caption{position:static}
input[type=text],input[type=password],input[type=number]{border-radius:0;-webkit-appearance:none;appearance:none}
textarea{width:100%;padding:7px;border:1px solid #bebebe;font-size:12px;border-radius:2px;box-sizing:border-box;-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;zoom:1}
hr{display:none}

/*테이블대각선*/
.backslash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
  background-size: cover;
  background-repeat: no-repeat;
}


/* aline */
.fl{float:left !important}
.fr{float:right !important}
.of_h:after{display:block;clear:both;content:''}
.tar{text-align:right !important}
.tac{text-align:center !important}
.tal{text-align:left !important}
.pr{position:relative !important}
.pa{position:absolute !important}
.tx_gotham{font-family:"Gotham Book"}

/* 글자 2줄만들기 */
.wb{word-break:keep-all;word-wrap:break-word;white-space:pre-wrap;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
/* 글자 여러줄 자르기 */
.ellipsis_ver{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word}

/* link */
a:link,a:visited{color:inherit;text-decoration:none; font-size: inherit;}
a:active,a:hover,a:focus{text-decoration:none}


/*그리드*/
.row { display: flex; flex-wrap: wrap; margin:0 calc(-.5 * 0.8rem)}
.row > [class*='col_'] { width: 100%; box-sizing: border-box; padding:0 calc(0.8rem * .5); }
.row > [class*='col_'] > .row > [class*='col_'] {margin-top: 0;}
.row > .col_1 { width: 8.333%; }
.row > .col_2 { width: 16.666%; }
.row > .col_3 { width: 25%; }
.row > .col_4 { width: 33.333%; }
.row > .col_5 { width: 41.666%; }
.row > .col_6 { width: 50%; }
.row > .col_7 { width: 58.333%; }
.row > .col_8 { width: 66.666%; }
.row > .col_9 { width: 75%; }
.row > .col_10 { width: 83.333%; }
.row > .col_11 { width: 91.666%; }
.row > .col_12 { width: 100%; }


.row > .col_72 { width: 71%; }
.row > .col_28 { width: 29%; }

.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.ml0 {margin-left: 0 !important;}