/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,img,strong,dl,dt,dd,ol,ul,li,table,tr,th,td,img,li,button{padding:0; margin:0;font-family: 'Pretendard-Regular';
font-size:12px; color: #333;}
 html {overflow-y:scroll;} 
select,input{vertical-align:middle;text-align:left;}
form legend, table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0;}
input[type=radio],input[type=checkbox],input[type=image]{margin:0;border:none;background:none;outline:none;}
textarea{font-size:12px;overflow:auto;}
fieldset,iframe{border:0 none;}
table,div{border-spacing:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ul,li,ol{list-style:none;}
hr{overflow:hidden;height:0;width:0;border:0 none;}
li,p,dt,dd,div,span{white-space:normal;}
body,div{font-family: 'Pretendard-Regular';;font-size:12px;color:#000000;}
input,select,textarea{padding:0; margin:0;font-family: 'Pretendard-Regular';;font-size:12px;color:#333333;border:1px solid #d7d7d7;}
input[type=text],input[type=password]{height:19px;padding:1px;line-height:19px;background-color:#ffffff;}
a{text-decoration:none;}
label{display:inline-block;cursor:pointer;}
img{border:none;}
body {overflow-x : hidden;background:#e2ded0}

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

@font-face {
    font-family: 'Pretendard-Light';
    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-Regular';
    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-Medium';
    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-SemiBold';
    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-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* pc용 css */
@media(min-width:1520px){
#wrap{background:url(../image/new_intra/bg.jpg) no-repeat top center;background-size:100% 1080px;height:880px;padding:100px 0 0 0}
.login{width:1080px;margin:0 auto;background:#fff;overflow:hidden}
.login h1{text-align:center;margin:20px 0 30px 0}
.login ul.form {float:left;padding:60px 60px 0 60px ;width:420px}
.login dl{margin:0 0 10px 0}
.login dt{width:100%}
.login input[type="text"]{font-size:22px;color:#8a8a8a;height:65px;width:380px;border:2px solid #dfdfdf;border-radius:15px;padding:0 20px}
.login input[type="password"]{font-size:22px;color:#8a8a8a;height:65px;width:380px;border:2px solid #dfdfdf;border-radius:15px;padding:0 20px}
.login input[type="button"]{cursor:pointer;font-size:22px;border-radius:50px;height:75px;text-align:center}

.login input.btn01{background:#37a2b6;width:420px;color:#fff;margin:40px 0 0 0}
.login input.btn02{background:#ff6e3d;width:420px;color:#fff;margin:10px 0 0 0}
.login input.btn03{background:#37a2b6;width:420px;color:#fff;margin:40px 0 0 0}
.login input.btn04{background:#89b86b;width:420px;color:#fff;margin:10px 0 0 0}

.login p{text-align:center;color:#6b6b6b;font-size:16px;margin:10px 0 20px 0}
.login p b{font-size:20px;text-align:center;width:100%;font-weight:500}
.login p strong{font-size:30px;vertical-align:-2px}
.login li{font-size:16px;color:#6b6b6b}
.login ul.ad {float:right;height:740px;width:540px;background:url(../image/new_intra/flower_bg.jpg) no-repeat;background-size:100%}
.login ul.ad li{font-size:13px;margin:0 0 0 50px;line-height:22px}
.login ul.ad h3{padding:90px 0 5px 50px;font-size:20px}
.login .bnr01{cursor:pointer;padding:17px 0;margin:20px 50px 10px 50px; font-family: 'Pretendard-Medium';background:#fff;color:#ff6e3d;font-size:22px}
.login .bnr01 span{font-size:15px}
.login .bnr02{cursor:pointer;padding:17px 0;margin:0 50px; font-family: 'Pretendard-Medium';background:#fff;color:#37a2b6;font-size:22px}
.login .bnr02 span{font-size:15px}

#foot{width:100%; padding:20px 0; bottom:0;}
#foot li{line-height:20px; text-align:center;}
.add{font-size:15px;}
.copy{font-size:15px;font-weight:200;color:#999}
}

/* 태블릿용 css */
@media screen and (min-width:768px) and (max-width:1519px){
#wrap{background:#fff url(../image/new_intra/mbg.jpg) no-repeat top center;background-size:100% ;}
.login{margin:0 20px;background:none;overflow:hidden;padding:0 0 20px 0}
.login h1{text-align:center;margin:20px 0 30px 0}
.login ul.form {padding:60px 0 20px 0}
.login dl{margin:0 0 10px 0}
.login dt{border:2px solid #dfdfdf;border-radius:10px;background:#fff;padding:0 0 0 20px;}
.login input[type="text"]{font-size:1.3em;color:#8a8a8a;height:65px;width:100%;background:none;border:none}
.login input[type="password"]{font-size:1.3em;color:#8a8a8a;height:65px;width:100%;background:none;border:none}
.login input[type="button"]{cursor:pointer;font-size:1.5em;border-radius:50px;height:75px;text-align:center}
.login input.btn01{width:100%;background:#37a2b6;color:#fff;margin:20px 0 0 0}
.login input.btn02{width:100%;background:#ff6e3d;color:#fff;margin:10px 0}
.login input.btn04{width:100%;background:#89b86b;color:#fff;margin:20px 0}
.login p{text-align:center;color:#6b6b6b;font-size:16px;margin:10px 0 20px 0}
.login p b{font-size:1.2em;text-align:center;width:100%;font-weight:500}
.login p strong{font-size:1.5em;vertical-align:-2px}
.login ul.form li{font-size:1em;color:#6b6b6b;width:100%}
.login ul.ad {width:100%;background:url(../image/new_intra/flower_bg.jpg) no-repeat center bottom;background-size:100% 700px;height:700px}
.login ul.ad li{font-size:0.9em;margin:0 0 0 20px;line-height:1.5em}
.login ul.ad h3{padding:30px 0 5px 25px;font-size:1.2em}
.login .bnr01{line-height:1.4em;cursor:pointer;padding:12px 0;margin:10px 20px; font-family: 'Pretendard-Medium';background:#fff;color:#ff6e3d;font-size:1.3em}
.login .bnr01 span{font-size:1em}
.login .bnr02{line-height:1.4em;cursor:pointer;padding:12px 0;margin:10px 20px; font-family: 'Pretendard-Medium';background:#fff;color:#37a2b6;font-size:1.3em}
.login .bnr02 span{font-size:1em}

#foot{width:100%; padding:20px 0; bottom:0;}
#foot li{line-height:20px; text-align:center;}
.add{font-size:15px;}
.copy{font-size:15px;font-weight:200;color:#999}
}

/* 모바일용 css */
@media screen and (max-width:767px){
#wrap{background:#fff url(../image/new_intra/mbg.jpg) no-repeat top center;background-size:100% ;}
.login{margin:0 20px;background:none;overflow:hidden;padding:0 0 20px 0}
.login h1{text-align:center;margin:20px 0 30px 0}
.login ul.form {padding:60px 0 20px 0}
.login dl{margin:0 0 10px 0}
.login dt{border:2px solid #dfdfdf;border-radius:10px;background:#fff;padding:0 0 0 20px;}
.login input[type="text"]{font-size:1.3em;color:#8a8a8a;height:65px;width:100%;background:none;border:none}
.login input[type="password"]{font-size:1.3em;color:#8a8a8a;height:65px;width:100%;background:none;border:none}
.login input[type="button"]{cursor:pointer;font-size:1.5em;border-radius:50px;height:75px;text-align:center}
.login input.btn01{width:100%;background:#37a2b6;color:#fff;margin:20px 0 0 0}
.login input.btn02{width:100%;background:#ff6e3d;color:#fff;margin:10px 0}
.login input.btn04{width:100%;background:#89b86b;color:#fff;margin:20px 0}
.login p{text-align:center;color:#6b6b6b;font-size:16px;margin:10px 0 20px 0}
.login p b{font-size:1.2em;text-align:center;width:100%;font-weight:500}
.login p strong{font-size:1.5em;vertical-align:-2px}
.login ul.form li{font-size:1em;color:#6b6b6b;width:100%}
.login ul.ad {width:100%;background:url(../image/new_intra/flower_bg.jpg) no-repeat center bottom;background-size:100% 500px;height:500px}
.login ul.ad li{font-size:0.9em;margin:0 0 0 20px;line-height:1.5em}
.login ul.ad h3{padding:30px 0 5px 25px;font-size:1.2em}
.login .bnr01{line-height:1.4em;cursor:pointer;padding:12px 0;margin:10px 20px; font-family: 'Pretendard-Medium';background:#fff;color:#ff6e3d;font-size:1.3em}
.login .bnr01 span{font-size:1em}
.login .bnr02{line-height:1.4em;cursor:pointer;padding:12px 0;margin:10px 20px; font-family: 'Pretendard-Medium';background:#fff;color:#37a2b6;font-size:1.3em}
.login .bnr02 span{font-size:1em}

#foot{width:100%; padding:20px 0; bottom:0;}
#foot li{line-height:20px; text-align:center;}
.add{font-size:15px;}
.copy{font-size:15px;font-weight:200;color:#999}
}