@charset "UTF-8";

/*==================================================================================
 UI & design consuting - FOR C&C (주)에프오알씨앤씨 - UI Creative Team 
www.forcnc.co.kr  / (02)322-0637
==================================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, applet, object, iframe,
fieldset, form, label, legend,
audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%;
	font: inherit;
	vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
} */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
button {
	border:0;
	padding:0;
	margin:0;
	background-color:transparent;
}


/*============================================
common
============================================*/
body{
	font-size:12px;
	line-height:1.4em;
	font-family:'Malgun Gothic', arial, dotum, gulim !important;
	color:#000;
	padding:0; 
	margin:0;
	width:100%;
}
a {
	font-family:'Malgun Gothic', arial, gulim, dotum;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
a:focus {outline:none;}
a:hover {text-decoration:none;}
a img, fieldset {border:0;}
button {
	cursor:pointer;
	font-family:'Malgun Gothic', arial, gulim, dotum;
}

label {padding-left:5px;}


/*============================================
Button
============================================*/
/*  */
.btn-m {font-size:12px;text-indent:0;min-width:76px;height:28px;border-radius:14px;box-sizing:border-box;padding:0 10px;font-family:'Malgun Gothic', arial, dotum, gulim !important;}
.btn-m.btn-default {color:#FFF;background-color:#bfbab7;}
.btn-m.btn-primary {color:#FFF;background-color:#7f756f;}
.btn-m.btn-attention {color:#FFF;background-color:#fe630f;}
.btn-m.btn-secret {font-size:11px;line-height:1.3em;color:#fe630f;height:24px;border:1px solid #fe630f;}

/*  */
.btn-s {font-size:12px;text-indent:0;height:28px;box-sizing:border-box;padding:0 10px;font-family:'Malgun Gothic', arial, dotum, gulim !important;}
.btn-s.btn-default {color:#FFF;background-color:#bfbab7;}
.btn-s.btn-primary {color:#FFF;background-color:#fe630f;}
.btn-s.btn-attention {color:#FFF;background-color:#fe630f;}


/*============================================
Modal Window
============================================*/
.modalwindow {position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;}
.modalwindow-bg {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5)}
.pop-modalwindow {position:absolute;top:50%;left:50%;background-color:#FFF;}
.pop-modalwindow-header {display:table;width:100%;height:60px;background-color:#3a3633;}
.pop-modalwindow-title {color:#FFF;font-size:18px;line-height:1.4em;font-family:'Malgun Gothic', arial, dotum, gulim;padding-left:25px;display:table-cell;vertical-align:middle;}
.pop-modalwindow-header-option {text-align:right;display:table-cell;vertical-align:middle;padding-right:20px;}
.pop-modalwindow-header-option .ico-anchor {display:inline-block;vertical-align:middle;margin-left:15px;}
.pop-modalwindow-header-option button {vertical-align:1px;}
.pop-modalwindow-contents-margin {margin:0 25px 0px;margin-bottom:0;}
.pop-modalwindow-header .ico-close {font-size:0;display:inline-block;width:24px;height:24px;text-indent:-10000px;overflow:hidden;background:url(/neo/img/ncp/theme/common/popup_close.png)no-repeat left 0;}
.pop-modalwindow-btn-area {text-align:center;padding:15px 0 65px 0;}


/* Modal Window - message */
.pop-modalwindow-message .pop-modalwindow-contents {text-align:center;padding-top:45px;margin:0 0 15px 0;display:block;}
.pop-modalwindow-message .pop-modalwindow-contents .ico-area {margin-bottom: 15px;}
.pop-modalwindow-message .pop-modalwindow-contents .info-area {width:auto;}
.pop-modalwindow-message .pop-modalwindow-contents .info-area .title {font-size:14px;font-weight:bold;color:#23201f;margin-bottom:10px;}
.pop-modalwindow-message .pop-modalwindow-contents .description {font-size:12px;font-weight:normal;color:#999999;}

/* Modal Window - image */
.pop-modalwindow-image .pop-modalwindow-contents-margin {margin:25px 25px;}
.pop-modalwindow-image .pop-modalwindow-contents img {width:100%;}

/*Pop Contents*/
.sub-title {font-size:12px;font-weight:normal;color:#999999;margin-bottom:10px;}
.info-area-left {text-align:left;}


/*============================================
오늘 하루 열지 않기
============================================*/
.pop-close-wrap {position:relative;height:32px;position:relative;background-color:#f5f5f5;}
.pop-close-wrap input[type="checkbox"],.pop-close-wrap label {vertical-align:top;color:#56585a;}
.pop-close-left {padding:7px 10px;float:left;}
.pop-close-wrap .pop-btn-close {background-position:-550px top;display:inline-block;width:12px;height:12px;}
.pop-close-right {padding:6px 10px;float:right;}


/*==================================
Alert Popup
==================================*/
.pop-alert {background-color:#FFF;-webkit-box-shadow:0px 0px 12px 1px rgba(76,76,76,0.26);-moz-box-shadow: 0px 0px 12px 1px rgba(76,76,76,0.26);box-shadow:0px 0px 12px 1px rgba(76,76,76,0.26);}
.pop-alert .close-area {display:inline-block;width:12px;height:12px;position:absolute;top:15px;right:15px;}
.pop-alert .close-area .pop-btn-close {background-position:-550px top;}
.pop-alert .pop-alert-contents {text-align:left;padding:50px 35px;line-height:1.6em;}
.pop-alert .ico-area {display:inline-block;vertical-align:middle;white-space:normal;margin-right:17px;}
.pop-alert .info-area {display:inline-block;vertical-align:middle;white-space:normal;}
.pop-alert .ico-area + .info-area {width:290px;}
.pop-alert .title {font-size:14px;font-weight:bold;color:#23201f;margin-bottom:10px;}
.pop-alert .description {font-size:12px;font-weight:normal;color:#999999;}
.pop-alert .pop-alert-btn-area {text-align:center;padding: 10px 0 65px 0;}

/* 중앙 정렬 */ 
.pop-contents-center {text-align:center !important;}
.pop-contents-center .ico-area {margin:0 0 15px 0;display:block;}
.pop-contents-center .info-area {width:auto;}

/* Alert Popup - error */
.pop-alert-error .pop-contents-center {padding:40px 35px;}
.pop-alert-error .pop-modalwindow-btn-area {padding:15px 0 0px 0;}
.pop-alert-error .ico-area + .info-area {width:428px;}
.title-error {color:#c03344 !important;}


/*==================================
Browser Popup
==================================*/
.pop-browser {position:relative;width:100%;height:100%;}

/* pop title 영역 */
.pop-browser .pop-browser-header {padding:0 0 0 25px;width:100%;height:60px;background-color:#3a3633;position:relative;}
.pop-browser .pop-title {font-size:18px;color:#ffffff;font-weight:normal;line-height:1.33em;display:inline-block;vertical-align:middle;}

/* popup 컨텐츠 영역 */
.pop-browser .pop-browser-contents {padding:45px 30px;background-color:#ffffff;text-align:center;}
.pop-browser .pop-browser-contents .ico-area {margin-bottom:15px;}
.pop-browser .pop-browser-contents .title {font-size:14px;font-weight:bold;color:#23201f;line-height:1.33em;margin-bottom:7px;}
.pop-browser .pop-browser-contents .description {font-size:12px;font-weight:normal;color:#999999;line-height:1.7em;margin-bottom:15px;}
.pop-browser .pop-browser-contents .btn-area {font-size:12px;margin-top:5px;margin-bottom:15px;}
.pop-browser .pop-browser-contents .ico-area .title {margin-top:20px;}


/*==================================
Pop icon 
==================================*/
.ico-pop {display:inline-block;vertical-align:middle;background:url(/neo/img/ncp/theme/common/ico_pop.png);text-indent:-10000px;}
/* alert icon */
.pop-ico-information {width:80px;height:80px;background-position:left top;}
.pop-ico-confirm {width:80px;height:80px;background-position:-100px top;}
.pop-ico-cancel {width:80px;height:80px;background-position:-200px top;}
.pop-ico-error {width:80px;height:80px;background-position:-200px top;}
.pop-ico-caution {width:80px;height:80px;background-position:-300px top;}
.pop-ico-alarm {width:80px;height:80px;background-position:-400px top;}
.pop-ico-question {width:80px;height:80px;background-position:left -150px;}
.pop-ico-download {width:80px;height:80px;background-position:-100px -150px;}
.pop-ico-login {width:80px;height:80px;background-position:-200px -150px;}
.pop-ico-employee {width:80px;height:80px;background-position:-300px -150px;}
.pop-ico-lock {width:80px;height:80px;background-position:-400px -150px;}
.pop-ico-not-found {width:80px;height:80px;background-position:-500px -150px;}


/* 멀티 팝업 추가 */
.pop-browser-banner {width:780px;height:545px;background-color:#ebeff1}
.pop-slider {position:relative;width:780px;padding-left:300px}
.pop-menu {position:absolute;top:0;left:0;width:299px;border-bottom:1px solid #dde2e4;border-right:1px solid #dde2e4}
.pop-menu a {display:block;position:relative;width:259px;height:77px;padding:0 20px;border-top:1px solid #dde2e4;background-color:#ffffff}
.pop-menu a:first-child {border-top:0 none}
.pop-menu a:after {display:none;position:absolute;top:-1px;left:0;border:1px solid #fe630f;background:#ffffff url(/neo/img/ncp/theme/common/bg_banner_select.png) no-repeat 0 0;z-index:5;width:304px;height:77px;content:''}
.pop-menu a:first-child:after {top:0;height:76px}
.pop-menu strong {display:block;overflow:hidden;position:relative;z-index:10;padding-top:20px;font-size:14px;color:#999;line-height:18px;height:18px;white-space:nowrap;text-overflow:ellipsis;}
.pop-menu span {display:block;overflow:hidden;position:relative;z-index:10;font-size:12px;color:#999;line-height:16px;height:16px;white-space:nowrap}
.pop-menu a.active:after {display:block}
.pop-menu a.active strong,
.pop-menu a.active span {padding-left:6px;color:#fe630f}
.pop-browser .slick-slide img {width:480px;height:545px}

.pop-multi-close-wrap {position:relative;height:32px;position:relative;background-color:#f5f5f5;}
.pop-multi-close-wrap input[type="checkbox"],.pop-close-wrap label {vertical-align:top;color:#56585a;}
.pop-multi-close-left {padding:7px 10px;float:left;}
.pop-multi-close-wrap .pop-btn-close {display:inline-block;height:12px;padding-left:16px;color:#fff;line-height:10px;vertical-align:top;background: url(/neo/img/ncp/theme/common/ico_close.png) no-repeat 0 2px;}
.pop-multi-close-right {padding:10px;float:right;}