@charset "utf-8";

html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, 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,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
body { font-size: 13px }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a, a:hover, a:active, a:focus { text-decoration: none; color: #494949; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
a:active,a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
em, address { font-style: normal;}
b,strong {font-weight: bold}
small {font-size: 80%}
img {border: 0;}
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
button { cursor: pointer;overflow: visible}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0;}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
button:active>*, button:focus>* { position: relative; top: 0px; left: 0px;}
table {border-collapse: collapse;border-spacing: 0}
td,th {padding: 0}
html, body, input, textarea, select, button, table { font-family:sans-serif; word-break: keep-all; word-wrap: break-word }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}


/* state */
.blind, caption, legend{ visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0 }
.aln-ct { text-align: center !important; }
.aln-lt { text-align: left !important; }
.aln-rt { text-align: right !important; }
.vln-tp { vertical-align: top !important }
.vln-md { vertical-align: middle !important; }
.flt-lt { float: left !important }
.flt-rt { float: right !important }
.clear-b { clear: both; }
.clearfix{*zoom:1}
.clearfix:after{content:""; display:block; clear:both}



/* 마진 */
.mg-l0 { margin-left: 0 !important }
.mg-l5 { margin-left: 5px !important }
.mg-l10 { margin-left: 10px !important }
.mg-l20 { margin-left: 20px !important }
.mg-r0 { margin-right: 0 !important }
.mg-r5 { margin-right: 5px !important }
.mg-r10 { margin-right: 10px !important }
.mg-r20 { margin-right: 20px !important }
.mg-t5 { margin-top: 5px !important }
.mg-t10 { margin-top: 10px !important }
.mg-t20 { margin-top: 20px !important }
.mg-t30 { margin-top: 30px !important }
.mg-t40 { margin-top: 40px !important }
.mg-t60 { margin-top: 60px !important }
.mg-t70 { margin-top: 70px !important }
.mg-b5 { margin-bottom: 5px !important }
.mg-b10 { margin-bottom: 10px !important }
.mg-b20 { margin-bottom: 20px !important }
.mg-b30 { margin-bottom: 30px !important }
.mg-b40 { margin-bottom: 40px !important }
.mg-b50 { margin-bottom: 50px !important }
.mg-b60 { margin-bottom: 60px !important }
.mg-b80 { margin-bottom: 80px !important }
.mg-b90 { margin-bottom: 90px !important }
.mg-b100 { margin-bottom: 100px !important }


/* 패딩 */
.pd-0{padding:0 !important}
.pd-l0 { padding-left: 0 !important }
.pd-l10 { padding-left: 10px !important }
.pd-l20 { padding-left: 20px !important }
.pd-l30 { padding-left: 30px !important }
.pd-l50 { padding-left: 50px !important }
.pd-t0 { padding-top: 0 !important }
.pd-t10 { padding-top: 10px !important }
.pd-t20 { padding-top: 20px !important }
.pd-t30 { padding-top: 30px !important }
.pd-t40 { padding-top: 30px !important }
.pd-t50 { padding-top: 50px !important }
.pd-t60 { padding-top: 60px !important }
.pd-t70 { padding-top: 70px !important }
.pd-t80 { padding-top: 80px !important }
.pd-t90 { padding-top: 90px !important }
.pd-t100 { padding-top: 100px !important }
.pd-r0 { padding-right: 0 !important }
.pd-r20 { padding-right: 20px !important }
.pd-r50 { padding-right: 50px !important }
.pd-b0 { padding-bottom: 0 !important }
.pd-b10 { padding-bottom: 10px !important }
.pd-b30 { padding-bottom: 30px !important }
.pd-b40 { padding-bottom: 40px !important }
.pd-b50 { padding-bottom: 50px !important }
.pd-b100 { padding-bottom: 100px !important }


