@charset "utf-8";

/* boardWrap input reset */
input{-webkit-appearance:menulist-text} 
input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]{-webkit-appearance:none;-moz-appearance:none;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;color:#555;border:0 none}
input[type="text"]:disabled{color:#777;background-color:#d9d9d9}
select{font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;color:#555;border:0 none}
button[type=submit]{-webkit-appearance: none;-moz-appearance:none; font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;border: 1px solid #bbb;}
input[type=range]{width: 100%;}
input[type=range]::-webkit-slider-thumb{ -webkit-appearance: none;background: #fdfdfd;border: 1px solid #bbb;}

/* unstyled tel links as default */
a[href^='tel:']:link, a[href^='tel:']:visited{color: #717171;font-weight: normal; text-decoration: none;}
a[href^='tel:']:hover, a[href^='tel:']:active{color: #717171; text-decoration: none;}

/* btnOut reset */

.btnOut{display:inline-block;vertical-align:middle;overflow:hidden;margin:4px 2px}/* type01 메인버튼 width:47.9%; */
.btnOut a,
.btnOut input,
.btnOut button{color:#fff;font-size:16px;font-weight:600;text-align:center;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;cursor:pointer}
.btnOut a{display:block;height:38px;line-height:38px;text-decoration:none !important}
.btnOut input,
.btnOut button{display:inline-block;width:100%;height:42px;line-height:38px;vertical-align:middle;}


/* btnOut type */

.btnOut .type01{border:2px solid #fa6137;background-color:#fa6137;}
.btnOut .type02{border:2px solid #555;background-color:#555}
.btnOut .type03{color:#555;border:2px solid #e3e3e3;background-color:#e3e3e3} 
.btnOut .type04{color:#555;border:2px solid #555;background-color:#fff} 
.btnOut .type05{color:#ff5757;border:2px solid #ff5757;background-color:#fff} 


/*btnIn type*/

.btnIn{display:inline-block;vertical-align:middle;font-size:12px;font-weight:bold;text-align:center;overflow:hidden;} 
.btnIn a,
.btnIn input,
.btnIn button{padding:5px 7px;}
.btnIn a{display:block;height:16px;line-height:16px;text-decoration:none !important}
.btnIn input,
.btnIn button{display:inline-block;vertical-align:middle;}

.btnIn .type01{color:#fff;border:1px solid #3e3e3e;border-radius:2px;background:#555 url("../../images/content/ico_down.png") no-repeat right center}
.btnIn .type01{padding-right:30px;}


/*input style*/

.dSelect{vertical-align:middle;border:1px solid #e1e1e1;}
.dInput{height:26px;line-height:26px;padding:0 5px;vertical-align:middle;border:1px solid #e1e1e1;}
.dSelect .inputSelect{width:100%}
.dInput .inputTxt{width:100%;}
.dInput.file input{height:100%;}

.inputTextarea{padding:10px;overflow:hidden;color:#666;border:1px solid #e1e1e1;background-color: #fff;}
.inputTextarea textarea{width:100%;color:#555;font-size:12px;border:0;}

/*srcnInput*/

.srcnInput{position:relative;height:28px;line-height:28px;padding:0 5px;overflow:hidden;vertical-align:middle;background-color:#f7f7f7}
.srcnInput .inputTxt{width:100%;background:transparent}
.srcnInput .btnSrch{position:absolute;right:5px;top:0}

/*multiInput*/

/*cell*/

.multiInput li{position:relative;float:left;width:35%}
.multiInput li.select{width:30%;}
.multiInput li.num .dInput{margin-left:20px}
.multiInput li .dInput span{position:absolute;left:7px;top:2px}
.multiInput:after{content:"";display:block;clear:both;}


/*email*/

.multiInput.email li{width:50%}
.multiInput.email li.num .dInput span{left:5px;}

/* jsitMis---------------------------------------------------------------------------------------------------------------------*/

.jsitMis{min-width:320px;height:100%;background:url("../../images/main/bg_mis.png") no-repeat center;background-size:cover}
.jsitMis .innerWrap{min-height:100%;}
/* jsitMis loginArea */

.jsitMis .loginArea{position:absolute;top:40%;left:50%;width:375px;height:265px;padding:30px 40px;margin-top:-132.5px;margin-left:-187.5px;color:#b5b5b5;font-size:12px;font-weight:600;text-align:center;background:rgba(255,255,255,0.7);box-shadow: 0 6px 6px rgba(0,0,0,0.3);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;overflow: hidden;}
.jsitMis .loginArea h2{height:33px;line-height:33px;color:#000;font-size:23px;font-weight:600;}
.jsitMis .loginArea h2 strong{font-weight:600}
.jsitMis .loginArea p{margin-top:15px;color:#000;font-size:12px;}
.jsitMis .loginArea .formGroup .dInput{height:40px;line-height:40px;margin-top:20px;padding: 0 12px;color: #555;border: 1px solid #d8d8d8;background-color:#fff}
.jsitMis .loginArea .formGroup .dInput input{position:relative;top:13px;}
.jsitMis .loginArea .btnOut{width:100%;margin:25px 0 0 0;}
.jsitMis .loginArea .btnOut .type01{height:40px;line-height:40px;font-size:14px;font-family:arial;font-weight:normal;}

.jsitMis footer{margin-top:-55px;color:#fff;background-color:#4c4d55 }
.jsitMis footer .innerWrap{padding:10px 15px;text-align:center;}
.jsitMis footer .innerWrap h1{display:inline-block;margin-right:10px}
.jsitMis footer .innerWrap h1 img{width:120px;}
.jsitMis footer .innerWrap .copyright{position:relative;top:-4px;display:inline;color:#959595;font-size:12px;}


/* ---------------------------------------- mobile ------------------------------------------------------------------------- */
@media all and (max-width:767px) {	  
    /* common */
    .btnOut{width:100%}
	.btnOut:first-child{margin-left:0}
	.jsitMis .loginArea{width:88%;padding:15px 4%;margin-left:-48%;}
	.jsitMis .loginArea .btnOut,
	.jsitMis .loginArea .formGroup .dInput{margin-top:15px}
	.jsitMis footer{margin-top:-79px;}
	.jsitMis footer .innerWrap h1{display:block;margin-bottom:10px}
	.jsitMis footer .innerWrap .copyright{top:0}
}


/*------------------------------- tablet 768 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:768px) and (max-width:1023px) {
}



/*------------------------------- desktop 1024 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:1024px) and (max-width:1169px) {

}



/* ----------------------------desktop 1170 -------------------------------------------------------------------------------------------------*/
@media all and (min-width:1170px) {
	
}