@charset "utf-8";
@import url("plugins/iCheck/custom.css");
@import url("plugins/sweetalert/sweetalert.css");
@import url("bootstrap.css");
@import url("animate.css");
@import url("basic.css");
@import url("../font-awesome/css/font-awesome.css");
@import url("style.css");
@import url("common_user.css");
@import url("content_layout.css");
@import url("gantt.css");
/* @import url("responsive.css"); */


/* ======================== Layout Class ======================== */

.attachArea .panel-group{margin-bottom:0;}
.input-daterange{width:100%;}
.dateStart .input-daterange .input-group-addon{background:none; color:#000; border:none;}

.meetingArea{padding:20px; border:1px solid #ddd; border-radius:10px; line-height:22px;}


.btnArea{margin-top:20px;}


.contentsRow{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	margin-right:-10px;
	margin-bottom:-10px;
	overflow:hidden;

}

/* .contentsCellHeight100 .contentSection{height:100%;} */

.contentsCell{

	flex:0 1 auto; 

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
	padding:0 10px 10px 0;

}

.contentsCell10{flex:0 1 auto; width:10%;}
.contentsCell20{flex:0 1 auto; width:20%;}
.contentsCell30{flex:0 1 auto; width:30%;}
.contentsCell40{flex:0 1 auto; width:40%;}
.contentsCell50{flex:0 1 auto; width:50%;}
.contentsCell60{flex:0 1 auto; width:60%;}
.contentsCell70{flex:0 1 auto; width:70%;}
.contentsCell80{flex:0 1 auto; width:80%;}
.contentsCell90{flex:0 1 auto; width:90%;}
.contentsCell100{flex:0 1 auto; width:100%;} 


#calendarMain {overflow:hidden; border-radius:0 0 0 5px;}
#calendarMain th {text-align:center; border-left:none; border-bottom:1px solid #d6d6d6 !important; color:#111e8a; padding:10px 8px; font-size:13px; font-family:nanumBold; background:#fbfbfb;}
#calendarMain .fc-view > table > thead > tr > td{border:none; border-top:1px solid #d7dde7;}

#calendarMain .fc-bg .fc-sun, #calendarMain .fc-bg .fc-sat {background:#fbfbfb;}
#calendarMain .fc-toolbar h2 {color:#2e2e2e; font-size:20px; margin-top:0;}
#calendarMain .fc-day-number{color:#888888;}
#calendarMain .fc-day-number.fc-sun {color: #ff1f1f;}
#calendarMain .fc-day-number.fc-sat {color: #1f1fff;}

#calendarMain .fc-agendaWeek-button, #calendarMain .fc-month-button, #calendarMain .fc-agendaDay-button{display:none;}

#calendarMain .fc-toolbar{position:relative; margin-bottom:8px;}
#calendarMain .fc-today-button{position:absolute; right:0; top:1px; background:#0091ff; border-radius:20px; color:#fff; font-size:12px;}
#calendarMain .fc-prev-button{position:absolute; left:50%; top:6px; margin-left:-85px; width:18px; height:18px; background:url('../img/prevCal.png') no-repeat 0 0; background-size:auto 13px; border:none; box-shadow:none;} 
#calendarMain .fc-next-button{position:absolute; left:50%; top:6px; margin-left:75px; width:18px; height:18px; background:url('../img//nextCal.png') no-repeat 0 0; background-size:auto 13px; border:none; box-shadow:none;}
#calendarMain .fc-icon-left-single-arrow:after, #calendarMain .fc-icon-right-single-arrow:after{content:"";}

.monthTitle{position:absolute; left:20px; top:20px; font-size:20px; color:#142851; font-family:nanumBold;}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover{border-color: #d6d6d6 !important;}
#calendarMain table tbody tr td:first-child{border-left:none;}
/* #calendarMain table tbody tr:last-child td{border-bottom:none;} */
#calendarMain table tbody tr td:last-child{border-right:none;}
#calendarMain .fc-day-number{color:#111e8a; font-size:12px;}
.fc-event{border:none !important; font-size:14px !important;}



.contentsCell .conSection:not(:first-child){margin-top:10px;}
.contentsCell .conSection{flex:1; width:100%; border-radius:10px; padding:20px; background:#ffffff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}



.ibox{border-radius:10px; padding:20px; margin-bottom:0; background:#ffffff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.modal-body .ibox:not(:first-child){margin-top:10px;}

.modal-footer{padding:20px 0;}
.modal-body{padding:20px;}


.sectionConRDetail{

	/* display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	-webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    flex-wrap: wrap; */
	
	position:relative;

}

.sectionConRDetail:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

.conLy {
	/* flex:0 1 240px;  */
	padding:20px; 
	background:#ffffff;
	/* border-right:1px solid #dce5ee; */
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);

	position:absolute; 
	/* float:left;  */
	width:240px;
	height:100%;
	left:0;
	top:0;
	bottom:0;
  

}


.conLyLeft{position:relative;}
/* .body-PC .conLyLeft{right:0 !important;} */

.conLyRight {
	/* flex:1;  */
	padding:20px;
	width:100%; padding-left:260px;
}
.conLyRight.conLyLeftClose{padding-left:20px;}




.new_mainLy{
	display:flex; 
	flex-wrap:wrap; 
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.new_mainLyCon{flex:1;}
.new_mainLyCon01{
	flex:0 1 600px;
	display:flex; 
	flex-wrap:wrap; 
    -webkit-box-direction: normal;
    -ms-flex-direction: Column;
    flex-direction: Column;
	 
}

.new_mainLyCon02{flex:1;}
.new_mainLyCon02:not(:first-child){margin-top:15px;}

.conBox{position:relative; background:#ffffff; padding:20px; border-radius:10px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); margin: 5px;}

.terminalBox{padding:20px 0;}

.new_mainConWrap .new_mainCon01:not(:first-child){margin-top:15px;}

.new_mainLyCon .Ly50{flex:0 1 50%;}
.spArea{margin-left:15px;}
.spArea10{margin-left:10px;}

.Ly40{flex:0 1 380px;}


.new_content_main{min-height:auto !important;}

.noticeListMain{position:relative;}
.mainTitle01{font-size:20px; color:#2e2e2e; margin-bottom:15px;}

.notice_list{position:relative;}
.notice_list .text_box{padding-left:75px;}
.titleCate{display:inline-block; padding:0px 8px; line-height:16px; border:1px solid #1ed0d6; color:#1ed0d6; font-size:12px; border-radius:30px;}
.notice_list .n_title{font-size:15px; padding-top:4px; color:#404040; height:60px; line-height:140%; overflow:hidden; /* overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; */}
.notice_list .n_company{font-size:12px; color:#5786c5;}
.notice_list .n_detail{padding-top:13px; font-size:13px; color:#909090; line-height:20px !important; overflow:hidden; height:52px;}
.notice_list .ymd_box span{display:inline-block; font-size:22px; margin-top:2px;}
.notice_list .ymd_box{
	position:absolute;
	top:0;
    width: 60px;
    height: 52px;
    color: #ffffff;
    text-align: center;
	display:inline-block;
    font-size: 11px;
    font-weight: 500;
    background:#478ce2;
    padding: 5px 0 0 0;
    margin-left: 0px;
    letter-spacing: 0px;
    line-height: 16px;
	border-radius:5px;
}

.main_noticeMore{position:absolute; top:-40px; right:0; z-index:10;}
.main_noticeMore a{display:block; width:30px; height:30px; background:url('../img/moreBtn01.png') no-repeat 0 0; text-indent:-5000px;}
.noticeList02{margin-top:15px;}
.mainNoticeList li{padding:9px 0; border-top:1px solid #ededed;}
.mainNoticeList li:last-child{padding-bottom:0;}
.mainNoticeList dl{padding-left:13px; position:relative;}
.mainNoticeList dl:after{content:''; width:4px; height:4px; border-radius:100%; position:absolute; left:0; top:6px; background:#646464;}
.mainNoticeList dt{color:#666666; font-size:14px; height:19px; overflow:hidden; /* white-space:nowrap; overflow:hidden; text-overflow: ellipsis; */}
.mainNoticeList dd{color:#bbbbbb; font-size:13px; margin-top:2px; font-weight: normal;}





.topQuickMenu{position:absolute; right:20px; top:2px; overflow:hidden;}
.topQuickMenu ul{float:left; overflow:hidden;}
.topQuickMenu ul li{float:left;}
.topQuickMenu ul li a{position:relative; display:block; line-height:47px; padding:0 12px; color:#000000; font-size:13px;}
.topQuickMenu ul li a:after{content:""; position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-7px; background:#d6d6d6;}
.topQuickMenu ul li a:before{content: ''; position: absolute; bottom:0px; left: 0; width: 0; height: 1px; background: #478de3; transition: all .3s ease;}
.topQuickMenu ul li a:hover{color:#478de3;}
.topQuickMenu ul li a:hover:before {width: 100%;}
.topQuickMenu ul li:last-child a{padding-right:0;}

.topQuickMenu .user_info{float:left; font-size:13px; line-height:47px; color:#5a5a5a; margin-right:12px;}
.topQuickMenu .user_info span{margin-left:10px;}


#location {position:absolute; right:20px; top:15px;}
#location ul {display:inline-block; /* background:url('../img/homeIco.png') no-repeat 0 center; padding-left:16px;  */overflow:hidden;}
#location li {position:relative; display:inline-block; padding:0px 10px 0 5px; color:#ffffff; line-height:1.6em; font-size:13px;}
#location li a{color:#ffffff;}
#location li:after{content:''; position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-2px; background:#ffffff;}
#location li:first-child:after{display:none;}
#location li.home {font-weight:normal;}
#location li.home_out {text-decoration:none; padding:0px 0px 0 8px; color:#ffffff; border:none;}



.footWrap{clear:both; position:relative; border-top:1px solid #dddddd; margin-top:0; background:#ffffff; height:50px; margin-top:-50px;}
.WrapFooterInfo{padding:15px 20px 0;}
.WrapFooterInfo:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.footerInfoDetail:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.footerInfoDetail{float:right;}
.footerQuickInfo{float:left; overflow:hidden; margin-top:5px; margin-right:10px;}
.footerQuickInfo li{float:left; position:relative; margin-right:10px; padding-left:10px;}
.footerQuickInfo li:after{content:''; width:3px; height:3px; position:absolute; left:0; top:50%; background:#e1e1e1;}
.footerQuickInfo li a{font-size:13px; color:#6c6c6c;}
.footerQuickInfo li:first-child{padding-left:0; background:none;}
.footerQuickInfo li:first-child a{color:#000 !important;}

.footerCopy{float:left;}
.copyrightArea{}
.copyrightArea p{color:#666; font-size:12px; line-height:16px; color:#666666; letter-spacing:0;}


/* �йи�����Ʈ */
.relation01{float:right; position:relative; width:222px; font-size:13px; text-align:left;}
.relation01 .familySite{display:block; height:28px; padding:5px 0 0 15px; background:url("../img/relationSiteBgOn.png") no-repeat;}
.relation01.on .familySite { background:url("../img/relationSiteBg.png") no-repeat; }
.relation01 .site_list {display:none; width: 222px; padding: 10px 0; position:absolute; height: 120px; right:0px; bottom:29px; overflow-y:auto; border: solid 1px #ebebeb; background-color:#f9f9f9;}
.relation01.on .site_list {position:absolute; display:block; z-index:99;}
.relation01 .site_list li {line-height:22px; }
.relation01 .site_list li a {display:block; padding-left: 15px; }
.relation01 .site_list li a:hover,
.relation01 .site_list li a:focus{text-decoration: underline; }


.copy_wrap {background:#ffffff; border:1px solid #ddd; padding:30px;}

.copy_kogl_box{background:#ffffff; border:1px solid #ddd; padding:30px; margin:10px 0;}
.copy_kogl_box img {width: 150px; height: auto;	position: absolute;}
.copy_kogl_txt{
	display: inline-block;
	/*float: left;*/
	font-size: 13px;
	line-height: 22px;
	color: #999;
	/*padding-top:  5px ;*/
	padding-left: 180px;
	margin: 0;
}
.copy_kogl_txt a {
	/*float: left;*/
	padding-top: 0;
	color: #3b70c9;
}
.stat_date_box {
	display: inline-block;
	width: 100%;
	padding: 15px;
	margin-top: 20px;
	border:1px solid #dedede;
	font-size: 13px;
	color: #999;
	background:#ffffff;
}
.stat_date_tit {
	display: inline-block;
	height: 30px;
	padding: 0 15px;
	margin-right: 10px;
	background: #3b70c9;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
}
.copy_txt em {
	color: #3b70c9;
	font-weight: 500;
}



.sectionConRDetail .contentSection:not(:first-child){margin-top:10px;}

.contentSection{border-radius:10px; padding:20px; background:#ffffff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}

.contentSection.sySearchForm{position:relative; overflow:hidden; padding:10px 40px 10px 30px;}

.sySearchFormWrap{padding-right:0;}

.writeForm{/* margin-bottom:30px; */}
.writeForm .writeFormTitle{font-size:17px; margin-bottom:15px; line-height:140%; font-weight:500;}
.writeFormResult .writeForm > ul{border-top:1px solid #000;}
.writeForm > ul{
	border-top:2px solid #000;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
.writeForm > ul > li{flex:0 1 50%;}
.writeForm > ul > li.full_row{flex:0 1 100%;}
.writeForm_wrap{border-bottom:1px solid #ddd; height:100%; padding:10px 20px;}
.writeForm > ul > li dl{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
	align-items: center;	
	height:100%;
	
}
.writeForm > ul > li dl dt{flex:0 1 150px; position:relative; padding-left:10px; font-weight:500;}
.writeForm > ul > li dl dt:after{content:''; display:block; position:absolute; left:0; top:6px; width:3px; height:3px; background:#f0940a; border-radius:100%;}
.writeForm > ul > li dl dd{flex:1; line-height:140%; color:#777777; font-weight:400;}



.sySearchFormWrap .writeForm{margin-bottom:0;}
.sySearchFormWrap .writeForm ul{border-top:none;}
.sySearchFormWrap .writeForm_wrap{border-bottom:none; height:100%; padding:3px 30px 3px 0;}

.sySearchFormWrap .writeForm li {}

.sySearchFormWrap.row02 .writeForm li{flex:0 1 50%;}
.sySearchFormWrap.row03 .writeForm li{flex:0 1 33.33%;}
.sySearchFormWrap.row04 .writeForm li{flex:0 1 25%;}
.sySearchFormWrap.row05 .writeForm li{flex:0 1 20%;}

.sySearchFormWrap .writeForm dt{flex:0 1 140px;}

.wordSearchBtn{position:absolute; right:0; top:0; height:100%; width:50px; background:#606060;}
.wordSearchBtn .btn-Search{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background: url("../img/btn_searchResult_white.svg") no-repeat center center; background-size:20px; text-indent:-5000px;}


.board_top .board_total{float:left; font-size:1.3rem; margin-top:0;}

.topBtn{clear:both; overflow:hidden; margin-bottom:10px;/*  margin-top:10px; padding-bottom:5px; border-bottom:2px solid #478de3; */}
 

.board_total{margin-bottom:10px;}
.board_total:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

.gridSum{display:inline-block;  font-size:14px; color:#666666; font-weight:500;}
.gridSum span{color:#ff8a00;}

.pageNum{display:inline-block; margin-left:20px;}
.pageNumTxt{display:inline-block; font-size:13px; color:#020202;}
.pageNum .selects{display:inline-block; margin-left:10px; width:70px; font-size:13px;}
.pageNum .selects select{height:30px; line-height:30px;}



.radios .radio {cursor:pointer; width:auto; height:18px; padding-left:28px; padding-top:0; margin:7px 18px 4px 0; line-height:18px; vertical-align:middle; display:inline-block; font-weight:400; background: url("../img/icon_radio_phone.svg") no-repeat 0 center; background-size:18px;}
.radios label{padding-top:0;}
.radios .radio:last-child {margin-right:0}
.radios input[type=radio]{display:none}
.radios input[type=radio]:checked + .radio{background: url("../img/icon_radio_selected.svg") no-repeat 0 center; background-size:18px;}

.checkbox-out .checkbox {cursor:pointer; width:auto; /* height:20px; */ padding-left:28px; padding-top:0; margin:7px 18px 4px 0; line-height:18px; vertical-align:middle; display:inline-block; font-weight:400; background: url("../img/icon_checkbox.svg") no-repeat 0 center; background-size:18px;}
.checkbox-out label{padding-top:0;}
.joinCheckBox.checkbox-out label{color:#b1b1b1; }
.checkbox-out .checkbox:last-child {margin-right:0}
.checkbox-out input[type=checkbox] {display:none;}
.checkbox-out input[type=checkbox]:checked + .checkbox{background: url("../img/icon_checkbox_selected.svg") no-repeat 0 center; background-size:18px;}

.selects{width:100%; position:relative;}
.selects select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e5e6e7; cursor:pointer; background:transparent; border-radius:4px; width:100%; height:34px; line-height:34px; padding:0 30px 0 8px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.selects:after {content: ""; position: absolute; right: 0; top: 0; width:34px; height:34px; background:url('../img/icon-arrowdown3.svg') no-repeat center center; z-index:0; background-size:12px;}
.selects select::-ms-expand {display:none;}
.selects select:focus {
    /* border: 1px solid #1428a0;  */
	outline: 0;
   /*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); */
}

input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear  {display:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; -moz-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; }
select::-ms-expand { display: none; }

textarea.form-control{padding-top:10px;}

.pwd_area .selects:after{z-index:0;}



.table_type1 {position:relative; margin:5px 0;}
.table_type1 table {width:100%; background:#ffffff; border:1px solid #dddddd; border-top:2px solid #000;}
.table_type1 table th {text-align:center; border:1px solid #dddddd; border-bottom:1px solid #979797;  padding:7px 0; color:#000000; background:url('../img/trBg.png') repeat-x 0 bottom #fcfcfc;}
/* .table_type1 table th:first-child {border-left:0 none !important;} */
.table_type1 table td {text-align:center; border:1px solid #dddddd; border-top:1px solid #dddddd;  padding:7px 5px; font-size:13px;}
.table_type1 table th.bgCol {text-align:center; border-left:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #c8c8c8; padding:7px 5px; color:#000000; background:#f5f5f5;}
.table_type1 table tr.receive td{background:#fff8ed; }
.table_type1 table tr:first-child td {border-top:none;}
/* .table_type1 table td:first-child {border-left:0 none !important;} */
.table_type1 table td.left {text-align:left; padding-left:10px;}
.table_type1 table td.head {}
.table_type1 table td.right {text-align:right;}
.table_type1 table td.bg {background-color:#f9f9f9; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}
/* .table_type1 table td.bg:first-child {border-left:0 none; border-right:1px solid #D3D3D3;} */
/* .table_type1 table tbody tr:hover{background:#f4fafc;} */
.table_type1 table tbody tr.active td{background:#f4fafc;}
.table_type1 table tfoot td {border-top:2px solid #D6D1C4 !important; background:#F7F5F0; padding:10px 0; color:#000;  font-weight:500;}
.table_type1 table tbody tr:focus td{background:#f4fafc !important;}
.table_type1 table tbody tr.bg {background-color:#f9f9f9;}
.table_type1 table tbody tr.sumBg {background-color:#e7f1f7;}
.table_type1 table tbody tr.sumBg td{border-left:1px solid #bdc8ce; border-right:1px solid #bdc8ce; color:#000; font-weight:500;}
.table_type1 table tbody tr.totalBg {background-color:#d2e8f0;}
.table_type1 table tbody tr.totalBg td{border-left:1px solid #b7d1da; border-right:1px solid #b7d1da; color:#000; font-weight:500;}

.table_type1 table tbody tr.sumBg_sub {background-color:#edf0ee;}
.table_type1 table tbody tr.sumBg_sub td{border-left:1px solid #c4c7c5; border-right:1px solid #c4c7c5; color:#000; font-weight:500;}
.table_type1 table tbody tr.totalBg_sub {background-color:#dee3de;}
.table_type1 table tbody tr.totalBg_sub td{border-left:1px solid #c4c7c5; border-right:1px solid #c4c7c5; color:#000; font-weight:500;}

/* .table_type1 table tbody tr:nth-child(1) td:first-child {border-right:1px solid #dddddd;} */



.trRight{border-right:1px solid #bfbfbf;}

.tableTip{position:relative;}
.table_type1 table tr.sum td {background:#f4f7e6; color:#607112; font-weight:500; font-size:13px;}

.table_type1.evlBaseReg table thead th {font-size:16px;}
.table_type1.evlBaseReg table tbody td {font-size:16px;}



/* login */
.nopadding{padding:0px !important;}

.mainLogin{}
.brandName{display:block; background:url('../img/logo.png') no-repeat 0 0; text-indent:-5000px; width:366px; height:26px; margin:50px 0 20px 35px;}
.loginVisual{position:relative; background:url('../img/loginBg01.png') no-repeat 0 0; background-size: cover; padding:360px 80px 60px 80px;}
.loginVisual:after{content:""; position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.4); z-index:0;}
.loginVisual h4{position:relative; z-index:2; color:#ffffff; font-size:32px; font-weight:400; line-height:100%: }
.loginVisual h3{position:relative; z-index:2; color:#ffffff; font-size:40px; font-weight:700; margin-top:10px; line-height:100%:}
.loginVisual ul{position:relative; z-index:2; padding-top:20px;}
.loginVisual li{font-size:16px; color:#ffffff; margin:3px 0; }

.loginArea{width:70%; padding:50px 0 30px; margin:0 auto;}
.mainRightArea{}
.mainRightArea h2{color:#373737; font-size:39px; font-family: 'SamsungSharp';  font-weight: 500;}
.mainRightArea h3{color:#929292; font-size:13px; margin-top:4px; letter-spacing:0; font-weight:400;}
.loginInput{margin-top:20px;}
.loginInputArea{margin-top:35px;}

.forgotPass{color:#26bce4; font-size:12px; text-decoration:underline;}
.loginInput .btn{margin-top:8px !important;}
.loginFooter{text-align:center; color:#8c8c8c; font-size:13px; padding:15px 0;}
.modal .loginInput{margin-top:10px;}
.CreateAccount label{color:#878787; font-size:17px;}
select.input-radius{height:46px; border:1px solid #cccccc; border-radius:5px; margin-bottom:8px; font-size:14px;}
input.input-radius:-ms-input-placeholder {color: #9a9a9a;}
input.input-radius::-moz-placeholder {color: #9a9a9a;}
input.input-radius::-webkit-input-placeholder {color: #9a9a9a;}
input.input-radius{height:46px; border:1px solid #cccccc; border-radius:5px; margin-bottom:8px; font-size:14px;}

.mainLogin .col-lg-7, .mainLogin .col-lg-5, .mainLogin .col-lg-12{padding:0}
.mainLogin.row, .mainLogin .form-group{margin-left:0 !important; margin-right:0 !important;}

.mainRightArea .passwordTxt h3{text-align:center; color:#000; font-size:18px; margin:40px 0; padding:20px 20px; font-weight:400; line-height:140%; background:#f9f9f9;}
.mainRightArea .passwordTxt h3 span{display:inline-block; padding-top:85px; background:url('../img/password.png') no-repeat center 0; background-size:60px auto;}

.contactArea01{padding:20px; background:#f9f9f9; margin-top:10px; border-radius:5px;}
.contactAreaDetail01 h4{font-size:14px; color:#333; margin-bottom:10px; background:url('../img/noticeBlt01.png') no-repeat 0 6px; padding-left:12px;}
.contactAreaDetail01 .telDescript{font-size:13px; color:#666; margin:5px 0; padding-left:12px;}
.contactAreaDetail01 .telNum{font-size:20px; color:#000; padding-left:12px;}


.joinArea01{clear:both; overflow:hidden; border-bottom:1px solid #eeeeee; padding:8px 0;}
.joinArea01 p{float:left; color:#4c4c4c; font-weight:500; font-size:12px; margin-top:12px;}
.joinArea01 a{float:right; padding:2px 20px;}

.btn-md{line-height:31px; padding-left:20px; padding-right:20px; font-size:16px;}



@media screen and (max-width:992px) {
	
	.topQuickMenu ul li:first-child a{padding:0;}
	.topQuickMenu ul li:first-child a:after{display:none;}
	.topQuickMenu{position:absolute; left:20px; top:20px; right:auto; z-index:10000;}
	.topQuickMenu .user_info{float:none; line-height:25px;}
	.topQuickMenu ul li a{float:none; line-height:25px;}


}