/* 넓이 */
.w1 { width: 1% !important }
.w5 { width: 5% !important }
.w10 { width: 10% !important }
.w15 { width: 15% !important }
.w20 { width: 20% !important }
.w25 { width: 25% !important }
.w30 { width: 30% !important }
.w35 { width: 35% !important }
.w40 { width: 40% !important }
.w45 { width: 45% !important }
.w50 { width: 50% !important }
.w60 { width: 60% !important }
.w70 { width: 70% !important }
.w80 { width: 80% !important }
.w90 { width: 90% !important }
.w100 { width: 100% !important }
.w333 { width: 33.33% !important }
.w334 { width: 33.34% !important }

/* 폰트 스타일 */
.fs-11 { font-size: 12px !important; }
.fs-12 { font-size: 13px !important; }
.fs-13 { font-size: 14px !important }
.fs-14 { font-size: 15px !important }
.fs-16 { font-size: 16px !important }
.fs-18 { font-size: 18px !important }
.fs-20 { font-size: 20px !important }
.fs-22 { font-size: 22px !important }
.fs-24 { font-size: 24px !important }
.fs-25 { font-size: 25px !important }
.fs-30 { font-size: 30px !important }
.fs-36 { font-size: 36px !important }
.fs-60 { font-size: 60px !important }
.fc-blck { color: #000 !important }
.fc-red { color: #ff3d2d !important }
.fc-red2 { color: #fd3600 !important }
.fc-grey{color:#999 !important}
.fc-grey2{color:#646464 !important}
.fc-magenta { color: #dc0172 !important }
.fc-orange { color: #fe6600 !important }
.fc-blue{color:#245cc2 !important}
.fc-blue2{color:#285dff !important}
.fc-blue3{color:#00f0ff !important}
.fc-blue4{color:#2485c3 !important}
.fc-blue5{color:#84c1ff !important}
.fc-green{color:#00ca00 !important}
.fc-green2{color:#036a6c !important}
.fw-700 { font-weight: 700 !important }
.fw-900 { font-weight: 900 !important }

/* 보더 */
.bdt-0{border-top:0 none !important}
.bdb-0{border-bottom:0 none !important}

.bg-blue{background-color:#245cc2 !important}



/* 폼요소 */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:30px; padding:0px 10px; border: 1px solid #dadada;  color:#7b7b7b; background: #f8f8f8; vertical-align: middle; line-height: normal;}
textarea { height:200px; border: 1px solid #e1e1e1; background: #f8f8f8; padding: 6px 10px; color: #dadada; font-size:15px; resize:none}
input[type="checkbox"], input[type="radio"]{ vertical-align: middle; width: 13px; height: 13px; border: 1px solid #dadada; margin:0 5px 0 0; }
select { padding: 3px; height:30px; border: 1px solid #dadada; background:#f8f8f8; vertical-align: middle;white-space:nowrap; font-size:15px; color: #7b7b7b;}
button { vertical-align: middle; overflow:visible; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
input[type="submit"]{line-height:1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
label { vertical-align: middle; }
label+label { margin-left: 10px }

.file-input label {position:relative; cursor:pointer; display:inline-block; overflow:hidden; width:75px; height:30px; border-radius:3px; background:#ffffff; color:#4b4b4b; text-align:center; border:1px solid #e1e1e1; line-height:28px;}
.file-input label input {position:absolute; width:0; height:0; overflow:hidden; }
.file-input input[type="text"]{vertical-align:middle; display:inline-block; width:155px !important; height:30px; color:#4b4b4b;}

.space {display:inline-block; width:5px; height:30px;}


.chk{display:inline-block;position:relative;height:26px}
.chk+.chk{margin-left:18px}
.chk input{position:absolute;top:1px;left:1px;width:0;height:0;cursor:pointer}
.chk label{font-size:15px;line-height:26px; position:relative; z-index:2; display:inline-block;top:0; left:0; height:26px; background:#fff url(../images/icon/chk_bg.png) no-repeat 0 50%; padding-left:33px; color:#333; cursor:pointer}
.chk input:checked + label{background-image:url(../images/icon/chk_bg_on.png)}
.chk.type2 label{background-image:url(../images/icon/chk_bg2.png); background-color:transparent; padding-left:23px; color:#fff}
.chk.type2 input:checked + label{background-image:url(../images/icon/chk_bg2_on.png)}


.sbox{display:inline-block; vertical-align:middle}
.sbox .selectric{background:#fff}
.sbox .selectric .label,
.sbox .selectric-items ul, 
.sbox .selectric-items li{font-size:16px}

/* 디자인 filebox */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 5px }

/* named upload */
.filebox .upload-name { display: inline-block; padding: 9px 10px;  /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #dadada; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }


/* 버튼스타일 */
.btnm,
a.btnm {text-align:center; height:40px;line-height:38px;  vertical-align:middle; white-space: nowrap;display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 13px; color: #fff; background:#898989; border: 1px solid transparent; font-size: 14px; font-weight: 400; text-decoration: none; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.btnm:hover,
.btnm:focus,
a.btnm:hover,
a.btnm:focus { font-weight: 400; color: rgba(255,255,255, .85); background: rgba(0,0,0, .7); text-decoration: none; outline: none; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btnm img{vertical-align:middle}
.btnm:active { cursor: pointer !important; outline: none !important; }
.btnm.btn-tiny{height:30px; line-height:28px}
.btnm.btn-small { height: 35px; line-height:33px; padding: 0 17px}
.btnm.btn-md { height: 50px; font-size:16px; line-height:48px; padding: 0 37px;}
.btnm.btn-lg { height: 60px; line-height:58px; padding: 0 30px; font-size: 18px; }
.btnm.btn-glass { color: rgba(255,255,255, .75); background: rgba(0,0,0, .40); }
.btnm.btn-glass:hover,
.btnm.btn-glass:focus { color: rgba(255,255,255, 1); background: rgba(0,0,0, 1); }
.btnm.btn-border { color: #151515; border: 1px solid #151515; background: transparent; }
.btnm.btn-border:hover,
.btnm.btn-border:focus { color: #fff; border-color: transparent; background: #000; }
.btnm.btn-border-g { color: #656565; border: 1px solid #c2c2c2; background: transparent; }
.btnm.btn-border-g:hover,
.btnm.btn-border-g:focus { color: #fff; border-color: transparent; background: #2b5cb4; }
.btnm.btn-border-c { color: #e41919; border: 1px solid #e41919; background: transparent; }
.btnm.btn-border-c:hover,
.btnm.btn-border-c:focus { color: #fff; border-color: transparent; background: #e41919; }
.btnm.btn-border-w { color: #fff; border: 1px solid rgba(255,255,255, .6); background: transparent; }
.btnm.btn-border-w:hover,
.btnm.btn-border-w:focus { color: #111; border-color: transparent; background: #fff; }
.btnm.btn-w { color: #111; background: rgba(255,255,255, .8); }
.btnm.btn-w:hover,
.btnm.btn-w:focus { color: #111; background: #fff; }
.btnm.btn-w-color { color: #e41919; background: #fff; }
.btnm.btn-w-color:hover,
.btnm.btn-w-color:focus { color: #151515; background: #fff; }
.btnm.btn-gray { color: #777; background: #e5e5e5; }
.btnm.btn-gray:hover,
.btnm.btn-gray:focus { color: #444; background: #d5d5d5; }
.btnm.btn-color { color: #fff; background: #255cc2; }
.btnm.btn-color:hover,
.btnm.btn-color:focus { color: #fff; background: #002262; opacity: .85; }
.btnm.btn-circle { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.btnm.btn-round { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn-icon { position: relative; border: none; overflow: hidden; }
.btn-icon.btn-small { overflow: hidden; }
.btn-icon > span { width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #777; font-size: 48px; opacity: .2; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.btn-icon:hover > span { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
.btn-icon > span.white { color: #fff; }
.btn-icon > span.black { color: #000; }
.btn-full { width: 100%; }


/* page-loader */
.page-loader {display: block;	width: 100%;	height: 100%;	position: fixed;	top: 0;	left: 0;	background: #fefefe;	z-index: 100000;}
.page-loader .loader {width: 50px;height: 50px;	position: absolute;	top: 50%;	left: 50%;	margin: -25px 0 0 -25px;	font-size: 10px;	text-indent: -12345px;	border-top: 1px solid rgba(0,0,0, 0.08);	border-right: 1px solid rgba(0,0,0, 0.08);	border-bottom: 1px solid rgba(0,0,0, 0.08);	border-left: 1px solid rgba(0,0,0, 0.5);	-webkit-border-radius: 50%;	-moz-border-radius: 50%;
	border-radius: 50%;	
	-webkit-animation: spinner 700ms infinite linear;
	-moz-animation: spinner 700ms infinite linear;
	-ms-animation: spinner 700ms infinite linear;
	-o-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear;
	z-index: 100001;
}
 @-webkit-keyframes spinner {
	 0% {
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	}
	 100% {
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
}
 @-moz-keyframes spinner {
	 0% {
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	}
	 100% {
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
}
 @-o-keyframes spinner {
	 0% {
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	}
	 100% {
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
}
 @keyframes spinner {
	 0% {
	 -webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	}
	 100% {
	 -webkit-transform: rotate(360deg);
	 -moz-transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
	 -o-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
}

/* FAQ */
.faq { border-top: 2px solid #000; border-bottom: 2px solid #000 }
.faq>ul>li { line-height: 1.6 }
.faq>ul>li>.q { font-size: 15px; color: #000000; border-bottom: 1px solid #cacaca; padding-right: 13px }
.faq>ul>li>.q>a { display: block; padding: 13px 27px; background: url(/images/common/faq_icon_plus.gif) no-repeat 100% 50% }
.faq>ul>li>.a { padding: 19px 27px; font-size: 14px; color: #494949; background: #f9f8f2; border-bottom: 1px solid #cacaca; display: none }
.faq>ul>li.active>.q>a { background-image: url(/images/common/faq_icon_minus.gif) }


/* 테이블스타일 */
.tbl-type1{width:100%; text-align:center; border-top:1px solid #255cc2}
.tbl-type1 th,
.tbl-type1 td{height:45px; padding:10px; border-bottom:1px solid #e9e9e9; color:#898989; font-size:14px; vertical-align:middle}
.tbl-type1 th{background:#f8f8f8; color:#2c2c2c; font-weight:600}


/* 탭 스타일 */
.tab-type1{position:relative; width:100%; margin:30px 0}
.tab-type1>ul{}
.tab-type1>ul>li{float:left; position:relative; z-index:1; text-align:center}
.tab-type1>ul>li>a{display:block; padding:20px 0; line-height:1; background:#fff; color:#363636; font-size:20px; font-weight:bold; border:1px solid #d7d7d7}
.tab-type1>ul>li+li>a{border-left:0 none}
.tab-type1>ul>li.active{z-index:2}
.tab-type1>ul>li.active>a{background:#255cc2 url(../images/common/bg_poly.png) repeat; border-color:#255cc2; color:#fff;}


/* 리스트 */
.list1{}
.list1>li{padding-left:12px; font-size:16px; color:#898989; position:relative}
.list1>li:before{content:""; width:3px; height:3px; background:#454545; position:absolute; left:0; top:10px}


/* 타이틀 스타일 */
.tit-type1{font-size:30px; color:#111111; font-weight:400; text-align:center; margin:50px 0 25px; line-height:1.2}
.tit-type1:before{content:""; width:14px; height:3px; background:#255cc2; margin:0 auto 12px; display:block}


/* 문단 스타일 */
.p1{padding-left:20px; line-height:1.8; color:#666666; margin:15px 0}