@charset "UTF-8";
@import url('../_font/pretendard/pretendard.css');

/* common */
html, body {margin:0; font-size: 10px; height:100%;}
body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,code,blockquote,form,fieldset,legend,input,textarea,button,select,table,th,td {margin:0;padding:0;}
body{font-size: 10px; font-family: 'Pretendard', 'Malgun Gothic','맑은고딕', 'Dotum', 'AppleSDGothicNeo', 'sans-serif'; color: #1a1a1a; }
ul,ol,li,dl,menu {list-style:none;}
img {border:0 none;vertical-align:middle;}
form,fieldset {border:0 none;}
label,input,textarea,button { border:0;border-radius:0; font-family: inherit;  /* 폰트 상속 */line-height:normal; vertical-align:middle; }
input[type="checkbox"]{ height: inherit; border: none; }
input,textarea{min-height: 24px; box-sizing: border-box; padding: 2px 3px 3px 3px; border: 1px solid #ccc;}
input[type="radio"]{ border: none; }
select {border: 1px solid #ccc; border-radius:0; line-height:normal;vertical-align:middle; font-size:1.4rem; height:24px; font-weight:normal;font-family: inherit;  /* 폰트 상속 */}
input[type="file"]{ height: 24px; padding: 0; border-color: #ccc; }
input[type='submit'], input[type='button'], input[type="image"] { cursor:pointer; }
textarea { resize:none; }
button { border:0;background-color:transparent;cursor:pointer;outline:0; }
button::-moz-focus-inner {padding:0; border:0;}
table { width:100%; border-collapse:collapse; border:0; border-spacing:0; /*table-layout:fixed*/}
th,td { word-break:break-all; }
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal; }
header,main,footer,section,article,aside,nav,details,menu,figure,figcaption { display:block; margin:0; padding:0; }
iframe,object,video, embed {position:relative;top:0;left:0;max-width:100%;}
input[type='text'], input[type='password'], input[type='submit'] {appearance:none;}
caption,legend,hr{overflow:hidden; left:-9999em;width:1px;height:0px;margin:0;padding:0;border:0;text-indent:-9999em;background:none; line-height:1px;}
legend, hr{position:absolute;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}
h1,h2,h3,h4,h5,h6,textarea,input { font-weight:normal; }
a,a:link,a:visited, a:hover,a:focus,a:active {text-decoration:none; }
pre{white-space: pre-wrap; word-wrap: normal; word-break: normal;}
p{ word-break: keep-all; }
.pb100 {padding-bottom:100px;}

/*스위치 커스텀*/
.switch {position : relative ;display : inline-block; width : 58px; height : 24px; background-color: #1EA8DC; border-radius: 24px;}
.switch::after {content: '';  position: absolute; width: 16px; height: 16px;border-radius: 50%; background-color: #62C9EF; top:4px; left: 4px; transition: all 0.3s;}
.toggle_btn + .switch::before {content:'OFF'; display:block; font-size:1.4rem; color: #fff; float:right; padding:4px 8px 0 0;}
.toggle_btn:checked + .switch::before {content:'ON'; display:block; font-size:1.4rem; color:#D5FF46;  float:left; padding:4px 0 0 8px;}
.toggle_btn:checked + .switch:after { display: block; left : 38px;background-color: #D5FF46;}
.toggle_btn:checked + .switch { background-color: #1EA8DC;}
.toggle_btn {display : none; }

@media all and (max-width:1200px) {
    html, body {font-size:9px;}
    .switch {width:40px;height : 20px;}
    .switch::after {top:2px; left: 2px;}
    .toggle_btn + .switch::before {font-size: 0.8rem; line-height: 14px; padding:3px 4px 0 0 ;}
    .toggle_btn:checked + .switch::before {font-size: 0.8rem;}
    .toggle_btn:checked + .switch:after {left:22px;}
}

/*체크박스 커스텀1*/
.custom_chk {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.label_chk {display: block; width:100px; height:40px; line-height:36px; font-size:1.8rem; font-weight:600; border:2px solid #1EA8DC; color:#1EA8DC; border-radius: 40px; box-sizing: border-box; background:#fff; text-align: center; cursor: pointer; }
.custom_chk:checked + .label_chk {background: #1EA8DC; color:#fff; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*즐겨찾기*/
.favorite_btn {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0;}
.favorite_label {display: inline-block; width:20px; height:19px; background: url(/_share/_images/icon_bookmark.png) no-repeat; padding-left:25px; font-size:1.4rem; font-weight: 300; line-height: 19px; cursor: pointer;}
.favorite_btn:checked + .favorite_label { background: url(/_share/_images/icon_bookmark_on.png) no-repeat;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}