@charset "utf-8";

/* 노토산스 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Saira */
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* CSS Document */
*{padding:0;margin:0;font-size: 100%; font-family: "noto sans kr", sans-serif;letter-spacing: -0.05em;}
.saira {font-family: 'Saira', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}
header,main,footer,section,article{display: block}
html{position: relative;overflow-y:scroll}
html,body{width:100%;height:100%}
ul,ol,li,dl,dt,dd {list-style:none}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{border:none;background: none}
hr,legend {display:none}
img,fieldset,iframe {border:none}
img{max-width: 100%;vertical-align:top}
caption {display:none}
input,button{box-sizing: border-box;vertical-align:middle; appearance: none;border-radius: 0;outline: none}
select{box-sizing: border-box;vertical-align:middle;border-radius: 0;outline: none}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;table-layout: fixed}
/* select::-ms-expand {display: none;} */
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;table-layout: fixed}
input::placeholder {font: 14px/1em 'nanum gothic',sans-serif}

.btn_box{margin-top: 15px;font-size: 0;text-align: center;}
.btn_box a{display: inline-block;margin: 0 5px;}
.btn_box button{display: inline-block;margin: 0 5px;}
.bt_type1{padding: 0 18px;color: #fff;line-height: 35px;border-radius: 3px}
.bt_color1{background-color: #0061ad;}
.bt_color2{background-color: #808080;}

.flex-row {display: flex;}
.justify-center {justify-content: center;}
.justify-sb {justify-content: space-between;}
.justify-sa {justify-content: space-around;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}

.row,.col{box-sizing: border-box}
.row:after{display: block;content: '';clear: both}
.guide-line{position: relative; max-width: 1200px;margin: 0 auto;box-sizing: border-box}
.guide-line:after{display: block;content: '';clear: both}
.pc-view{display: block}
.pc-view02{display: inline-block}
.pc-view03{display: inline}
.mo-view{display: none}
.mo-view02{display: none}
.mo-view03{display: none} 

.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

a{text-decoration:none; color:#000}
a:link,a:visited,a:active,a:focus{}
a:hover{text-decoration:none}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute}

/* float */
.clearfix:after{content:''; display:block; clear:both}
.fl_left{float:left}
.fl_right{float:right}

/*기본*/
.wrap{width:100%;height:100%}
.header{position:relative}
.container{position:relative;*zoom:1}
.container:after{display:block;clear:both;content:''}
.footer{position:relative}

/*공통부분*/
input[type=text], 
input[type=password] {background:#fff; border:1px solid #c9c9c9;padding:0 5px 0 5px}
input[type=text]:hover,
input[type=password]:hover, 
input[type=text]:focus, 
input[type=password]:focus {border:1px solid #909090}
textarea{border:1px solid #c9c9c9; padding:5px}
select{border:1px solid #c9c9c9;padding:2px 2px 2px 6px; vertical-align:middle}
.container-row:after{display: block;clear: both;content: ''}

/*페이징*/
#paging{width:100%;text-align:center;margin:10px 0}
#paging a{display: inline-block;border: 1px solid #aaa;width: 25px;height: 25px;line-height: 23px;border-radius: 3px;box-sizing: border-box;text-align: center;transition: 0.3s}
#paging a.num:hover{color: #fff;background: #666;border-color: #666}
#paging a.num.on{color: #fff;background: #666;border-color: #666}

@media screen and (max-width: 768px){
	.guide-line{width: auto}
	.pc-view{display: none}
	.pc-view02{display: none}
	.pc-view03{display: none}
	.mo-view{display: block}
	.mo-view02{display: inline-block}
	.mo-view03{display: inline}
}