@charset "utf-8";
@import url('font.css');

/* 기본 설정 */
*,
*:before,
*:after {
  box-sizing: border-box;
  /* 기본 값, width 값을 컨텐츠 영역의 테두리까지 박스모델의 전체 너비 값으로 사용함. */
}

html,body{height:100%;}
body,input,textarea,select,button {font-family:'Noto Sans KR' ,'nanumSquare','돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, sans-serif;font-size:15px;color:#333;font-weight: 400;line-height:1.5em;letter-spacing:-0.025em;}
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;word-break: keep-all;word-wrap: break-word;}
hr,caption,legend{display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;text-indent:-9999px;height:0;font-size:0;line-height:0;}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:middle;}
p{}
em,address{font-style:normal}
a{text-decoration:none; color: #222;border: none;}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
input{vertical-align: middle;font-size:14px;}
select{height:22px;vertical-align: middle;font-size:14px;border:1px solid #ccc;}
button, input[type="submit"]{cursor:pointer}
button {vertical-align: top;background: transparent;border: 0;}
table{width:100%;border-collapse:collapse;word-break:break-all;border-spacing:0;}
ul, ul li{list-style:none;}
ol, ol li{list-style:none;}

ul,
ul li,
ul ul{margin: 0;padding: 0;list-style: none;}

ol,
ol li{margin: 0; padding: 0;list-style-type:none;}

dl,
dl dt,
dl dd{ margin:0; padding:0;}


.emR{color:#d81313;}
.emB{color:#0066cc;}
.emG{color:#26804a /*#00a651*/;}
.emO{color:#f26522;}
.emGray{color:#666;}

/* clear */
.clear{clear:both !important;height:0px;}
.clear2{clear:both;margin:0;padding:0;}
.clearL{clear:left !important;}

.clfix:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden}
.clfix    {display: inline-block}
.clfix    {display: block}
.clfix a{color:#fff;}
* html .clfix    {height: 1%} /* Hides from IE-mac */

/*정렬*/
.inner{max-width:1300px; margin:0 auto;}
@media all and (max-width:1023px){
	.inner {max-width:94%; margin:0 3%;}	
}

.relative {position:relative;}
.fL {float:left;}
.fR {float:right}
.blind{display:block;overflow:hidden;position:absolute;top:-9999px;left:-9999px;line-height:0;text-indent:-9999px;}
.hidden{white-space:nowrap;text-indent:100%;overflow:hidden}
.flow{overflow:hidden !important}
.cursor{cursor:pointer;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.border0 {border:0 !important;}
.ellipsis {text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;display: block;}
.ellipsis2{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.mT10 {margin-top:10px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}
.mT50 {margin-top:50px !important;}
.mB10 {margin-bottom:10px !important;}
.mB20 {margin-bottom:20px !important;}
.mB30 {margin-bottom:30px !important;}
.mB40 {margin-bottom:40px !important;}
.mB50 {margin-bottom:50px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

.col2 {width:calc(100% / 2);}
.col3 {width:calc(100% / 3);}
.col4 {width:calc(100% / 4);}
.col5 {width:calc(100% / 5);}
.col6 {width:calc(100% / 6);}

.fs09em {font-size:.9em !important;}
.fs1em {font-size:1.25em !important;}
.fs2em {font-size:2em !important;}

/* input style */
input[type="text"], input[type="password"] {height: 40px;font-size: 15px;border: 1px solid #ccc;padding:0 2px;box-sizing: border-box;-webkit-appearance:none;-webkit-border-radius:0;text-indent:10px;}
input[type="checkbox"], input[type="radio"] {vertical-align: middle; margin: 3px 5px;}
input[type="button"], input[type="submit"], button {cursor: pointer;}
input[type="file"] {height: 32px; }
textarea {padding: 2px; box-sizing: border-box; margin: 0; border: 1px solid #aaa; }
input[type="submit"] {
  -webkit-appearance: none; /* iOS Safari 기본 스타일 제거 */
  appearance: none; 
  border-radius: 0;
}

/* selectBox style */
select {height:40px;font-size:15px;padding:2px 12px;box-sizing:border-box;border:1px solid #aaa;/*text-indent:5px;*/}
select.sel {height:40px;padding:0 30px 0 12px;background-color: #fff;border:1px solid #ddd;color: #333;font-size:1.0em;background:#fff url('/images/common/sel_arrow.gif') 95% 50% no-repeat;-webkit-appearance:none;-moz-appearance: none;appearance: none;border-radius:0;}
select.sel::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }

img {
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:top;
	-ms-interpolation-mode:bicubic
}

@media all and (max-width: 768px){

	*{-webkit-text-size-adjust:none; /* ios폰트 사이즈 적용 */}
	body{font-size:14px;}
	input, textarea{border:1px solid #81c7ec;}
	.mobilehidden {display:none !important;}
	.m_block {display:block;}
	.ml20,
	.ml30{margin-left:0 !important;}
}



/* skip_navigation */
#skipnavi{position:absolute;top:-1px;left:0;width:100%;background-color:#333;z-index:999999}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000;text-align:center;}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}

/* 에러페이지 */
.error { padding:0 !important;background:#f3f4f6;}
.error_wrap {display:block;width:100%;height:100%;margin:0 auto;padding:180px 3em 3em;text-align:center;}
.error_wrap .error_logo {position:absolute;display:block;overflow:hidden;top:80px;left:50%;margin-left:-115px;width:200px;height:40px;background:url('/images/common/logo.gif') 0 0 no-repeat;background-size:cover;text-indent:-9999999px;font-size:0;}
.error_wrap .error_img {display:block;width:250px;height:250px;margin:0 auto;border-radius:50%;background-color:#9bd8db;background-image:url('/images/common/error.png');background-position: 50% 50%;background-repeat: no-repeat;}
.error_wrap .error_comment {display:block;margin:50px auto 20px;color:#2b3a59;font-family:'nanumSquare';font-size:36px;font-weight:600;line-height:1.35em;}
.error_wrap .error_comment span {color:#3b62bb}
.error_wrap .error_guide {display:block;width:50%;margin:0 auto;padding-bottom:40px;color:#555;font-size:18px;font-weight:500;line-height:1.5em;}
.error_wrap .error-btn-wrap {overflow:hidden;margin:30px auto;}
.error_wrap .error-btn-wrap .btn-go-page {display:inline-block;height:60px;padding:0 60px 0 30px;position:relative;background-color:#fff;border:1px solid #2b3a59;color:#2b3a59;font-weight:500;font-size:20px;line-height:58px;box-sizing:border-box;}
.error_wrap .error-btn-wrap .btn-go-page:after {content:"";display:block;position:absolute;right:8%;top:50%;margin-top:-6.5px;width:8px;height:13px;background-image:url('/images/common/error-btn-arrow.png');background-repeat:no-repeat;background-position:0 0;}
    
.invisible {
width:0px;
height:0px;
visibility: hidden;
}