@charset "utf-8";

/* 노토산스 */
@import url("../font/notosanskr.css");

/* CSS Document */
*{padding:0;margin:0;font-size: 100%;font-family: "noto sans kr", sans-serif;letter-spacing: -0.05em;}
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;-webkit-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::-webkit-input-placeholder {font: 14px/1em 'nanum gothic',sans-serif}
input::-moz-placeholder { /* Firefox 19+ */font: 14px/1em 'nanum gothic',sans-serif}
input:-ms-input-placeholder { /* IE 10+ */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;}

.row,.col{box-sizing: border-box}
.row:after{display: block;content: '';clear: both}
.guide-line{position: relative; 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%}
#container{position:relative;*zoom:1;padding-top: 112px;}
#container:after{display:block;clear:both;content:''}
#footer{position:relative}

.flex-row {display: flex;}
.justify-center {justify-content: center;}
.justify-sb {justify-content: space-between;}
.justify-sa {justify-content: space-around;}
.justify-fs {justify-content: flex-start;}
.justify-fe {justify-content: flex-end;}
.fd-rr {flex-direction: row-reverse;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}

/*공통부분*/
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){
	#container{padding-top: 50px;}
	.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}
}