@charset "utf-8";
/* default definition */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
html {
	width: 100%;
    height: 100%;
}
body {
/*
	display: flex;
	flex-direction: row;
*/
	width: 100%;
	height: 100%;
	/*min-height: 1080px;;*/
	font-size:13px;
	color: #242424;
	font-family:Noto Sans KR Regular, Noto Sans, '맑은 고딕','Malgun Gothic','Apple-Gothic','애플고딕',dotum,'돋움',gulim,'굴림',sans-serif;-webkit-text-size-adjust:none;}
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}


a,img,input{selector-dummy: expression(this.hideFocus=true);}
a:link {text-decoration:none; color:#666666;}
a:visited {text-decoration:none; color:#666666;}
a:hover	{text-decoration:none; color: #333333; }
.img_m {vertical-align:middle;}
.img_t {vertical-align:top;}
.img_b {vertical-align:baseline;}

table {border-collapse:collapse;}
table img {max-width:100%;}

hr {display:none;}
ol, ul, li {list-style:none;}



#accessibility, .skip, hr, legend {
	position : absolute ;
	width : 0 ;
	height : 0 ;
	font-size : 0 ;
	line-height : 0 ;
	overflow : hidden ;
	visibility : hidden ;
}
.ir {
    margin: 0;
    padding: 0;
    list-style: none;
    /*display: inline-block;*/
    background-repeat: no-repeat;
    word-wrap: break-word;
    word-break: keep-all;
	 white-space: nowrap;
    overflow: hidden;
    background-position: center center;
}
.reader em, .semantic em, .ir em, .reader .em, .semantic .em, .ir .em {
    position: absolute;
	*left:-100%;
    z-index: -1;
    opacity: 0;
    text-indent: -1000px;
}
a,img,input{selector-dummy: expression(this.hideFocus=true);}
a img, fieldset {border:0px none; }
img {vertical-align:top;}
.imgW img {max-width: 100%;}
caption {display:none;}
address, em{font-style:normal;}

html:first-child select {padding-left:5px;} /* Opera Fix */
option, x:-moz-any-link {padding-left:5px;} /* Firefox Fix */
option, x:-moz-any-link, x:default {padding-right: 0;} /* Firefox Fix */


/* bold */
strong, b, h4, h5, dt, th, .caption {font-family:Noto Sans, dotum, gulim; font-weight: 500;}
strong.eb, b.eb, .eb {font-family:Noto Sans, dotum, gulim; font-weight: 500;}


/* font-size */
.f0  {font-size:0px;}
.f11 {font-size:11px;}
.f08 {font-size:0.8em !important;}
.f095 {font-size:0.95em;}
.f105 {font-size:1.05em; line-height: 150%}
.f115 {font-size:1.15em; line-height: 150%}
.f135em {font-size:1.35em; line-height: 150%}
.fx2 {font-size:1.5em; line-height: 150%}
.f12 {font-size:12px;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important; line-height:22px;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px;}
.f20 {font-size:20px !important;}
.fb  {font-weight: 500}
.feb  {font-weight: 700;}
.fn  {font-weight: normal !important; font-weight: 300 !important;}
.txt_wrap {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%;}

/* font-color */
.green {color:#44993e;}
.fcor6 {color:#666666;}
.fcor3 {color:#333333;}
.fcor9 {color:#999 !important;}
.fcor0 {color:#000000;}
.fcora {color:#aaaaaa;}
.fcor4c {color:#4c4c4c;}
.fcor4b {color:#4b4b4b;}
.fcor68 {color:#68ab13;}
.fcor0e {color:#0e8e83;}
.fcor9e {color:#9e509c !important;}
.fcor88 {color:#882886 !important;}
.fcor86 {color:#868686;}
.fcor24 {color:#242424 !important;}
.red {color:#ed1b23 !important;}
.pink {color:#f0236e !important;}
.blue {color:#0c91dd !important;}
.org {color: #ff6600 !important;}
.purple {color:#86368c !important;}
.point_c {color: #0053a7 !important}
.point_c2 {color: #2cabe5 !important}

/* form */

input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; font-family:Noto Sans, dotum, gulim; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color: #fff; font-size: 1em; font-weight: 300;}

input {vertical-align:middle; -webkit-appearance: none;  -webkit-border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }


.ez-hide {width:13px;height:13px;opacity:0;filter:alpha(opacity=0); margin:0px !important; position: absolute; left:0px; top: 0px;}
.ez-checkbox {display:inline-block;width:16px;height:16px;background:url('../img/common/checkbox2.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-radio {display:inline-block;width:23px;height:23px;background:url('../img/common/radio.png') 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-checked {background-position: 0 bottom !important;}
.ez-selected {background-position: 0 bottom !important;}
.ez-checkbox, .ez-radio {zoom:1; *display:inline; margin-top:-2px;}

.ckeck .ez-hide {width:25px;height:25px;}
.ckeck .ez-checkbox {width:25px;height:25px; background: transparent url('../img/common/checkbox3.png') 0 0 no-repeat; }

.big {font-size: 1.15em;}
.big .ez-radio {width:29px;height:29px;background:url('../img/common/radio_big.png') 0 0 no-repeat;}
.big .ez-hide {width:28px;height:28px;}

input::-webkit-input-placeholder { color:#999999; font-weight: 300; }
input::-moz-placeholder { color:#999999; font-weight: 300; }
input:-ms-input-placeholder { color:#999999; font-weight: 300; }

.select_ds {position: relative;}
.select_ds select {width:100%; padding:0px 0px 0px 10px; box-sizing:border-box; -moz-box-size:border-box; height:40px;}

.col-sm-2 .select_ds {width:50%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-3 .select_ds {width:33.33%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-4 .select_ds {width:25%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-5 .select_ds {width:20%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-2:after, .col-sm-3:after, .col-sm-4:after, .col-sm-5:after { display:block; clear:both; content:"";}

.pa_minus {display: block;line-height:30px; position: absolute !important; right: 0px; top:50%; margin-top: -15px;}
.pa_label {display:block; line-height:35px; position: absolute !important; left:0px; top:50%; margin-top:-18px;}



.input {
          color:#737070;

		  background-color:#ffffff;
		  border:solid 1px #cccccc;
		  height:18px;
		  padding:0px 5px 0 10px;

}
.input3 {
          color:#888888;
		  font-size:0.95em;
		  background-color:#ffffff;
		  border:solid 1px #ffffff;
		  height:16px;
		  vertical-align:middle;

}
input.input5 {
    width: 100%;
    color: #737070;
    background: #fff;
    border: solid 1px #cccccc;
    height:40px;
    line-height:38px;
    padding:0px 10px;
    font-size:14px;

    outline: 0;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.textarea2 {
          color:#666666;
		  font-size: 9pt;
		  background-color:#ebebeb;
		  border:solid 0  #BDBDBD;
		  padding:2px;
		  }
.textarea {
	      border:solid 1px #cccccc;
		  background-color:#ffffff;
		  padding:10px 10px;
		  line-height:140%;
		  color:#737070;
		  width:100%;
          font-size:14px;
}
textarea, .scr	{
	scrollbar-face-color:#ffffff;		/* bar 의 표면색 */
	scrollbar-highlight-color:#d0d0d0;	/* 밝게 빛나는 좌상단 모서리 */
	scrollbar-3dlight-color:#ffffff;	/* 좌상단 모서리 아래부분 */
	scrollbar-shadow-color:#d0d0d0;		/* 그림자 지는 우하단 */
	scrollbar-darkshadow-color:#ffffff;	/* 그림자 우하단 */
	scrollbar-track-color:#f7f7f7;		/* 스크롤 트랙의 색 */
	scrollbar-arrow-color:#968a7c;		/* 삼각형부분 */
	overflow-x:hidden;overflow-y:auto;
}

select {border:none; font-family:Noto Sans; font-weight: 300; color:#565a5c; border:1px solid #cccccc; border-radius:0px; box-sizing: border-box;}
.select {height: 40px;}
.select2 {height:28px; width:100%; max-width:90px; min-height: 28px; line-height: 28px;}



.scrollbar1 {
	scrollbar-3dlight-color:#c7c7c7;
	scrollbar-arrow-color:#7b7b7b;
	scrollbar-base-color:#c7c7c7;
	scrollbar-darkshadow-color:#c7c7c7;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f9f9f9;
	scrollbar-shadow-color:#c7c7c7;
}

.scrollbox {
    height: 200px;
    padding: 12px;
    overflow: auto;
    background: #efeef3;
    border: 1px solid #dadadc;
    overflow-x: hidden;
    font-size:0.9em;
    font-weight: 300;
}
.scrollbox2 {
    border-top:1px solid #000;
    padding-top: 20px;
    max-height:350px;
    padding: 12px;
    overflow: auto;
    background: #fff;

    overflow-x: hidden;

    font-weight: 300;
}


/* margin,padding */
.mt-28 {margin-top:-28px;}

.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt95 {margin-top:95px !important;}
.mr5 {margin-right:5px ;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr0 {margin-right:0px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb48 {margin-bottom:48px;}

.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px !important;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px !important;;}
.ml50 {margin-left:50px;}
.ml65 {margin-left:65px;}
.ml100 {margin-left:100px;}
.mlr10 {margin:0px 10px;}

.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px !important;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl93 {padding-left:93px;}
.pl7 {padding-left:7px;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr34 {padding-right:34px;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr74 {padding-right:74px !important;}
.pr120 {padding-right:120px !important;}

.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px;}
.pt38 {padding-top:38px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px !important;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:35px;}
.pb35 {padding-bottom:35px;}
.pb48 {padding-bottom:48px;}

.ptb15 {padding:15px 0;}
.prl20 {padding:0px 20px !important;}
.padd_no { padding:0px !important;}
.padd_no table td { padding:0px !important;}

/* align */
.fl {float:left;}
.fr {float:right !important;}
.cb {clear:both;}
.pa {position:absolute;}
.pr {position:relative; *z-index:999;}
.mauto {margin:0 auto;}
.btn-r {margin-top:20px; text-align:right;}
.btn-rb {margin-bottom:-106px; text-align:right; height:89px; padding-top:17px;}

.v0 {*vertical-align:0px !important;}
.v2 {*vertical-align:-2px !important;}
.vm {vertical-align:middle;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.of_auto{overflow:auto}
.of_hi {overflow:hidden}

.bg_no {background-image:none !important; background: none !important;}
.br_no {border:none !important;}
.bl_no {border-left:none !important;}
.bb_no {border-bottom:none !important;}
.bt_no {border-top:none !important;}
.text_line { text-decoration:underline;}
.li_he16 { line-height:160%;}
.li_he15 { line-height:150%;}
.li_he14 { line-height:140%;}
.li_he13 { line-height:130%;}
.li_he12 { line-height:120%;}
.ib {display:inline-block; vertical-align:middle; *display:inline;}
.db {display:block !important;}
.parking {text-align: center; font-weight: 600; font-size: 2em; line-height: 140%;}
.parking:after {display: block; content:url(../img/common/parking.png); padding-top: 10px;}


/* bul */
.bul_num > li {
	padding-left:17px;
    text-indent: -17px;
	line-height:140%;
	margin:5px 0px;
    font-size: 1em;
	min-height:20px;
}
.bul_num > li > ul {
	padding-left:17px;
}
.bul01 > li {
	padding-left:14px;
    position: relative;
	line-height:140%;
	margin:3px 0px;
    font-size: 1em;
	min-height:20px;
}
.bul01 > li:after {display: block; content: ""; width:4px; height:4px; border-radius:100%; position: absolute; left: 0px; top:9px; background: #01cbc0}
.bul01.big > li {
    font-size: 1.14em;
	margin-top: 10px;
}
.bul01.big > li:first-child {margin-top: 0px;}
.bul01.big > li:after {top:12px;}


.bul02 li {
	padding-left:8px;
    text-indent: -7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}

.bul04 li {
	padding-left:11px;
    background: url(../img/common/bul04.gif) no-repeat left 7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}

/* border */
.no_r {border-right:none !important;}
.no_l {border-left:none !important;}
.no_b {border-bottom:none !important;}


/* title */
.s_title {height:20px; font-size:20px; color:#515151; font-family:Noto Sans, dotum, gulim; padding:30px 0px 10px 0px; clear:both;}
.ss_title {padding:20px 0px 10px 0px; clear:both;}
.s_title55 {height:55px; padding-top:60px; clear:both;}

.note {clear:both; padding-top:10px; font-size:0.95em; color:#737070;}
.ref {clear:both; font-size:12px; color:#8d8d8d;}
dl.note dt {display:inline-block; zoom:1; *display:inline; height:20px; line-height:20px; color:#fff; font-size:13px; padding:0px 5px; background:#8e8e8e;}
dl.note dd { color:#565656; line-height:20px; padding:2px 0px; font-size:13px;}



.loading_area {position:fixed; width:100%; height:100%; z-index:99999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%; z-index: 99999}

.loader {height: 4px; width: 100%; position: absolute; left:0px; top: 0px;z-index: 99999; overflow: hidden; background-color: #ddd;}
.loader:before{display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #d53f41; animation: loading 2s linear infinite;}


/* 셀렉트 디자인 */
.st_select {min-width:50px; margin-right:2px; position:relative; font-weight: 400; display:inline-block; zoom:1; *display:inline; vertical-align:middle; z-index:9; }
.st_select p.pl10 {background:#fff; border:1px solid #d0d0d0;}

.st_select .select_input {height:25px; line-height:25px; border:none !important; width:100%; *width:97%; *border:1px solid #fff; padding:0px; font-size:13px; font-family: Noto Sans;}

.button-1 {border:none; width:100%; height:27px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(../img/btn/button-1.png) no-repeat right center; text-indent:-9999px; line-height:0px; outline: none; cursor: pointer;}
.select_button {border:none; width:100%; height:35px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(../img/common/button-1.png) no-repeat right center; text-indent:-9999px; line-height:0px; outline: none; cursor: pointer;}
.Select {position:absolute; border:1px solid #000000; width:100%; max-height:350px; overflow-y:auto; overflow-x:hidden; top:26px; left:0px; display:none; z-index:999; box-sizing: border-box; padding: 5px 0px; background: #fff;}
.Select li {padding:3px 0 3px 10px; min-height:20px; line-height:20px; font-size:13px;  text-align:left; background:#fff; cursor:pointer; }

.Select li:hover {color:#000;}
.st_select.gray p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.st_select.gray .select_input {background:#f4f4f4; color:#737070}

/* 첨부파일 버튼 디자인 */
.file_W {position:relative;}
.file_input { /*padding-right:85px;*/ padding-right:123px; position:relative;}
.file_input label {position:absolute; right:0px; top:0px; height:40px; line-height:38px; cursor:pointer; display:inline-block; overflow:hidden;     background: #333333; text-align: center; font-size:14px; font-weight: 400; color: #fff;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input { width:100%;  box-sizing:border-box; -moz-box-size:border-box;}



.menu_btn {position: relative; height:20px; width:30px; cursor: pointer;}
.menu_btn .line-top,
.menu_btn .line-middle,
.menu_btn .line-bottom {position: absolute; display: block; height:2px; width:100%; border-radius:0px; background: #000; transition: all 0.3s 0s ease-in-out; left: 0px;}

.menu_btn .line-top {top: 0; -webkit-transform-origin:11px 0px;  transform-origin:11px 0px;}
.menu_btn .line-middle {top: 9px; /*-webkit-transition: opacity 200ms linear;  transition: opacity 200ms linear;*/ right: 0px;}
.menu_btn .line-bottom {bottom: 0;  -webkit-transform-origin:11px 2px; transform-origin: 11px 2px;}


.down .menu_btn .line-top,
.down .menu_btn .line-middle,
.down .menu_btn .line-bottom {background: #000;}


/*open*/
.menu_btn.is-open .line-top {
	-webkit-animation: line-top-out 400ms linear normal;
    animation: line-top-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-open .line-middle{opacity: 0;}
.menu_btn.is-open .line-bottom{
	-webkit-animation: line-bot-out 400ms linear normal;
    animation: line-bot-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/*closed*/
.menu_btn.is-closed .line-top{
	-webkit-animation: line-top-in 500ms linear normal;
    animation: line-top-in 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-closed .line-middle{
	-webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu_btn.is-closed .line-bottom{
	-webkit-animation: line-bot-in 500ms linear normal;
    animation: line-bot-in 500ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/*keyfremes*/
@-webkit-keyframes line-top-in {
    0% {top: 12px; transform: rotate(-45deg);	}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);	}
	100% {top: 0px;}
}

@keyframes line-top-in {
	0% {top:12px;	transform: rotate(-45deg);}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);}
	100% {top: 0px;}
}

@-webkit-keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}

@-webkit-keyframes line-bot-in {
	0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@keyframes line-bot-in {
    0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}

@-webkit-keyframes line-bot-out {
    0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}

@keyframes line-bot-out {
	0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
    .bul_num > li {
        padding-left:15px;
        text-indent: -15px;
    }
    .bul_num > li > ul {
        padding-left:15px;
    }

	.parking:after {display: block; margin: 0 auto; width: 300px; height: 300px; content: ""; background: url(../img/common/parking.jpg) no-repeat center top; background-size:100% auto;}
}

body {
	/*display: flex;
	flex-direction: row;
	float: left;
	width: 1920px;*/
}

#wrap {
	display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

#wrap_left {
	position: relative;
	width: 25%;
	min-width: 502px;
	height: 100%;
	background: #EEF2F4 0% 0% no-repeat padding-box;
	border-right: 1px solid #CCCCCC;
	box-sizing: border-box;
}

#wrap_main {
	width: 75%;
	height: 100%;
	border-right: 1px solid #CCCCCC;
	box-sizing: border-box;
}

/* left------------------------------------------------------------------*/

#wrap_left h1 {
	width: 100%;
	height: 6.25vw;
	min-height: 120px;
	padding: 0;
	text-align: center;
	/*font: normal normal normal clamp(25px, 1.3vw, 1.3vw)/clamp(120px, 6.25vw, 6.25vw) Noto Sans KR Bold;*/
	background: #FFFFFF url(/maps/img/ico_logo01.jpg) center center no-repeat;
	background-size: 100% 100%;
	color: #000000;
	box-sizing: border-box;
}

#wrap_left h2 {
	width: 100%;
	height: 2.81vw;
	min-height: 54px;
	padding: 0;
	text-align: center;
	/*font: normal normal normal clamp(25px, 1.3vw, 1.3vw)/clamp(54px, 2.8vw, 2.8vw) Noto Sans KR Bold;*/
	background: #000000 url(/maps/img/ico_title01.png) center center no-repeat;
	background-size: 308px 25px;
	color: #FFFFFF;
	box-sizing: border-box;
}

#center_search {
	position: absolute;
	top: clamp(174px, 9.06vw, 9.06vw);
	width: 100%;
	min-width: 500px;
	/*height: 79.8vh;*/
	height: 100%;
/*	padding: clamp(174px, 9.06vw, 9.06vw) 5% 0 5%;*/
/*	padding: clamp(174px, 9.06vw, 9.06vw) 0 0 0;*/
	padding: 0;
	box-sizing: border-box;
/*
	overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
*/
}

#center_search .search {
	width: 100%;
	height: 180px;
	margin: 40px 0 20px 0;
}

#center_search .search ul.brand_list {
	float:left;
	width: 100%;
	height: 46px;
	margin-bottom: 20px;
}

#center_search .search ul.brand_list li {
	float: left;
	width: 30%;
    height: 100%;
	border: 1px solid #CCCCCC;
	border-left: none;
	background-color: #ffffff;
    background-size: 120px 40px;
	background-repeat: no-repeat;
    background-position: center center;
	box-sizing: border-box;
}

#center_search .search ul.brand_list li.Ball {
	width: 10%;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	font: normal normal normal 20px/46px Noto Sans KR Bold;
	letter-spacing: 0px;
	color: #000000;
	/*border-radius: 23px 0px 0px 23px;*/
}

#center_search .search ul.brand_list li.Ball:before {
	content: "All";
}

#center_search .search ul.brand_list li.sel {
	background-color: #000000;
	color: #FFFFFF;
}

#center_search .search ul.brand_list li:hover {
	background-color: #333333;
	color: #FFFFFF;
}

#center_search .search ul.rate_list {
	float:left;
	width: 100%;
	height: 46px;
	margin-bottom: 20px;
}

#center_search .search ul.rate_list li {
	float: left;
	width: 30%;
    height: 46px;
	text-align: center;
	font: normal normal normal 11px/46px Noto Sans KR Black;
	border: 1px solid #CCCCCC;
	border-left: none;
	background-color: #ffffff;
	box-sizing: border-box;
}

#center_search .search ul.rate_list li.rate01 {
	color: #D4AF37;
}

#center_search .search ul.rate_list li.rate02 {
	color: #C0C0C0;
}

#center_search .search ul.rate_list li.rate03 {
	color: #169BD5;
}

#center_search .search ul.rate_list li.Rall:before {
	content: "All";
}

#center_search .search ul.rate_list li.rate01:before {
	content: "OFFICIAL FLAGSHIP";
}

#center_search .search ul.rate_list li.rate02:before {
	content: "ADVANCED TRAINING";
}

#center_search .search ul.rate_list li.rate03:before {
	content: "AUTHORIZED PARTNER";
}

#center_search .search ul.rate_list li.Rall:hover {
	background-color: #000000;
	color: #FFFFFF;
}

#center_search .search ul.rate_list li.rate:hover {
	color: #FFFFFF;
}

#center_search .search ul.rate_list li.rate01:hover {
	background: #D4AF37 0% 0% no-repeat padding-box;
}

#center_search .search ul.rate_list li.rate02:hover {
	background: #C0C0C0 0% 0% no-repeat padding-box;
}

#center_search .search ul.rate_list li.rate03:hover {
	background: #169BD5 0% 0% no-repeat padding-box;
}

#center_search .search ul.rate_list li.Rall.sel {
	background-color: #000000;
	color: #FFFFFF;
}

#center_search .search ul.rate_list li.rate.sel {
	color: #FFFFFF;
}

#center_search .search ul.rate_list li.rate01.sel {
	background: #D4AF37 0% 0% no-repeat padding-box;
}

#center_search .search ul.rate_list li.rate02.sel {
	background: #C0C0C0 0% 0% no-repeat padding-box;
}

#center_search .search ul.rate_list li.rate03.sel {
	background: #169BD5 0% 0% no-repeat padding-box;
}

#center_search .search ul.rate_list li.Rall {
	width: 10%;
    height: 46px;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	font: normal normal normal 20px/46px Noto Sans KR Bold;
	letter-spacing: 0px;
	color: #000000;
	/*border-radius: 23px 0px 0px 23px;*/
}

#center_search .search select {
	float: left;
	width: 30%;
	height: 48px;
	margin-right: 5%;
	font: normal normal normal 17px/25px Noto Sans KR Medium;
	letter-spacing: 0px;
	color: #666666;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 3px #11111112;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}

#center_search .search .input-text {
    position: relative;
	display: inline-block;
	width: 65%;
	height: 48px;
}

#center_search .search .input-text input {
	width: 100%;
	height: 48px;
	padding: 0 35px 0 10px;
	font: normal normal normal 17px/48px Noto Sans KR Regular;
	box-sizing: border-box;

}

#content .search .input-text input::placeholder {
	color: #555;
}

#center_search .search .input-text .btn_search {
	position: absolute;
	top: 11px;
	right: 7px;
	width: 26px;
	height: 26px;
	background: #FFFFFF url(/maps/img/ico_search01.svg) 0 0 no-repeat;
	cursor: pointer;
	z-index: 9;
}
#center_search > div {
	width: 100%;
	height: 100%;
	padding: 0 5%;
	overflow-y: scroll;
	box-sizing: border-box;
	scrollbar-color: #c1c1c1 #EEF2F4;
/*
	-ms-overflow-style: none;
	scrollbar-width: none;
*/
}

#center_search > div > ul {
	width: 100%;
	margin: 0 auto 215px auto;
	padding: 0;
	box-sizing: border-box;
}

#center_search > div > ul > li {
	width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid #CCCCCC;
}

#center_search > div > ul > li > div.center_content01 {
	width: 100%;
	height: 6vw;
	min-height: 135px;
	margin: 0;
	background-color: #FFFFFF;
	/*border: 1px solid #CCCCCC;*/
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}

#center_search > div > ul > li > div.center_content02 {
	display: none;
    width: 100%;
    /*height: 20vw;*/
    min-height: 135px;
    margin: 0;
    background-color: #FFFFFF;
    /*border: 1px solid #CCCCCC;*/
	/*border-top: none;*/
    box-sizing: border-box;
    /*overflow: hidden;*/
}

#center_search > div > ul > li > div.center_content02 div.cc02_img {
	width: 100%;
	/*height: 226px;*/
	overflow: hidden;
}

#center_search > div > ul > li > div.center_content02 div.cc02_img div {
	float: left;
	width: 25%;
	min-width: 105px;
	height: 5.4vw;
	min-height: 108px;
	background-size: 100% 100%;
	border: 1px solid #ffffff;
	box-sizing: border-box;
}

#center_search > div > ul > li > div.center_content02 div.cc02_img div:nth-child(1) {
	border-left: none;
}

#center_search > div > ul > li > div.center_content02 div.cc02_img div:nth-child(4n) {
	border-right: none;
}

#center_search > div > ul > li > div.center_content02 div.cc02_img div:nth-child(5n) {
	border-left: none;
}

#center_search > div > ul > li:hover {
	background-color: #EFEFEF;
}

#center_search > div > ul > li div.center_sub {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	float: left;
	width: 15vw;
	min-width: 323px;
	height: 100%;
	padding: clamp(20px, 1vw, 1vw);
	padding-bottom: clamp(10px, 0.5vw, 0.5vw);
	box-sizing: border-box;
}

#center_search > div > ul > li div.center_sub div:nth-child(1) {
	text-align: left;
	font: normal normal normal clamp(22px, 1.15vw, 1.15vw)/clamp(25px, 1.3vw, 1.3vw) Noto Sans KR Medium;
	letter-spacing: 0px;
	color: #000000;
}

#center_search > div > ul > li div.center_sub div:nth-child(1) img {
	width: 1vw;
	min-width: 19px;
	height: 1vw;
	min-height: 19px;
	margin: 0.05vw 0;
}

#center_search > div > ul > li div.center_sub div:nth-child(2) {
	width: 100%;
	text-align: left;
	font: normal normal normal clamp(15px, 0.7vw, 0.7vw)/clamp(15px, 0.7vw, 0.7vw) Noto Sans KR Medium;
	letter-spacing: 0px;
	color: #707070;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#center_search > div > ul > li div.center_sub div:nth-child(3) {
}

#center_search > div > ul > li div.center_sub div:nth-child(3) img {
	height: 1.5vw;
	min-height: 35px;
	margin-right: clamp(5px, 0.26vw, 0.26vw)
}

#center_search > div > ul > li div.center_img {
	float: right;
	width: 5.36vw;
	min-width: 108px;
	height: 100%;
	background-color: #F5F5F5;
	border-left: 1px solid #cccccc;
	box-sizing: border-box;
}

#center_search > div > ul > li div.center_img div.rate {
	height: 1.1vw;
	min-height: 25px;
	text-align: center;
	font: normal normal normal clamp(8px, 0.4vw, 0.4vw)/clamp(25px, 1.2vw, 1.2vw) Noto Sans KR Bold;
	font-size: clamp(8px, 0.4vw, 0.4vw);
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}

#center_search > div > ul > li div.center_img div.rate.r1 {
	background: #D4AF37 0% 0% no-repeat padding-box;
}
#center_search > div > ul > li div.center_img div.rate.r2 {
	background: #C0C0C0 0% 0% no-repeat padding-box;
}
#center_search > div > ul > li div.center_img div.rate.r3 {
	background: #169BD5 0% 0% no-repeat padding-box;
}

