@charset "UTF-8";
@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: Bold;
    src: url(../font/G-Bold.eot);
    src: url(../font/G-Bold.eot?#iefix) format('embedded-opentype'),
         url(../font/G-Bold.woff) format('woff'),
         url(../font/G-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: Medium;
    src: url(../font/G-Medium.eot);
    src: url(../font/G-Medium.eot?#iefix) format('embedded-opentype'),
         url(../font/G-Medium.woff) format('woff'),
         url(../font/G-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: 300;
    src: url(../font/G-Light.eot);
    src: url(../font/G-Light.eot?#iefix) format('embedded-opentype'),
         url(../font/G-Light.woff) format('woff'),
         url(../font/G-Light.ttf) format('truetype');
}
*, :before, :after {box-sizing: border-box;}

/* rem단위사용시 root요소에 폰트지정 */
/* html {font-size: 10px;} */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,menu,nav,section,main,audio,video {margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0.1);}

/*html5추가 시멘틱엘리먼트를 익스하위버전에서 블럭으로 인식되도록함*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block}

/* button태그에 손모양 커서 */
button {cursor:pointer}
/* 익스하위버전에서 이미지 선없애기 */
fieldset,img {border: 0; vertical-align: top}
/* 리스트 기호 빼기 */
ol,ul {list-style: none}
/* 태그 기본 기울임꼴 제거 */
address,em {font-style: normal}
/* 페이지안에서 가장 많은 링크색 지정 */
/* a태그컬러는 디자인시안상에 가장많은 컬러로 변경해야함 */
a {text-decoration: none; color: #666;}
/* iframe으로 외부컨텐츠를 연결했을때
외부컨텐츠안쪽내용이 우리페이지에 영향을 주지못하도록 가려줌
*/
iframe {overflow: hidden; border: 0}
/* 칸의 선을 합치기, 칸의 간격없애기, 가로를 늘려줌 */
table {border-collapse: collapse; border-spacing: 0; width: 100%}
/* 굵기 빼고 헤딩태그 폰트크기를 body에 선언한 크기와 일치시킴 */
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%}
/* 폼요소의 높이가 다를때 요소끼리 세로정렬시킴 */
input,select,textarea,button {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border-radius: 0;
    /* 모바일 탭컬러 */
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
    /* ios에서 폼요소에 선이 있을경우 그림자생성 방지 */
    -webkit-appearance:none;
    appearance: none;
}


/* textarea 리사이즈기능 빼기 */
textarea {resize: none}

/* 페이지안의 모든 폰트의 줄간격을 1.5로 통일시킴
모바일 크롬, 모바일 사 파리 브라우져의 텍스트 자동확대 방지
*/
body {line-height: 1.5; -webkit-text-size-adjust:none}




/************** 공통스타일 *************/
body,input,button,select,textarea,table {
    font-family:'Spoqa Han Sans Neo','Noto Sans KR','맑은 고딕','Gmarket','malgun gothic',sans-serif;
    font-size: 15px;
    color:#000;
    letter-spacing: -0.04em;
}

.xe_icon {font-family: 'xeicon';}


/* 스킵네비게이션 */
#skipNavi {position: relative;}
#skipNavi a { position: absolute; left:0; top:-9999px; width:100%; line-height: 40px; text-align: center; background: #ddd; font-size: 14px; z-index: 99999;}
#skipNavi a:hover, #skipNavi a:active, #skipNavi a:focus { top:0; }

/* 글자선택시 배경색,글자색 변경 */
/* ::-moz-selection {
    background-color: #ef151e;
    color: #ffffff
}
::selection {
    background-color: #ef151e;
    color: #ffffff;
} */

/* legend,caption,메뉴제목,섹션제목 블라인드
legend(폼제목),caption(표제목)을 시각적으로 보이지않게처리
*/
legend,caption,.blind,input[type="checkbox"],input[type="radio"],input[type="file"] {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px}

/* overflow:hidden으로 float해제 못할경우 사용 */
.clearfix:after {
    content: '';
    display: block;
    clear:both;
}



/* margin */

.mt_5 {margin-top: 5px;}
.mt_6 {margin-top: 6px;}
.mt_7 {margin-top: 7px;}
.mt_8 {margin-top: 8px;}
.mt_9 {margin-top: 9px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}
.mt_30 {margin-top: 30px;}
.mt_40 {margin-top: 40px;}
.mt_50 {margin-top: 50px;}
.mt_60 {margin-top: 60px;}
.mt_70 {margin-top: 70px;}
.mt_80 {margin-top: 80px;}
.mt_90 {margin-top: 90px;}
.mt_100 {margin-top: 100px;}

.mb_5 {margin-bottom: 5px;}
.mb_6 {margin-bottom: 6px;}
.mb_7 {margin-bottom: 7px;}
.mb_8 {margin-bottom: 8px;}
.mb_9 {margin-bottom: 9px;}
.mb_10 {margin-bottom: 10px;}
.mb_15 {margin-bottom: 15px;}
.mb_20 {margin-bottom: 20px;}
.mb_30 {margin-bottom: 30px;}
.mb_40 {margin-bottom: 40px;}
.mb_50 {margin-bottom: 50px;}
.mb_60 {margin-bottom: 60px;}
.mb_70 {margin-bottom: 70px;}
.mb_80 {margin-bottom: 80px;}
.mb_90 {margin-bottom: 90px;}
.mb_100 {margin-bottom: 100px;}

.ml_5 {margin-left: 5px;}
.ml_6 {margin-left: 6px;}
.ml_7 {margin-left: 7px;}
.ml_8 {margin-left: 8px;}
.ml_9 {margin-left: 9px;}
.ml_10 {margin-left: 10px;}
.ml_15 {margin-left: 15px;}
.ml_20 {margin-left: 20px;}
.ml_30 {margin-left: 30px;}
.ml_40 {margin-left: 40px;}
.ml_50 {margin-left: 50px;}

.mr_5 {margin-right: 5px;}
.mr_6 {margin-right: 6px;}
.mr_7 {margin-right: 7px;}
.mr_8 {margin-right: 8px;}
.mr_9 {margin-right: 9px;}
.mr_10 {margin-right: 10px;}
.mr_15 {margin-right: 15px;}
.mr_20 {margin-right: 20px;}
.mr_30 {margin-right: 30px;}
.mr_40 {margin-right: 40px;}
.mr_50 {margin-right: 50px;}


/* padding */
.pt_5 {padding-top: 5px;}
.pt_6 {padding-top: 6px;}
.pt_7 {padding-top: 7px;}
.pt_8 {padding-top: 8px;}
.pt_9 {padding-top: 9px;}
.pt_10 {padding-top: 10px;}
.pt_15 {padding-top: 15px;}
.pt_20 {padding-top: 20px;}
.pt_30 {padding-top: 30px;}
.pt_40 {padding-top: 40px;}
.pt_50 {padding-top: 50px;}
.pt_60 {padding-top: 60px;}
.pt_70 {padding-top: 70px;}
.pt_80 {padding-top: 80px;}
.pt_90 {padding-top: 90px;}
.pt_100 {padding-top: 100px;}

.pb_5 {padding-bottom: 5px;}
.pb_6 {padding-bottom: 6px;}
.pb_7 {padding-bottom: 7px;}
.pb_8 {padding-bottom: 8px;}
.pb_9 {padding-bottom: 9px;}
.pb_10 {padding-bottom: 10px;}
.pb_15 {padding-bottom: 15px;}
.pb_20 {padding-bottom: 20px;}
.pb_30 {padding-bottom: 30px;}
.pb_40 {padding-bottom: 40px;}
.pb_50 {padding-bottom: 50px;}
.pb_60 {padding-bottom: 60px;}
.pb_70 {padding-bottom: 70px;}
.pb_80 {padding-bottom: 80px;}
.pb_90 {padding-bottom: 90px;}
.pb_100 {padding-bottom: 100px;}

.pl_5 {padding-left: 5px;}
.pl_6 {padding-left: 6px;}
.pl_7 {padding-left: 7px;}
.pl_8 {padding-left: 8px;}
.pl_9 {padding-left: 9px;}
.pl_10 {padding-left: 10px;}
.pl_15 {padding-left: 15px;}
.pl_20 {padding-left: 20px;}
.pl_30 {padding-left: 30px;}
.pl_40 {padding-left: 40px;}
.pl_50 {padding-left: 50px;}

.pr_5 {padding-right: 5px;}
.pr_6 {padding-right: 6px;}
.pr_7 {padding-right: 7px;}
.pr_8 {padding-right: 8px;}
.pr_9 {padding-right: 9px;}
.pr_10 {padding-right: 10px;}
.pr_15 {padding-right: 15px;}
.pr_20 {padding-right: 20px;}
.pr_30 {padding-right: 30px;}
.pr_40 {padding-right: 40px;}
.pr_50 {padding-right: 50px;}

/* 플롯 */
.fl_l {float: left !important;}
.fl_r {float: right !important;}
/* 정렬 */
.align_l {text-align: left !important;}
.align_r {text-align: right !important;}
.align_c {text-align: center!important;}