/*로그인 폼*/
.form-signin{
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

header{
    z-index:300;
    background-color: white;
}

body{
    overflow: hidden;
}

/*스크롤기능 있지만 안보이게*/
body::-webkit-scrollbar {
    display: none;
}

#logo{
    z-index:300;
}

footer{
    z-index:200;
}

html,body {height: 100%;font-family: 'Noto Sans KR';font-weight:400;font-size:14px;color:#333;}
body {display: flex;flex-direction: column;text-align: center;margin: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden}
input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none}
textarea, select,button {font-style: normal; -webkit-appearance:none;}
a {color:inherit;text-decoration:none}
a:visited {color:inherit;text-decoration:none}
a,img,input, a:active, a:focus {outline:none;}
ul,li,dl,dt,dd {padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
img {margin:0px;padding:0px;}
div {margin:0px;padding:0px;box-sizing:border-box;}


@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
/*font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/
@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*font-family: 'NanumSquare';300,400,700,800*/

.index_warp {width:100%;height:100%;clear:both;display:block;background:#031134 url('/img/main_bg.png') center no-repeat;background-size:cover;}
.login_warp {width:1100px;margin:12% auto 0px;display:inline-block;}
.login_warp li {float:left;text-align:left;}
.login_warp li:nth-child(1) {width:65%;}
.login_warp li:nth-child(1) img {display:block;}
.login_warp li:nth-child(1) h1 {clear:both;width:100%;display:block;color:#fff;font-family: 'GmarketSansBold';font-size:64px;margin:70px 0px 0px 0px;}
.login_warp li:nth-child(1) h2 {clear:both;width:100%;display:block;color:#fff;font-family: 'GmarketSansLight';font-size:18px;margin:0px 0px 0px 0px;}
.login_warp li:nth-child(2) {width:35%;}
.login_warp li:nth-child(2) div {background-color:rgba(255,255,255,0.1);border-radius:3px;width:380px;height:500px;padding:40px 40px 0px;box-sizing:border-box;color:#fff;}
.login_warp li:nth-child(2) div h1 {clear:both;width:100%;display:block;padding:0px 0px 10px 0px;margin:0px 0px 80px 0px;border-bottom:1px solid rgba(255,255,255,0.5);font-family: 'Nanum Gothic';font-weight:lighter;font-size:34px;}
.login_warp li:nth-child(2) dl {width:100%;display:flex;}
.login_warp li:nth-child(2) dd {float:left;font-size:13px;flex:auto}
.login_warp li:nth-child(2) dd:hover {color:#fee494;}
.login_warp li:nth-child(2) dd span {font-size:0px;display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#fff;margin:0px 7px 0px 0px;position:relative;top:-7px;}

.form_01 {width:100%;height:35px;padding-left:55px;font-size:14px;margin:0px auto 10px;border:0px;background:#fff;display:inline-block;border-radius:2px;color:#333;box-sizing:border-box;}
.form_log {background:#fff url('/img/login_icon01.png') 20px 4px no-repeat;}
.form_pw {background:#fff url('/img/login_icon02.png') 20px 4px no-repeat;}
.form_02 {width:15px;height:15px;margin:0px 5px 0px 0px;border:0px;background-color:#fff;display:inline-block;position:relative;top:2px;}

.btn_login {width:100%;height:40px;line-height:38px;text-align:center;background-color:#3356a4;color:#fff;font-size:16px;display:inline-block;border-radius:5px;border:0px;margin:100px 0px 10px;transition: background 0.5s ease-in-out;}
.btn_login:hover {cursor: pointer;background-color:#b72525;font-weight:bold;}