@charset "utf-8";

/* 나눔스퀘어 */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

/* CSS Document */
*{padding:0;margin:0;font-size: 100%;font-family: "nanumsquare", sans-serif;letter-spacing: -0.7px;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%; height: auto; 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-w {flex-wrap: wrap;}
.flex-s-s {display: flex; justify-content: flex-start; align-items: flex-start;}
.flex-s-c {display: flex; justify-content: flex-start; align-items: center;}
.flex-s-e {display: flex; justify-content: flex-start; align-items: flex-end;}
.flex-c-s {display: flex; justify-content: center; align-items: flex-start;}
.flex-c-c {display: flex; justify-content: center; align-items: center;}
.flex-c-e {display: flex; justify-content: flex-start; align-items: flex-end;}
.flex-e-s {display: flex; justify-content: flex-end; align-items: flex-start;}
.flex-e-c {display: flex; justify-content: flex-end; align-items: center;}
.flex-e-e {display: flex; justify-content: flex-end; align-items: flex-end;}
.flex-sb-s {display: flex; justify-content: space-between; align-items: flex-start;}
.flex-sb-c {display: flex; justify-content: space-between; align-items: center;}
.flex-sb-e {display: flex; justify-content: space-between; align-items: flex-end;}

.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: 1000px;margin: 0 auto;box-sizing: border-box}
.guide-line:after{display: block;content: '';clear: both}
.pc-b{display: block !important}
.pc-ib{display: inline-block !important}
.pc-i{display: inline !important}
.mo-b{display: none !important}
.mo-ib{display: none !important}
.mo-i{display: none !important} 

.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%}
#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 #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: 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}

.cont-inner {width: 1170px; margin: 0 auto;}

@media screen and (max-width: 768px){
	.guide-line {width: auto}
	.pc-b{ display: none !important}
	.pc-ib {display: none !important}
	.pc-i {display: none !important}
	.mo-b {display: block !important}
	.mo-ib {display: inline-block !important}
	.mo-i {display: inline !important}

	.cont-inner {width: auto;}
}

.swiper-slide img{
	width:100%;
	height:auto;
}