#center_search > div > ul > li div.center_img div.rate.r1:before {
	content : "OFFICIAL FLAGSHIP";
}
#center_search > div > ul > li div.center_img div.rate.r2:before {
	content : "ADVANCED TRAINING";
}
#center_search > div > ul > li div.center_img div.rate.r3:before {
	content : "AUTHORIZED PARTNER";
}

#center_search > div > ul > li div.center_img div:nth-child(2) {
	width: 100%;
	height: 4.9vw;
	min-height: 110px;
	background-size: 100% 100%;
}

#center_search #img_zoom {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 500px;
	/*height: 100%;*/
	/*padding: clamp(174px, 9.06vw, 9.06vw) 5% 0 5%;*/
	box-shadow: 0px 1px 3px #11111112;
	/*border: 1px solid #CCCCCC;*/
	box-sizing: border-box;
	overflow-y: hidden;
	z-index: 10;
}

#center_search #img_zoom .img_content {
	float: left;
	width: 100%;
	height: 100%;
	background: #EEF2F4EE 0% 0% no-repeat padding-box;
	box-sizing: border-box;
	overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;

}

#center_search #img_zoom .btn_close {
	width: 100%;
	height: 60px;
	margin: 30px 0 20px 0;
	text-align: center;
	background: url(/maps/img/ico_close01.svg) center center no-repeat;
	background-size: 60px 60px;
	cursor: pointer;
}

