/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/

@charset "utf-8";


/* ●●●●●●●●●● 기본설정 */

html {width:100%; height:100%;}
body {margin:0; padding:0; background:#ededed;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button,a,select {font-family:'Pretendard',sans-serif; color:#666; word-wrap:break-word; word-break:break-all; font-size:12px; letter-spacing:-0.5px; -webkit-text-size-adjust:none;}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600;}
/* 모바일에서 공통페이지 숫자 영문등의 표현이 디자인적으로 필요  lato설정 */

img {border:0;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;}
dl,dt,dd {list-style:none;}
input,select,textarea,button {margin:0; padding:0; vertical-align:middle; font-size:12px; outline:none; border-radius:0px;}
em {font-style:normal}
a,span {display:inline-block;}
span,div,a,b,strong {color:inherit; font-size:inherit; font-family:inherit; }
div {-webkit-overflow-scrolling: touch;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:#333; text-decoration: none;}

/* ●●●●●●●●●● 폼요소 기본 */

/* 체크박스/라디오버튼 */
label {overflow:hidden; line-height:20px; display:inline-block; padding:1px;}
input[type=checkbox],input[type=radio] {float:left; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; margin-right:5px;}

/* 체크박스 */
input[type=checkbox] {width:20px; height:20px; border-radius:2px; box-sizing:border-box; box-shadow:0 0 1px rgba(0,0,0,0.5); margin-left:1px !important}
input[type=checkbox] {background:#fff url('../images/cm_images/checkbox_radio.png') left top no-repeat; background-size:40px;}
input[type=checkbox]:checked {background-color:#fa0d3e; background-position:right top; box-shadow:none}

/* 라디오버튼 */
input[type=radio] {width:20px; height:20px; border-radius:100px; box-sizing:border-box; box-shadow:0 0 1px rgba(0,0,0,0.5); margin-left:1px !important}
input[type=radio] {background:#fff url('../images/cm_images/checkbox_radio.png') left bottom no-repeat; background-size:40px; }
input[type=radio]:checked {background-color:#fa0d3e; background-position:right bottom; box-shadow:none}


/* 인풋폼 기본 */
input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=file],input[type=search], input[type=submit],input[type=url], input[type=button], button
{-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; color:#999; background:none; box-sizing:border-box; line-height:1.2;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input:focus {color:#333}
input::-ms-clear {display: none;}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;}
textarea {border:none; background:none; line-height:18px; padding:5px; box-sizing:border-box; width:100%; -webkit-appearance:none; -webkit-border-radius:0; -webkit-overflow-scrolling: touch;}
textarea:focus {color:#333}


/* placholder는 일부 안드로이드에서 line-height값이 먹히지 않으므로 패딩값으로 함께 조절 */
input::-webkit-input-placeholder {color:#aaa;}
input::input-placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa}
textarea::input-placeholder {color:#aaa}


/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #EBF1F5 inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #d8e0e6 inset;}



/* 셀렉트박스 cm_design.css 로 옮김 */
.lineup {display:inline-block;}
.wrap {width:100%; height:100%; position:relative;}
.clear {clear:both}
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10}


/* 공통페이지는 다음과 같은 경로안으로 들어갑니다. */
.common_page {overflow:hidden;}
.common_inner {background:#fff; overflow:hidden;}
.common_full {padding:0} /* 패딩값없이 */
.common_full .cm_bottom_button {padding:0 10px !important;}
.common_inner .cm_bottom_button {padding:0 10px !important;}




@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}