@charset "utf-8"; 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;line-height:100%;
}
body *{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{font-size:16px; font-family:'Pretendard', 'GmarketSansMedium','NanumGothic','gulim',sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,small{display:block;}
blockquote,q{quotes:none;}
mark{background-color:#ff9;color:#333;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img,fieldset{border:0;vertical-align:middle;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
button{outline:0; border:0; }
a{text-decoration:none;color:#333;vertical-align:baseline;}
a:hover,a:active,a:focus{text-decoration:none;}
::selection{background:rgba(130, 160, 88, .3);}
.error {color:red !important; font-size:.875rem;}
.bold {font-weight:bold;}
.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
caption.blind{position:static;}
.no_padding{padding:0 !important;}
small{font-size:11px;padding-left:10px;}
.clearfix:after{content:'';display:block;clear:both;}
.float-left{float:left;}
.float-right{float:right;}

.valign-top {vertical-align:top;}
.valign-mid {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}
.talign-left {text-align:left}
.talign-cent {text-align:center}
.talign-right {text-align:right}
.text-dot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-pre {white-space: pre-line;}

/* margin & padding
-----------------------------------------------*/
.m0 {margin:0 !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !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; }
.mb100 {margin-bottom:100px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !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;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt100 {margin-top:100px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.p0 {padding:0 !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.pb0 {padding-bottom:0px !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;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb80 {padding-bottom:80px !important;}
.pb100 {padding-bottom:100px !important;}
.pb140 {padding-bottom:140px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !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;}
.pt50 {padding-top:50px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt300 {padding-top:300px !important;}
.pl0 {padding-left:0 !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;}
.pl50 {padding-left:50px !important;}
.pr0 {padding-right:0px !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;}
.pr50 {padding-right:50px !important;}

/****/
.h40 {height:40px !important;}

/* width
-----------------------------------------------*/
.per5{width:5% !important;}
.per10{width:10% !important;}
.per15{width:15% !important;}
.per20{width:20% !important;}
.per25{width:25% !important;}
.per30{width:30% !important;}
.per35{width:35% !important;}
.per40{width:40% !important;}
.per45{width:45% !important;}
.per50{width:50% !important;}
.per55{width:55% !important;}
.per60{width:60% !important;}
.per65{width:65% !important;}
.per70{width:70% !important;}
.per75{width:75% !important;}
.per80{width:80% !important;}
.per85{width:85% !important;}
.per90{width:90% !important;}
.per95{width:95% !important;}
.per100{width:100% !important;}

.px10{width:10px !important;}
.px20{width:20px !important;}
.px30{width:30px !important;}
.px40{width:40px !important;}
.px50{width:50px !important;}
.px60{width:60px !important;}
.px70{width:70px !important;}
.px80{width:80px !important;}
.px90 {width:90px !important;}
.px100{width:100px !important;}
.px150{width:150px !important;}
.px200{width:200px !important;}
.px250{width:250px !important;}
.px300{width:300px !important;}
.px350{width:350px !important;}
.px400{width:400px !important;}
.px450{width:450px !important;}
.px500{width:500px !important;}
.px550{width:550px !important;}
.px600{width:600px !important;}
.px650{width:650px !important;}
.px700{width:700px !important;}

@media screen and (max-width: 1280px){
    html,body{font-size:14px}
}
 

@media screen and (max-width:1400px) {
	.container {width: 1300px; padding:1rem;} 
}
@media screen and (max-width:1200px) {
	.container {width: 1100px; padding:2rem;} 
} 
@media screen and (max-width:992px) {
	.container {width:960px;}
}
@media screen and (max-width:768px) {
    html,body{font-size:14px}
	.container {width:740px; padding:1rem;}
}