@charset "utf-8";

/* 폰트 스포카 한 산스*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);


/* CSS Document */
*{padding:0; margin:0; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; box-sizing: border-box;}
*::before,
*::after {box-sizing: border-box;}
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;}

.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; width: 1400px; margin: 0 auto; box-sizing: border-box;}
.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: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%; min-width: 1400px; margin: 0 auto;}
.header {position: relative;}
.container {position: relative;}
.container:after {display: block; clear: both; content:'';}
.footer {position: relative;}

/*공통부분*/
input[type=text], 
input[type=password] {background:#fff; border: 1px solid #e8e8e8; padding: 5px 8px;}
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: '';}

/*페이징*/
.pagenation {width:100%; text-align:center; margin:10px 0}
.pagenation 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;}
.pagenation a.num:hover {color: #fff; background: #666; border-color: #666;}
.pagenation 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;}

  .wrap {min-width: auto;}
}

@media print{
  .header,.footer{display:none;}
  .main-container,.sub-container{background:#fff;}
  body, #body{margin:0; padding:0; background:#fff;}
}


h1.visually-hidden {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: normal !important;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}