@charset "utf-8";

/* reset */
*,:before,:after{box-sizing:border-box}
/* html{overflow-y:scroll} */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#2f2f2f;font-family:'S-CoreDream','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:12px;line-height:1.5}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit}
img,fieldset{border:0}
img{max-width:100%;vertical-align:top}
ul,ol{list-style:none}
i,em,address{font-style:normal}
strong{font-weight:600;}
a{color:inherit;background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
table{border-collapse:collapse;border-spacing:0} 
legend{*width:0}
iframe{overflow:hidden;margin:0;padding:0;border:0}
input::-webkit-input-placeholder{line-height:normal !important;}
input[type='text'],input[type='email'],input[type='password'],input[type='search'],input[type='submit']{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type='checkbox']{display:none;}
input[type='checkbox'] + label{display:inline-block;min-width:0;width:20px;height:20px;margin-right:0;border-radius:5px;border:1px solid #7e7e7e;background:#fff;cursor:pointer;}
button,input{border-radius:0}
button{padding:0;border:0;background-color:transparent;cursor:pointer}
[onclick],label,select{cursor:pointer}
select{background:#fff;}
select::-ms-expand{background:transparent;border:0;}
textarea{overflow:auto}
[hidden]{display:none}
caption{overflow:hidden;width:1px;height:1px;margin-top:-1px}
.blind,legend{display:block;overflow:hidden;position:absolute;left:0;top:-9999em}

/* common */
.skip a{display:block;position:absolute;left:0;top:-9999em;z-index:9999;overflow:hidden;width:100%;background-color:#333;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;text-decoration:none;line-height:2.2}
.skip a:hover,.skip a:active,.skip a:focus{top:0}
.clearfix{*zoom:1}
.clearfix:after{content:'';display:block;clear:both;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.check-group {position:relative;}
.check-group .lbl{min-width:0;color:#4c4b4b;}
input[type="checkbox"] + label span{display:block;position:absolute;top:1px;left:30px;}
input[type="checkbox"]:checked + label{background:url("../images/common/input_check.png") #fff no-repeat center;}

body{background:#e7edf8;}
#wrap{min-width:1400px;height:100%;}

/*-------------------------------------------
	login
--------------------------------------------*/
#login_header{border-bottom:5px solid #113e87;background-color:#fff;}
#login_header .container {display:flex;align-items:center;width:1280px;height:70px;margin:0 auto; }

.page-login{height:calc(100vh - 75px);padding-top:170px;box-sizing:border-box;background-color: #fff;background-image:url("../images/common/login_background.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;font-family:'Gmarket Sans';font-weight:300;}
.page-login .login-wrap{position:relative;width:1280px;margin:0 auto; }
.page-login .login-wrap .box-login{position: relative; z-index: 10; margin: 0 auto;}
.page-login .login-wrap .box-login .box-head{}
.page-login .login-wrap .box-login .box-head h1,
.page-login .login-wrap .box-login .box-head p{display:inline-block;vertical-align:middle;text-align:left;}
.page-login .login-wrap .box-login .box-head h1{display:block; color: #fff; font-size: 48px;font-weight: 500; letter-spacing: -2px;}
.page-login .login-wrap .box-login .box-head h1 .small{color:#485f9a;font-size:24px;}
.page-login .login-wrap .box-login .box-head p{color: #fff; font-size: 16px; font-weight: 500; }
.page-login .login-wrap .box-login .box-content{display: flex; align-items: center;  margin-top: 32px; margin-bottom: 34px; }
.page-login .login-wrap .box-login .box-content .login-input{margin-right: 10px;}
.page-login .login-wrap .box-login .box-content .login-input .input-wrap:first-child{margin-bottom: 10px}
.page-login .login-wrap .box-login .box-content .login-input .lbl{display: inline-block; width: 125px; color: #434141; font-size: 20px; font-weight: 600; line-height: 40px; letter-spacing: -.03em; vertical-align: top}
.page-login .login-wrap .box-login .box-content .login-input .lbl em{color: #264f8c}
.page-login .login-wrap .box-login .box-content .login-input .inp{width: 340px; height: 52px; padding: 0 27px; border: none; border-radius: 1em; outline: none;}
.page-login .login-wrap .box-login .box-content .login-input input::placeholder{font-size:16px; font-family:'Gmarket Sans'; color:#3f3f3f; font-weight: 500; }

.page-login .login-wrap .box-login .check-group .check-wrap{display:inline-block;margin-left:20px;}
.page-login .login-wrap .box-login .check-group .check-wrap:first-child{margin-left:0;}
.page-login .login-wrap .box-login .check-group .lbl {font-size: 16px; color: #fff; font-weight:500;}
.page-login .login-wrap .box-login .check-group .lbl,
.page-login .login-wrap .box-login .check-group .chk{vertical-align:middle;}
.page-login .login-wrap .box-login .check-group .btn{padding-left:24px;background:url(../images/common/icon_arrow.png) no-repeat 0 1px;color:#2377be;font-weight:bold;vertical-align:middle;}
.page-login .login-wrap .box-login .box-content .login-btn .btn-login{display:block; width: 190px; height: 115px; border: none; border-radius: 1em; background-color: #116dd8; background-image:url("../images/common/login_arrow.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px auto; text-indent:-9999px;}

.page-login #login-footer{position:absolute; left: 45%; bottom: 0; padding: 30px 0; text-align: center}
.page-login #login-footer .copyright{display:inline-block;color: #fdfdfd; font-size: 14px;}
.page-login #login-footer .info-list{display:inline-block;margin-left:10px;}
.page-login #login-footer .info-list li{display:inline-block;}
.page-login #login-footer .info-list li + li{margin-left:4px;}
.page-login #login-footer .info-list li a{display:inline-block;border-radius:5px;padding:4px 10px;background-color:#426799;color:#c7d2e1;font-size:12px;}
.page-login canvas{position:absolute;top:0;left:0;right:0;}


/*-------------------------------------------
	header
--------------------------------------------*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	min-width: 1400px;
	height: 70px;
	z-index: 30;
	background: #fff;
	border-bottom: 1px solid #4b628a;
}
#header .logo{width:270px;height:70px;}
#header .logo span{display:block;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:240px auto;text-indent:-999em;}
#header .header-util{position:absolute;top:24px;right:40px;}
#header .header-util li{display:inline-block;color:#6e7273;font-size:13px;}
#header .header-util li + li{margin-left:24px;}
#header .header-util i{margin-right:4px;}

/*-------------------------------------------
	footer
--------------------------------------------*/
#footer{position: relative; height: 40px; padding:12px 0; padding-left: 270px; }
#footer .copyright{padding:0 35px;color: #214c97; font-size: 12px; font-weight: 500; text-align: center}

/* plugins */
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
	# Modal Options 
	backdrop	boolean or the string 'static'	true	Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click or on escape key press.
	keyboard	boolean							true	Closes the modal when escape key is pressed
	focus		boolean							true	Puts the focus on the modal when initialized.
	show		boolean							true	Shows the modal when initialized.

	# Optional Size
	Small		.modal-sm	300px
	Default		None		500px
	Large		.modal-lg	800px
	Extra large	.modal-xl	1140px
*/
.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer > *{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width: 1200px){.modal-xl{max-width:1140px}}