@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
	font-family:'Noto Sans KR',"Apple SD Gothic Neo",sans-serif;
	-webkit-text-size-adjust:none;
	text-shadow:none;
	letter-spacing:-0.5px;
	outline: none!important;
}
html{
	overflow-y:scroll;
	font-size: 16px;
}
@media all and (max-width:760px){
	html {font-size:85%;}
}
html,body{height:100%;}
body{
	margin:0;
	padding:0;/*font-size:1.15rem;*/
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	word-break:break-all;
	*word-break:break-all;
	-ms-word-break:break-all;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:500;margin-top:0;}
article, aside, details, figcaption, figure, footer,section{display:block;}
ul,dl,dt,dd{margin:0;padding:0;list-style:none;}
ul,li,ins{list-style:none;text-decoration:none;}
ol{margin-left:16px;}
ol li{margin:3px 0;text-align:left;}
ul,dl,dt,dd,p,div,ins{display:block;} 
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em;font-weight:normal;}
input, button {margin:0;padding:0;}
input[type="submit"]{cursor:pointer}
img,form,fieldset,iframe,table{border:0 none;}
img{vertical-align:top;}
button{cursor:pointer;}
textarea, select{}
select {margin:0}
i{font-style: normal;}
p {margin:0;padding:0;word-break:break-all;}
pre {overflow-x:scroll;font-size:1.1em}
a {cursor:pointer;color:#333;text-decoration:none;}
a label{cursor:pointer;}
em,address{font-style:normal;font-weight:normal}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input,select,textarea,button,label{vertical-align:middle;outline:none;}
input:-webkit-autofill{transition: background-color 5000s ease-in-out 0s;}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;} 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus{
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;}
.placeholdersjs{color: #aaa !important;}

fieldset { min-width:0; padding:0; margin:0; border:0; }
input,select{vertical-align:middle; height:45px;}
input{text-indent:10px}
input[type="text"], input[type="password"] ,select, textarea {border:1px solid #ddd;box-shadow:none;}
input[type="text"], input[type="password"],select, textarea {box-sizing:border-box;}
/*select::-ms-expand {display:none;}*/
input[type="search"] { box-sizing:border-box; }
input[type="file"] { display:block; }
input[type="range"] { display:block; width:100%; }
input[type="submit"] {border:0;appearance:none;}
select[multiple], select[size] { height:auto; }
textarea { height:auto;padding:5px 10px;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
hr,caption,legend {overflow:hidden; width:0px; height:0px; font-size:0; line-height:0 }
button {border:0; padding:0; background:transparent;cursor: pointer;/*outline:none*/}
audio,object,embed{height:auto;}
iframe {width:100%;}

[tabindex="-1"]:focus {outline: none !important;}
hr{box-sizing: content-box;height: 0;overflow: visible;}

/* Customize the label (the container) */
.formz {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.formz input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}


/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #8EC31F;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.formz input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.formz .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Create a custom radio button */
.radiobtn{
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
/*.formz input:checked ~ .radiobtn{
  background-color: #8EC31F;
}*/

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.formz input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.formz .radiobtn_active {
	background-color: #8EC31F;
}

.formz .radiobtn_active:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


/* align */
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.wd05 {width : 5% !important}
.wd10 {width : 10% !important}
.wd15 {width : 15% !important}
.wd20 {width : 20% !important}
.wd25 {width : 25% !important}
.wd30 {width : 30% !important}
.wd35 {width : 35% !important}
.wd40 {width : 40% !important}
.wd45 {width : 45% !important}
.wd49 {width : 49% !important}
.whalf {width : 49.5% !important}
.wd50 {width : 50% !important}
.wd55 {width : 55% !important}
.wd60 {width : 60% !important}
.wd65 {width : 65% !important}
.wd70 {width : 70% !important}
.wd75 {width : 75% !important}
.wd80 {width : 80% !important}
.wd85 {width : 85% !important}
.wd90 {width : 90% !important}
.wd95 {width : 95% !important}
.wd96 {width : 96% !important}
.wd97 {width : 97% !important}
.wd98 {width : 98% !important}
.wd99 {width : 99% !important}
.wd100 {width : 100% !important}
/* Padding & Margin  style */
.p1{padding:1px !important;}
.p2{padding:2px !important;}
.p3{padding:3px !important;}
.p4{padding:4px !important;}
.p5{padding:5px !important;}
.p6{padding:6px !important;}
.p7{padding:7px !important;}
.p8{padding:8px !important;}
.p9{padding:9px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.pbt1{padding:1px 0 !important;}
.pbt2{padding:2px 0 !important;}
.pbt3{padding:3px 0 !important;}
.pbt4{padding:4px 0 !important;}
.pbt5{padding:5px 0 !important;}
.pbt6{padding:6px 0 !important;}
.pbt7{padding:7px 0 !important;}
.pbt8{padding:8px 0 !important;}
.pbt9{padding:9px 0 !important;}
.pbt10{padding:10px 0 !important;}
.pbt15{padding:15px 0 !important;}
.pbt20{padding:20px 0 !important;}
.pbt25{padding:25px 0 !important;}
.pbt30{padding:30px 0 !important;}
.plr1{padding:0 1px !important;}
.plr2{padding:0 2px !important;}
.plr3{padding:0 3px !important;}
.plr4{padding:0 4px !important;}
.plr5{padding:0 5px !important;}
.plr6{padding:0 6px !important;}
.plr7{padding:0 7px !important;}
.plr8{padding:0 8px !important;}
.plr9{padding:0 9px !important;}
.plr10{padding:0 10px !important;}
.plr15{padding:0 15px !important;}
.plr20{padding:0 20px !important;}
.plr25{padding:0 25px !important;}
.plr30{padding:0 30px !important;}
.p0{padding:0 !important;}  
.pt0{padding-top:0px !important;}
.pt1{padding-top:1px !important;}
.pt2{padding-top:2px !important;}
.pt3{padding-top:3px !important;}
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt6{padding-top:6px !important;}
.pt7{padding-top:7px !important;}
.pt8{padding-top:8px !important;}
.pt9{padding-top:9px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt19{padding-top:19px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}
.pr0{padding-right:0px !important;}
.pr1{padding-right:1px !important;}
.pr2{padding-right:2px !important;}
.pr3{padding-right:3px !important;}
.pr4{padding-right:4px !important;}
.pr5{padding-right:5px !important;}
.pr6{padding-right:6px !important;}
.pr7{padding-right:7px !important;}
.pr8{padding-right:8px !important;}
.pr9{padding-right:9px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}
.pb0{padding-bottom:0px !important;}
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb3{padding-bottom:3px !important;}
.pb4{padding-bottom:4px !important;}
.pb5{padding-bottom:5px !important;}
.pb6{padding-bottom:6px !important;}
.pb7{padding-bottom:7px !important;}
.pb8{padding-bottom:8px !important;}
.pb9{padding-bottom:9px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}
.pl0{padding-left:0px !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl3{padding-left:3px !important;}
.pl4{padding-left:4px !important;}
.pl5{padding-left:5px !important;}
.pl6{padding-left:6px !important;}
.pl7{padding-left:7px !important;}
.pl8{padding-left:8px !important;}
.pl9{padding-left:9px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.m1{margin:1px !important;}
.m2{margin:2px !important;}
.m3{margin:3px !important;}
.m4{margin:4px !important;}
.m5{margin:5px !important;}
.m7{margin:7px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.mbt1{margin:1px 0 !important;}
.mbt2{margin:2px 0 !important;}
.mbt3{margin:3px 0 !important;}
.mbt4{margin:4px 0 !important;}
.mbt5{margin:5px 0 !important;}
.mbt6{margin:6px 0 !important;}
.mbt7{margin:7px 0 !important;}
.mbt8{margin:8px 0 !important;}
.mbt9{margin:9px 0 !important;}
.mbt10{margin:10px 0 !important;}
.mbt15{margin:15px 0 !important;}
.mbt20{margin:20px 0 !important;}
.mbt25{margin:25px 0 !important;}
.mbt30{margin:30px 0 !important;}
.mlr1{margin:0 1px !important;}
.mlr2{margin:0 2px !important;}
.mlr3{margin:0 3px !important;}
.mlr5{margin:0 5px !important;}
.mlr7{margin:0 7px !important;}
.mlr10{margin:0 10px !important;}
.mlr15{margin:0 15px !important;}
.mlr20{margin:0 20px !important;}
.mlr25{margin:0 25px !important;}
.mlr30{margin:0 30px !important;}
.m0{margin:0px !important;}
.mt0{margin-top:0px !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mr0{margin-right:0px !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr27{margin-right:27px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mb0{margin-bottom:0px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}

/* 오버-클릭 커서로 지정 */
.pointer, .hand{cursor:pointer;}
.mvPointer {cursor:move;}


/*플로팅*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.aftercr:after {clear:both;content:"";display:block;}


/*포지셔닝*/
.pos_d, .pos-d, .poss {position:static;}
.pos_r, .pos-r, .posr {position:relative;}
.pos_a, .pos-a, .posa {position:absolute;}


/*박스유형*/
.dis_i, .dis-i, .disi {display:inline-block !important;}
.dis_b, .dis-b, .disb {display:block !important;}
.dis_g, .dis-g, .disg {display: grid; display: -ms-grid; }
.dis_f, .dis-f, .disf .grid {display: flex;}


/*그리드*/
.grid-col1, .g-col1 { 
	grid-template-columns: repeat(1, 1fr);
	-ms-grid-columns: 1fr;
}
.grid-col2, .g-col2 { 
	grid-template-columns: repeat(2, 1fr);
	-ms-grid-columns: 1fr 1fr ;
}
.grid-col3, .g-col3 { 
	grid-template-columns: repeat(3, 1fr);
	-ms-grid-columns: 1fr 1fr 1fr ;
}
.grid-col4, .g-col4 { 
	grid-template-columns: repeat(4, 1fr);
	-ms-grid-columns: 1fr 1fr 1fr 1fr ;
}
.grid-col5, .g-col5 { 
	grid-template-columns: repeat(5, 1fr);
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr ;
}
.grid-col6, .g-col6 { 
	grid-template-columns: repeat(6, 1fr);
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
}
@media all and (max-width:992px){
	.grid-col3, .g-col3, .grid-col5, .g-col5 {
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-columns: 1fr;
	}
}
@media all and (max-width:760px){
	.grid-col3, .g-col3, .grid-col5, .g-col5 {
		grid-template-columns: repeat(1, 1fr);
		-ms-grid-columns: 1fr ;
	}
	.grid-col4, .g-col4, .grid-col6, .g-col6 {
		grid-template-columns: repeat(2, 1fr);
		-ms-grid-columns: 1fr 1fr ;
	}
}


/* ellipsis */
.ell {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordkeep, .w_keep, .w-keep {white-space:normal;word-break:keep-all;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.wblind {width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}/* 크롬에서 col width 값 안먹는 문제 대응 */
.sc_none {overflow:hidden;} /* 스크롤 없애는 이벤트시 적용 */
.pc {display: block;}
.mobile {display: none;}

@media all and (max-width:760px){
	.pc {display: none;}
	.mobile {display: block;}
}


/* 공백 */
.gap {height:60px;clear:both;display:block;}
.sgap {height:40px;clear:both;display:block;}
.ssgap {height:20px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}

@media all and (max-width:760px){
	.gap {height:40px;clear:both;display:block;}
	.sgap {height:25px;clear:both;display:block;}
	.ssgap {height:15px;clear:both;display:block;}
	.ssgap {height:15px;clear:both;display:block;}
	.sssgap {height:10px;clear:both;display:block;}
}
@media all and (max-width:460px){
	.gap {height:30px;clear:both;display:block;}
	.sgap {height:20px;clear:both;display:block;}
	.ssgap {height:10px;clear:both;display:block;}
	.ssgap {height:10px;clear:both;display:block;}
	.sssgap {height:5px;clear:both;display:block;}
}

/*정렬*/
.tc, .t_center {text-align:center;}
.tl, .t_left {text-align:left;}
.tr, .t_right {text-align:right;}
.left , .l {text-align:left !important; }
.right, .r {text-align:right !important;}
.center, .c {text-align:center !important;}
.vtop, .vtop, .vt * {vertical-align:text-top !important;}
.vcen, .vcen, .vc * {vertical-align:middle !important;}
.vfoot, .vfoot, .vf * {vertical-align:text-bottom !important;}

/* 들여쓰기 */
.indent {margin-left:15px;}
.li-indent {margin-left:10px;}

/* 폰트색상 */
.c0 {color:#000 !important;}
.c2 {color:#222 !important;}
.c3 {color:#333 !important;}
.c5 {color:#555 !important;}
.c6 {color:#666 !important;}
.c8 {color:#888 !important;}
.c9 {color:#999 !important;}
.cf {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}

.cred {color:#df2519 !important;}
.cblue {color:#2176C6 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9f2C00 !important;}
.corg {color:#ff5612 !important;}

.bg1 {background-color:#69696a !important;}
.bg2 {background-color:#ababab !important;}
.bg3 {background-color:#848484 !important;}
.bg4 {background-color:#727272 !important;}
.bg5 {background-color:#b3b7bc !important;}


/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}
.b100 {font-weight: 100;}
.b200 {font-weight: 200;}
.b300 {font-weight: 300;}
.b400 {font-weight: 400;}
.b500 {font-weight: 500;}
.b600 {font-weight: 600;}
.b700 {font-weight: 700;}
.b800 {font-weight: 800;}




h2 {font-size: 2rem; line-height:2.65rem; }
h3 {font-size: 1.5rem; line-height:2.25rem; }
h4 {font-size: 1.2rem; line-height:2rem;}
h5 {font-size: 1rem; line-height:1.8rem;}

p {font-size: 1rem; line-height: 1.8rem;}
.f60 { font-size: 3.75rem; line-height: 4rem;}
.f30 { font-size: 3rem; line-height: 3.8rem;}
.f25 { font-size: 2.5rem;}
.f20 { font-size: 2rem;}
.f18 { font-size: 1.8rem;}
.f15 { font-size: 1.5rem;}
.f12 { font-size: 1.2rem;}
.f10 { font-size: 1rem;}
.f09 { font-size: 0.9rem;}

@media all and (max-width:1100px){
	h2 {font-size: 1.55rem;}
	h3 {font-size: 1.25rem;}
	h4 {font-size: 1.15rem;}
	p {font-size: 1rem;}
	.f60 { font-size: 2.6rem; line-height: 3rem;}
	.f30 { font-size: 2.2rem; line-height: 2.a6rem;}
	.f25 { font-size: 2rem;}
	.f20 { font-size: 1.85rem;}
	.f18 { font-size: 1.55rem;}
	.f15 { font-size: 1.35rem;}
	.f12 { font-size: 1.2rem;}
	.f10 { font-size: 1rem;}
	.f09 { font-size: 0.9rem;}
}

@media all and (max-width:760px){
	h2 {font-size: 1.35rem;}
	h3 {font-size: 1.15rem;}
	h4 {font-size: 1.05rem;}
	p {font-size: 1rem;}
	.f25 { font-size: 2rem;}
	.f20 { font-size: 1.8rem;}
	.f18 { font-size: 1.55rem;}
	.f15 { font-size: 1.35rem;}
	.f12 { font-size: 1.2rem;}
	.f10 { font-size: 1rem;}
	.f09 { font-size: 0.9rem;}
}



/*줄간격*/
.tlh190 {line-height:190%;}
.tlh180 {line-height:180%;}
.tlh170 {line-height:170%;}
.tlh160 {line-height:160%;}
.tlh150 {line-height:150%;}
.tlh140 {line-height:140%;}
.tlh130 {line-height:130%;}
.tlh120 {line-height:120%;}
.tlh110 {line-height:110%;}

/*영문,숫자*/
.en {font-size:90%;font-family:Verdana;}

/* 패딩*/
.pb50r {padding-bottom: 5rem;}
.pb40r {padding-bottom: 4rem;}
.pb30r {padding-bottom: 3rem;}
.pb20r {padding-bottom: 2rem;}
.pb15r {padding-bottom: 1.5rem;}
.pb10r {padding-bottom: 1rem;}
.pb05r {padding-bottom: 0.5rem;}

.pt50r {padding-top: 5rem;}
.pt40r {padding-top: 4rem;}
.pt30r {padding-top: 3rem;}
.pt20r {padding-top: 2rem;}
.pt15r {padding-top: 1.5rem;}
.pt10r {padding-top: 1rem;}
.pt05r {padding-top: 0.5rem;}

.pl50r {padding-left: 5rem;}
.pl40r {padding-left: 4rem;}
.pl30r {padding-left: 3rem;}
.pl20r {padding-left: 2rem;}
.pl15r {padding-left: 1.5rem;}
.pl10r {padding-left: 1rem;}
.pl05r {padding-left: 0.5rem;}

.pr50r {padding-right: 5rem;}
.pr40r {padding-right: 4rem;}
.pr30r {padding-right: 3rem;}
.pr20r {padding-right: 2rem;}
.pr15r {padding-right: 1.5rem;}
.pr10r {padding-right: 1rem;}
.pr05r {padding-right: 0.5rem;}


/*마진*/
.mb50r {margin-bottom:5rem;}
.mb40r {margin-bottom:4rem;}
.mb30r {margin-bottom:3rem;}
.mb20r {margin-bottom:2rem;}
.mb15r {margin-bottom:1.5rem;}
.mb10r {margin-bottom:1rem;}
.mb05r {margin-bottom:0.5rem;}

.mt50r {margin-top:5rem;}
.mt40r {margin-top:4rem;}
.mt30r {margin-top:3rem;}
.mt20r {margin-top:2rem;}
.mt15r {margin-top:1.5rem;}
.mt10r {margin-top:1rem;}
.mt05r {margin-top:0.5rem;}

.ml50r {margin-left:5rem;}
.ml40r {margin-left:4rem;}
.ml30r {margin-left:3rem;}
.ml20r {margin-left:2rem;}
.ml15r {margin-left:1.5rem;}
.ml10r {margin-left:1rem;}
.ml05r {margin-left:0.5rem;}

.mr50r {margin-right:5rem;}
.mr40r {margin-right:4rem;}
.mr30r {margin-right:3rem;}
.mr20r {margin-right:2rem;}
.mr15r {margin-right:1.5rem;}
.mr10r {margin-right:1rem;}
.mr05r {margin-right:0.5rem;}

@media all and (max-width:760px){
	.pb50r {padding-bottom: 3.5rem;}
	.pb40r {padding-bottom: 2rem;}
	.pb30r {padding-bottom: 1.5rem;}
	.pb20r {padding-bottom: 1rem;}
	.pb15r {padding-bottom: 1rem;}
	.pb10r {padding-bottom: 1rem;}
	.pb05r {padding-bottom: 0.5rem;}

	.pt50r {padding-top: 3.5rem;}
	.pt40r {padding-top: 2rem;}
	.pt30r {padding-top: 1.5rem;}
	.pt20r {padding-top: 1rem;}
	.pt15r {padding-top: 1rem;}
	.pt10r {padding-top: 1rem;}
	.pt05r {padding-top: 0.5rem;}


	/*마진*/
	.mb50r {margin-bottom:3.5rem;}
	.mb40r {margin-bottom:2rem;}
	.mb30r {margin-bottom:1.5rem;}
	.mb20r {margin-bottom:1rem;}
	.mb15r {margin-bottom:1rem;}
	.mb10r {margin-bottom:1rem;}
	.mb05r {margin-bottom:0.5rem;}

	.mt50r {margin-top:3rem;}
	.mt40r {margin-top:2rem;}
	.mt30r {margin-top:1.5rem;}
	.mt20r {margin-top:1rem;}
	.mt15r {margin-top:1rem;}
	.mt10r {margin-top:1rem;}
	.mt05r {margin-top:0.5rem;}
}
/*가로 크기*/
.w100p {width:100%!important;}
.w98p {width:98%!important;}
.w95p {width:95%!important;}
.w90p {width:90%!important;}
.w80p {width:80%!important;}
.w70p {width:70%!important;}
.w60p {width:60%!important;}
.w50p {width:49%!important;}
.w45p {width:44%!important;}
.w40p {width:40%!important;}
.w33p {width:33.3333%!important;}
.w30p {width:30%!important;}
.w25p {width:25%!important;}
.w20p {width:20%!important;}
.w15p {width:15%!important;}
.w10p {width:10%!important;}

.wc2 {width: calc(100% / 2)!important;}
.wc3 {width: calc(100% / 3)!important;}
.wc4 {width: calc(100% / 4)!important;}
.wc5 {width: calc(100% / 5)!important;}


/* 보더 */
.bdb0 {border-bottom:0 !important}
.bdl0 {border-left:0 !important}
.bdr0 {border-right:0 !important}
.bdt0 {border-top:0 !important}


/* 애니메이션 */
.adl01 {
	animation-delay:0.05s;
	-webkit-animation-delay:0.05s;
}
.adl02 {
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}
.adl03 {
	animation-delay:0.15s;
	-webkit-animation-delay:0.15s;
}
.adl04 {
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}
.adl05 {
	animation-delay:0.25s;
	-webkit-animation-delay:0.25s;
}
.adl06 {
	animation-delay:0.3s;
	-webkit-animation-delay:0.35s;
}
.adl07 {
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
}
.adl08 {
	animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
}
.adl09 {
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
}
.adl10 {
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.adl15 {
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
}
.adl20 {
	animation-delay:2s;
	-webkit-animation-delay:2s;
}
.adl25 {
	animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
}

.adu10 {
	animation-duration:1s;
	-webkit-animation-duration:1s;
}
.adu15 {
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
}
.adu20 {
	animation-duration:2s;
	-webkit-animation-duration:2s;
}
.adu25 {
	animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
}
.adu30 {
	animation-duration:3s;
	-webkit-animation-duration:3s;
}
.adu35 {
	animation-duration:3.5s;
	-webkit-animation-duration:3.5s;
}
.adu40 {
	animation-delay:4s;
	-webkit-animation-delay:4s;
}
.adu45 {
	animation-delay:4.5s;
	-webkit-animation-delay:4.5s;
}
.adu50 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
}
.adu50 {
	animation-delay:5.5s;
	-webkit-animation-delay:5.5s;
}


/* browser */
.chrome, .chr {display: block}	
.explorer, .exp {display: none;}	

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.chrome, .chr {display: none!important;}	
	.explorer, .exp, .ie {display: block!important; width: 100%; margin: 0 auto;}	
}