@charset "utf-8";
/* Common */


body{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,pre{margin:0;padding:0;font-size: 14px;color: #333;font-family: 'Noto Sans KR';line-height: 150%;font-weight: 300;}
td,th{padding: 0;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;font-size: 14px;color: #333;}
body{height:100%;position:relative;overflow-y: scroll;word-break:keep-all;*word-break:keep-all;-ms-word-break:keep-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button,textarea{padding: 0 10px;border: 1px solid #ddd;font-family: 'Noto Sans KR';line-height: 150%;font-size: 14px;font-weight: 300;box-sizing: border-box;}
textarea{padding: 10px;}
img{max-width: 100%;max-height: 100%;vertical-align:top}
em,address{font-style:normal}
option{padding-right:6px}
legend{*width:0}
table{width: 100%;border-collapse:collapse;border-spacing:0}
pre{white-space: pre-line;}
span{line-height: 100%;}
sup{font-size: 50%;}

/* googlemap ico*/
.map_api img{max-width:inherit;max-height:inherit;}

/* blind */
.blind{display: inline-block !important;overflow: hidden;position: absolute;top: 0;left: 0;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}

.skip_nav li a{position: absolute;left: -3000%;}
.skip_nav li a:focus{display: block;left: 0;top: 0;z-index: 2000;width: 100%;height: 30px;line-height: 30px;background-color: #039;color: #fff;text-align: center;}




/* popup Layer */
.syspop{max-width:100%;position: absolute;z-index: 1200;background-color: #fff;border: 1px solid #ccc}
.l-header{display:none;}
.l-cont{word-break: break-all}
.l-footer{width:100%;padding:10px;box-sizing:border-box;bottom: 0px;right: 0px;text-align: right}
.l-footer span{cursor: pointer}

@media screen and (max-width: 1000px){
	.syspop{top:20px !important;left:0 !important;width:100% !important;height:100% !important;background-color:transparent;border:none;}
	.syspop:after{content:"";position:fixed;display:block;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
	.syspop .wrap{position:relative;z-index:100;max-width:95%;margin:0 auto;text-align:center;}
	.syspop .l-cont{height:auto !important;}
	.syspop .l-cont img{width:100%;}
	.syspop .l-footer{position: relative;z-index: 10;width: 95%;margin: 0 auto;background-color:#fff;}
}


/* position */
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}

.imgz{width: 100%;}

.btn_img{cursor: pointer;border: none;}
.bdn{border: none;}
.cup{cursor: pointer;}

.fwb{font-weight: bold;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}

.vam{vertical-align: middle;}

/* text */
.tov{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.tov2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align: right;}

/* padding */
.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}

.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.pb150{padding-bottom: 150px;}

.mt-10{margin-top: -10 !important;}
.mt0{margin-top: 0 !important;}
.mt50{margin-top: 50px;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

/* display */
.dn{display: none;}
.dib{display: inline-block;}
.db{display: block;}
.dt{display: table;width: 100%;height: 100%;}
.dtr{display: table-row;width: 100%;}
.dtc{display: table-cell;vertical-align: middle;}
.ti{text-indent: -999em;}
.check_ti{overflow: hidden;height: 0;}

/* float */
.fl{float: left;}
.fr{float: right;}
.flUl>li{float: left;}
.flUl:after{content: "";display: block;clear: both;}
.cb:after{content: "";display: block;clear: both;}

/* pageNum */
.page_num{position: relative;margin: 50px 0;text-align: center;font-size: 0;}
.page_num a{display: inline-block;width: 40px;height: 40px;margin: 0 2px;text-align: center;color: #888;line-height: 40px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;background-color: #e6e6e6;}
.page_num a.activ{position: relative;z-index: 1;color: #fff;background-color: #333;}
.page_num a.page{text-indent: -9999px;}
.page_num a.first{background: #e6e6e6 url(../img/page_first.png) 50% 50% no-repeat;}
.page_num a.last{background: #e6e6e6 url(../img/page_last.png) 50% 50% no-repeat;}
.page_num a.l{background: #e6e6e6 url(../img/page_left.png) 50% 50% no-repeat;}
.page_num a.r{background: #e6e6e6 url(../img/page_right.png) 50% 50% no-repeat;}

@media screen and (max-width:767px) {
	.page_num a.first,.page_num a.last{display: none;}
}


.bd_s_box{width: 621px;max-width: 100%;margin: 0 auto;text-align: center;font-size: 0;}
.bd_s_box .bd_sel{display: block;width: 150px;height: 40px;border: 1px solid #bdbdc9;background-color: #fff;box-sizing: border-box;}
.bd_s_box .bd_inp{display: block;width: calc(100% - 220px);height: 40px;margin: 0 5px;border: 1px solid #bdbdc9;background-color: #fff;box-sizing: border-box;}
.bd_s_box .bd_s_inp input{display: block;width: 100%;height: 38px;border: none;}
.bd_s_box .bd_submit{display: block;width: 60px;height: 40px;color: #fff;background-color: #333;font-size: 14px;}

.bx-wrapper{position: relative;}
.bx-wrapper .bx-controls{position: absolute;}

/* board pass */
.box-message{padding: 50px 0;border: 1px solid #ddd;background-color: #f7f7f7;text-align: center;}
.box-message .default{width: 250px;height: 28px;margin-top: 15px;border: 1px solid #ccc;}
.box-message .btn_img{margin-top: 15px;}