@charset "utf-8";

/* reset */
*,:before,:after {
	transition: color .25s ease, background .25s ease;
	-webkit-transition: color .25s ease, background .25s ease;
	-moz-transition: color .25s ease, background .25s ease;
	-ms-transition: color .25s ease, background .25s ease;
	-o-transition: color .25s ease, background .25s ease;
	box-sizing:border-box;}
html{/*overflow-y:scroll;*/-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#2f2f2f;font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:14px;line-height:1.42857}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
img,fieldset{border:none}
img{vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{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}
input::-webkit-input-placeholder{line-height:normal!important;}
input[type='text'],input[type='email'],input[type='password'],input[type='search']{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type='checkbox']{box-shadow:none;}
input:disabled{background-color:#efefef !important;}
label,select{cursor:pointer}
select::-ms-expand{background:transparent;border:none;}
button{padding:0;border:none;background:none;cursor:pointer}
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}

html,body{height:100%;}
#wrap{min-width:1415px;min-height:100%;background:#09172d;}
.main #wrap{position:relative;background:#09172d;}
.container{position:relative;width:1415px;margin:0 auto;transition:width .3s;}
.container.container-wide{width:100%;}

/*-------------------------------------------
	header
--------------------------------------------*/
#header{position:relative;height:70px;background:url('/site/wisefarm/kor/images/common/bg_header_bottom.jpg') no-repeat 50% 100%, url('/site/wisefarm/kor/images/common/bg_header.jpg') repeat-y 50% 50% ;background-color:#102340;}
#header .container{height:100%;padding-left:223px;}
#header .logo{position:absolute;top:0;left:0;width:223px;height:100%;background:#234272;background:url('/site/wisefarm/kor/images/common/bg_logo.jpg') no-repeat 50% 50% / cover;}
#header .logo a{display:table;width:100%;height:70px;text-align:center;}
#header .logo a span{display:table-cell;vertical-align:middle;}
#header .nav{position:relative;height:100%;padding:14px 70px 0;}
#header .gnb{/* padding-top:20px; */height:100%;}
#header .gnb > li{position:relative;display:inline-block;height:100%;}
#header .gnb > li + li{margin-left:48px;}
#header .gnb ul {
	display: none;
	position: absolute;
	top: 55px;
	left: 50%;
	z-index: 1;
	min-width: 110px;
	background: #0d2a54;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
#header .gnb ul > li{border-top:1px solid #2e476b;}
#header .gnb .link-depth-1{display:inline-block;padding:8px 0;color:#fff;font-size:18px;font-weight:bold;}
#header .gnb li.on .link-depth-1{color:#fffd54;}
#header .gnb .link-depth-2{position:relative;display:block;padding:8px 16px 8px 32px;color:#fff;font-size:14px;font-weight:500;}
#header .gnb .link-depth-2:before{content:'';position:absolute;top:16px;left:20px;width:2px;height:2px;background:#fff;}
#header .gnb .link-depth-1:hover{color:#fffd54;}
#header .gnb .link-depth-2:hover{color:#fffd7f;}
#header .utility{position:absolute;top:25px;/* right:50px; */right:0;}
#header .utility li{display:inline-block;}
#header .utility li + li{margin-left:30px;}
#header .utility li i,
#header .utility li span{color:#a0c0d9;font-size:13px;vertical-align:middle;}
#header .utility li i{margin-right:6px;color:#8097ba;}
#header .utility li i.fa-home{font-size:14px;}

/*-------------------------------------------
	footer
--------------------------------------------*/
#footer{padding:20px 0;}
#footer p{color:#4b6790;font-size:13px;text-align:center;line-height:1;}

.main #footer{position:absolute;bottom:15px;left:50%;z-index:2;margin-left:-708px;width:223px;padding:10px 0;}
.main #footer .container{width:auto;margin:0;}
.main #footer p{padding:0 22px;color:#667284;font-size:12px;word-break:keep-all;line-height:1.5;}

/*-------------------------------------------
	login
--------------------------------------------*/
.page-login{border-top: 10px solid #113e87;background-color: #fff;}
.page-login .logo{width: 498px; height: 214px; margin: 40px auto 200px; background: url(/site/wisefarm/kor/images/common/logo_login.png) no-repeat; text-indent: -999em}
.page-login .login-wrap{position:relative;min-height: 500px; background: #264f8c;}
.page-login .login-wrap .box-login{position: relative; top: -160px; z-index: 10; width: 600px; margin: 0 auto; border: 2px solid #e0e0e0; background: #fff}
.page-login .login-wrap .box-login .box-head{position: relative; padding: 18px 0; background: #f3f3f1;}
.page-login .login-wrap .box-login .box-head:after{content: ''; position: absolute; bottom: 0; left: -2px;; width: 600px; height: 3px; background: url(/site/wisefarm/kor/images/common/login_bar.gif) repeat-y, #008ce5;}
.page-login .login-wrap .box-login .box-head h1{float: left; height: 125px; padding-left: 194px; padding-top:8px; background: url(/site/wisefarm/kor/images/common/icon_login.png) no-repeat; color: #3e3e3e; font-size: 41px; font-weight: bold;/*  letter-spacing: -1px; */ line-height: 1.1;}
.page-login .login-wrap .box-login .box-head h1 .small{color:#485f9a;font-size:24px;}
.page-login .login-wrap .box-login .box-head p{height: 125px; padding-top: 54px; color: #5c6871; font-size: 16px; font-weight: 600; letter-spacing: -1px}
.page-login .login-wrap .box-login .box-content{padding: 70px 46px 40px; background: #fff}
.page-login .login-wrap .box-login .box-content .login-input{float: left; margin-right: 20px;}
.page-login .login-wrap .box-login .box-content .login-input .input-wrap{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: 230px; height: 40px; padding: 0 5px; border: 1px solid #ccc; border-radius: 5px}
.page-login .login-wrap .box-login .box-content .login-option{clear:both;padding-top:3px;padding-left: 129px;white-space:nowrap;}
.page-login .login-wrap .box-login .box-content .login-option .option-wrap{display:inline-block;margin-left:20px;vertical-align:middle;}
.page-login .login-wrap .box-login .box-content .login-option .option-wrap:first-child{margin-left:0;}
.page-login .login-wrap .box-login .box-content .login-option .lbl,
.page-login .login-wrap .box-login .box-content .login-option .chk{vertical-align:middle;}
.page-login .login-wrap .box-login .box-content .login-option .btn{padding-left:24px;background:url(/site/wisefarm/kor/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-option .btn:not(:first-child){margin-left:20px;}
.page-login .login-wrap .box-login .box-content .login-btn{float: left; height: 90px;}
.page-login .login-wrap .box-login .box-content .login-btn .btn-login{display:block; width: 120px; height: 100%; border: none; border-radius: 7px; background: #127eca; color: #fff; font-size: 18px; font-weight: 600; line-height: 90px; text-align: center;}
.page-login #login-footer{padding: 30px 0; background: #3c444f; text-align: center}
.page-login #login-footer .copyright{display:inline-block;color: #6a7584; font-size: 16px; font-weight: bold;}
.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;}
/* 2020-03-27 KSM 바로가기 버튼 추가 */
.page-login .login-btn-wrap{margin-top:16px;margin-left:129px;padding-top:16px;border-top:1px solid #e0e0e0;}
.page-login .login-btn-wrap .btn-go{display:block;height:40px;border-radius:5px;background:#cd5710;color:#fff;font-size:15px;font-weight:500;line-height:40px;text-align:center;}