@charset "UTF-8";
/* 모던브라우저 익스플로러 9부터 최적화된 css*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;font-size:13px}
body{line-height:1;background-color:#fff;letter-spacing:-.05em;font-family:'NanumSquare','HelveticaNeue','AppleSDGothicNeo-Regular','Malgun Gothic','MalgunGothic','맑은고딕','맑은 고딕',sans-serif;font-weight:400;}

ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;vertical-align:middle}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold}
a{text-decoration:none;cursor:pointer;color:inherit}
a:active,a:hover{text-decoration:none}

/*placeholder*/
input::-webkit-input-placeholder,/* Chrome/Opera/Safari */
input::-moz-placeholder,/* Firefox 19+ */
input:-ms-input-placeholder,/* IE 10+ */
input:-moz-placeholder,/* Firefox 18- */
input::placeholder{color:gray}/* Firefox 18- */
textarea::-webkit-input-placeholder{color:gray}/* Chrome/Opera/Safari */
textarea::-moz-placeholder{color:gray}/* Firefox 19+ */
textarea:-ms-input-placeholder{color:gray}/* IE 10+ */
textarea:-moz-placeholder{color:gray}/* Firefox 18- */
textarea::placeholder{color:gray}/* Firefox 18- */



/* customizing select */
.cus_select{position:relative}
.cus_select:after{display:block;width:0;height:0;overflow:hidden;border-width:5px;border-style:solid;border-color:#323232 transparent transparent transparent;position:absolute;top:50%;right:5px;margin-top:-3px;content:''}
.cus_select select{padding-right:20px}

/*point color*/
.txt_point{color:#fb105d!important}
.bg_point{background-color:#fb105d!important}
.bd_point{border-color:#fb105d!important}

/**attribute**/
/*margin-bottom*/
.mb0{margin-bottom:0!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}
/*margin-top*/
.mt0{margin-top:0!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}

/*padding-bottom*/
.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}
/*padding-top*/
.pt10{padding-top:10px!important}
.pt10{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt10{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt10{padding-top:35px!important}
.pt40{padding-top:40px!important}
.pt10{padding-top:45px!important}
.pt50{padding-top:50px!important}

/*display*/
.db{display:block!important}
.di{display:inline}
.dib{display:inline-block}
.dn{display:none!important}
.tbl{display:table}
.tr{display:table-row}
.td{display:table-cell}

/*vertical*/
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}

/*font-size (13px 기준 rem)*/
.fs10{font-size:.7692rem}
.fs11{font-size:.8462rem}
.fs12{font-size:.9231rem}
.fs13{font-size:1rem}
.fs14{font-size:1.077rem}
.fs15{font-size:1.154rem}
.fs16{font-size:1.231rem}
.fs17{font-size:1.308rem}
.fs18{font-size:1.385rem}
.fs19{font-size:1.462rem}
.fs20{font-size:1.538rem}
.fs21{font-size:1.615rem}
.fs22{font-size:1.692rem}
.fs23{font-size:1.769rem}
.fs24{font-size:1.846rem}
.fs25{font-size:1.923rem}
.fs26{font-size:2rem}
.fs27{font-size:2.077rem}
.fs28{font-size:2.154rem}
.fs29{font-size:2.231rem}
.fs30{font-size:2.308rem}
.fs32{font-size:2.462rem}
.fs34{font-size:2.615rem}
.fs40{font-size:3.077rem}
.fs42{font-size:3.231rem}
.fs50{font-size:3.846rem}

/*font-weight*/
.fb{font-weight:bold}
.fn{font-weight:normal}
/*text-align*/
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
/*ellipsis*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*ellipsis row2의 경우 height과 line-height을 지정해 줘야함*/
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}

/*position*/
.posia{position:absolute}
.posif{position:fixed}
.posir{position:relative}

/*float*/
.fl{float:left}
.fr{float:right}
/*clear fix*/
.clr:before,.clr:after{display:table;content:''}
.clr:after{clear:both}

/*border,border-radius*/
.bd{border:1px solid #dcdcdc}
.br5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.br10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.br50{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.br100{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}

/*button*/
.btn{display:inline-block;padding:.7692rem 1rem;font-size:1rem;color:#646464}
.btn_gray{background-color:#f8f8f8}
.btn_black{background-color:#323232;color:#fff}
.btn_red{background-color:red;color:#fff}
.btn_blue{}
.btn_green{}