#center_search #img_zoom .iw_inner {
	width: 100%;
	padding: 20px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 3px #11111112;
	box-sizing: border-box;
}

#center_search .cslink {
	width: 140px;
	min-width: 7.3vw;
	height: 1.56vw;
	min-height: 30px;
	margin-left: auto;
	text-align: center;
	font: normal normal normal clamp(14px, 0.73vw, 0.73vw)/clamp(30px, 1.56vw, 1.56vw) Noto Sans KR Bold;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	background: #cccccc 0% 0% no-repeat padding-box;
	border: 1px solid #a0a0a0;
	border-radius: clamp(15px, 0.78vw, 0.78vw);
	box-shadow: 0px 1px 3px #11111112;
	box-sizing: border-box;
	cursor: pointer;
}

#center_search .cslink:hover {
	background: #c3c3c3 0% 0% no-repeat padding-box;
}

#center_list .equipment_list {
	width: 100%;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
}

#center_list .equipment_list li {
    position: relative;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
}

#center_list .equipment_list .bname {
	margin-top: 30px;
	font: normal normal bold 18px/30px Apple SD Gothic Neo;
	letter-spacing: 0px;
	color: #707070;
}

#center_list .equipment_list .ename {
	padding-left: 15px;
}

#center_list .equipment_list .ename div {
	width: 100%;
	font: normal normal normal 16px/30px Apple SD Gothic Neo;
	letter-spacing: 0px;
	color: #707070;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#center_list .equipment_list .ename img {
	display: none;
	position: absolute;
	top: 25px;
	right: 0;
	width: 200px;
	height: 215px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	z-index: 2;
}

#center_list .equipment_list .ename:hover img {
	display: block;
}

#wrap_main #map {
	width: 100%;
	height: 100%;
}