@charset "utf-8";
/* font */
@font-face {
	font-family: 'NanumGothic';
	src: url('../fonts/NanumGothic.eot');
	src: local('NanumGothic'), local('NanumGothic'),
	url('../fonts/NanumGothic.woff2') format('woff2'),
	url('../fonts/NanumGothic.woff') format('woff'),
	url('../fonts/NanumGothic.ttf') format('truetype'),
	url('../fonts/NanumGothic.svg#NanumGothic') format('svg'),
	url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('../fonts/NanumBarunGothic.eot');
	src: local('NanumBarunGothic'), local('NanumBarunGothic'),
	url('../fonts/NanumBarunGothic.woff2') format('woff2'),
	url('../fonts/NanumBarunGothic.woff') format('woff'),
	url('../fonts/NanumBarunGothic.ttf') format('truetype'),
	url('../fonts/NanumBarunGothic.svg#NanumBarunGothic') format('svg'),
	url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('../fonts/NanumBarunGothicBold.eot');
	src: local('NanumBarunGothic Bold'), local('NanumBarunGothicBold'),
	url('../fonts/NanumBarunGothicBold.woff2') format('woff2'),
	url('../fonts/NanumBarunGothicBold.woff') format('woff'),
	url('../fonts/NanumBarunGothicBold.ttf') format('truetype'),
	url('../fonts/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg'),
	url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype');
	font-weight: 600;
	font-style: normal;
}

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,article,aside,canvas,details,embed,figure,figcaption,footer,header, hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video, input {margin:0; padding:0; border:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, div, span, p, ul, li, dl, dt, dd, ol, iframe, a, input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="submit"], input[type="date"], input[type="file"], button, label, textarea, h1, h2, h3, h4, h5, h6 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* a, a:visited {margin:0; padding:0; font-size:100%;text-decoration:none;color:black;} */
a {margin:0; padding:0; font-size:100%;text-decoration:none;color:black;}
a:visited {color:black;}
a:hover {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
fieldset, img, abbr, acronym {border:0 none;}
ol, ul { list-style:none; }
caption {visibility:hidden; font-size:0px; width:1px; height:1px; line-height:0;border:0;margin: 0;padding: 0;border:0;}
address {font-weight:normal; font-style:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }
hr {}
.clearfix:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
input, select {vertical-align:middle;}
textarea {overflow: auto; vertical-align:top;}
img {vertical-align:top; border: 0 none;}
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }
audio,canvas, video {display: inline-block; /**display: inline;  *zoom: 1;*/}
nav ul {list-style:none;}
button {padding: 0;margin: 0;border:none;background:none;outline:none;cursor:pointer;overflow:visible;vertical-align:middle;}
button[disabled], input[disabled], select[disabled], textarea[disabled] {cursor: default;background: #eee !important;}
input[readonly], select[readonly], textarea[readonly] {cursor: default;background:#f5f5f5 !important;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; /**height:13px; *width: 13px; ie7용*/}
svg:not(:root) {overflow: hidden;}
[hidden] {display: none;}

/* **** common **** */
html, body {width:100%; height:100%;line-height: 1;color:#333;line-height: 1;font-size:14px;font-family:'NanumBarunGothic', sans-serif, Dotum, "돋움", "굴림", Gulim, Helvetica, Arial, HelveticaNeue-Light, sans-serif-light, AppleGothic, sans-serif;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
input, button, select, textarea {color:#333;line-height: 1;font-size:14px;font-family:'NanumBarunGothic', sans-serif, Dotum, "돋움", "굴림", Gulim, Helvetica, Arial, HelveticaNeue-Light, sans-serif-light, AppleGothic, sans-serif;-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}

/*hide_class*/
legend,
.hid {font-size:0; line-height:0; width:1px; height:1px; overflow:hidden; position:absolute; border: 0;margin: -1px; padding: 0;}

/* 텍스트 정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}

/*폰트 사이즈*/
.fs11 {font-size: 11px !important;line-height: 1.2;}
.fs12 {font-size: 12px !important;line-height: 1.2;}
.fs13 {font-size: 13px !important;line-height: 1.2;}
.fs14 {font-size: 14px !important;line-height: 1.2;}
.fs15 {font-size: 15px !important;line-height: 1.2;}

/* bold */
.b {font-weight:bold !important;}

/* 포인트 컬러 */
.fc_red01,
.txt-red {color:#ee4747 !important;}
.fc_blue01,
.txt-blue {color:#0059d1 !important;}
.txt-orange {color:#f5553d;}
.fc_grn01 {color:#26a035 !important;}
.fc_gr {color:#777 !important;}
.theme-blue {background-color: rgb(87, 129, 200); color: white;}
.theme-gray {background-color: rgb(221, 223, 228); color: black;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both !important;}

/*display*/
.dpb {display: block !important;}
.dpib {display: inline-block !important;}
.dpi {display: inline !important;}

/* margin */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}

/* padding */
.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}

/* border */
.bdtn {border-top:none !important;}
.bbn {border-bottom:none !important;}
.bln {border-left:none !important;}
.brn {border-right:none !important;}

/* 라인 */
.line01 {clear:both;width:100%;border-bottom:1px #e2e2e2 solid;}

/* 인풋 */
input[type=checkbox] {display:none}
input[type=checkbox] + label {display:inline-block;padding:0;background:url(/images/mobile/icon-chk-off.png) 0% 50% no-repeat;background-size:20px;line-height:20px;margin-right:20px;padding-left:25px;cursor:pointer}
input[type=checkbox]:checked + label {display:inline-block;padding:0;background:url(/images/mobile/icon-chk-on.png) 0% 50% no-repeat;background-size:20px;line-height:20px;padding-left:25px;cursor:pointer}

input[type=radio] {display:none}
input[type=radio] + label {display:inline-block;padding:0;background:url(/images/mobile/icon-chk-off.png) 0% 50% no-repeat;background-size:20px;line-height:20px;margin-right:20px;padding-left:25px;cursor:pointer}
input[type=radio]:checked + label {display:inline-block;padding:0;background:url(/images/mobile/icon-chk-on.png) 0% 50% no-repeat;background-size:20px;line-height:20px;padding-left:25px;cursor:pointer}

input.mode-active {
-webkit-ime-mode:active !important;
-moz-ime-mode:active !important;
-ms-ime-mode:active !important;
ime-mode:active !important;
}
input.ip01 {padding: 0 10px;background-color: #f8f8f8;border:1px #d9dfe5 solid;height:30px;line-height:30px;font-size:13px;color:#333;border-radius:0px 0px;-webkit-appearance:none;}
input.ip01.readonly1 {padding: 0 10px;background: #fff !important;border:1px #fff solid;}
input.ip02 {padding: 0 10px;background: #fff;border:1px #bababa solid;height:34px;line-height:34px;font-size:13px;color:#333;border-radius:0px 0px;-webkit-appearance:none;}

/*캘린더 input*/
.ip-cal {position: relative;display: inline-block;padding: 0 30px 0 0;border:1px #d9dfe5 solid;height:30px;line-height:30px;font-size:12px;color:#333;background-color: #f8f8f8;
background-image: url(/images/mobile/ico_cal.png);background-position: 98% center;background-repeat: no-repeat;background-size: 18px 17px;
}
.ip-cal input {position: absolute;top: 0;left: 0;height: 100%;width: 88%;padding: 0 10px;background-color: transparent;outline: none; font-size: 11px;}
.ip-cal .ico-cal {position: absolute;top: 5px;right: 7px;width: 18px;height: 17px;}

/*form 찾기*/
.ip-search {position: relative;display: inline-block;width: 100%;padding: 0 35px 0 0;}
.ip-search input {width: 100%;}
.ip-search .btn-find {position: absolute;top: 0;right: 0;width: 30px;height: 30px;}

input.ip_file01 {padding: 3px 4px;background: #fff;border:1px #bababa solid;font-size:13px;color:#333;}

select.sel01 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px 0px 7px 10px;
	font-size:13px;
	color:#333;
	border:1px #bababa solid;
	border-radius:0px;
	background: #f8f8f8 url(/images/mobile/icon-sel-box.png) no-repeat 98% center;
	background-size: 14px 9px;}

/* IE 10, 11의 네이티브 화살표 숨기기 */	
select.sel01::-ms-expand {
	display: none;
}

body.ios select.sel01 {border:1px #e2e2e2 solid;height: 34px;line-height: 34px; padding: 5px 0;font-size:13px;color:#666;}

textarea.txta01 {border:1px #bababa solid;padding:10px;font-size:13px;color:#333;}

textarea[disabled],
input[disabled],
select[disabled] {background: #ddd;}

/*layout*/
body, html {color: #252525;}

#wrap {padding: 0 0 0 0;}

/*header*/
#header {position: relative;background-color: #5782cc;border-bottom:2px #9c9c9c solid;}
/*170905*/
#header > div.inner {position: relative;min-height:48px;padding: 10px 90px 10px 90px;}
@media all and (max-width: 375px) {
	#header > div.inner {/*padding: 10px 90px 10px 65px;*/}
}
#header > div.inner .move-box {float: left;width: 55px;border:1px red solid;}
#header .logo {text-align: center;}
#header .logo img {width: auto;max-width: 78px;height: auto;}
#header .btn-gnb-open {position: absolute;top: 13px;right: 10px;text-indent: -9999px;display: block;width: 21px;height: 22px;background: url(/images/mobile/btn_list.png) no-repeat 0 0;background-size: 100% auto;}
#header .btn-back {position: absolute;top: 13px;left: 10px;text-indent: -9999px;display: block;width: 26px; height: 22px; background: url(/images/mobile/ico_back_white.png) no-repeat 0 0;background-size: contain;}
#header .btn-forward {position: absolute;top: 13px;left: 35px;text-indent: -9999px;display: block;width: 26px; height: 22px; background: url(/images/mobile/ico_forward_white.png) no-repeat 100% 0;background-size: contain;}
#header .user-util {position: absolute;top: 6px;right: 45px;font-size: 11px;color: #fff;font-family: "NanumGothic";}
#header .user-util a {display: inline-block;color: #fff;}
#header .user-util a.login {color: #c3d4ed;padding-top: 22px;background: url(/images/mobile/ico_login.png) no-repeat center 0;background-size: 19px 18px;}
/*//170905*/

/*gnb*/
#gnb-wrap {position: fixed;top: 0;left: -100%;z-index: 500;width: 100%;height: 100%;background-color: #fff;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;display: none;opacity: 0;}

#gnb-wrap.open {left: 0;display: block;opacity: 1;}
#gnb-wrap .gnb-top {padding: 10px 10px;background-color: #5782cc;}
#gnb-wrap .gnb-top:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#gnb-wrap .gnb-top .logo {text-align: center;}
#gnb-wrap .gnb-top .logo img {width: auto;max-width: 78px;height: auto;}
#gnb-wrap .btn-gnb-close {position: absolute;top: 16px;left: 10px;text-indent: -9999px;display: block;width: 19px;height: 18px;background: url(/images/mobile/btn_x_white.png) no-repeat 0 0;background-size: 100% auto;}
#gnb-wrap .gnb-util {position: absolute;top: 6px;right: 45px;font-size: 11px;color: #fff;font-family: "NanumGothic";}
#gnb-wrap .gnb-util a {display: inline-block;color: #fff;}
#gnb-wrap .gnb-util a.login {color: #c3d4ed;padding-top: 22px;background: url(/images/mobile/ico_login.png) no-repeat center 0;background-size: 19px 18px;}
#gnb-wrap .gnb-utild {float: right;font-size: 10px;color: #fff;font-family: "NanumGothic";}
#gnb-wrap .gnb-utild a {display: inline-block;color: #fff;}
#gnb-wrap .gnb-utild a.login {color: #c3d4ed;padding-top: 22px;background: url(/images/mobile/ico_login.png) no-repeat center 0;background-size: 19px 18px;}

/*gnb dep1*/
#gnb-wrap .dep1 {border-bottom:1px #808080 solid;}
#gnb-wrap .dep1 > li {background-color: #f3f4f4;border-top:1px #808080 solid;}
#gnb-wrap .dep1 > li:first-child {border-top: none;}
#gnb-wrap .dep1 > li > a {display: block;padding: 15px 15px;font-size: 15px;font-weight: bold;color: #252525;background: url(/images/mobile/ico_gnb_cross.png) no-repeat 95% center;background-size: 12px 12px;}
#gnb-wrap .dep1 > li.on > a {background: url(/images/mobile/ico_gnb_bar.png) no-repeat 95% center;background-size: 10px 2px;}
#gnb-wrap .dep1 > li.on > a {color: #0059d1;}

#gnb-wrap .dep1 li.on .dep2 {display: block;}
#gnb-wrap .dep2 {background-color: #fff;display: none;}
#gnb-wrap .dep2 > li {border-top:1px #808080 solid;}
#gnb-wrap .dep2 > li > a {position: relative;display: block;padding: 15px 30px;font-size: 13px;color: #252525;}
#gnb-wrap .dep2 > li.sub-list > a {background: url(/images/mobile/ico_gnb_cross.png) no-repeat 95% center;background-size: 12px 12px;}
#gnb-wrap .dep2 > li.list-none > a {background: none;}
#gnb-wrap .dep2 > li > a:after {content: "";display: block;position: absolute;top: 22px;left: 20px;width: 2px;height: 2px;background-color: #666c76;}
#gnb-wrap .dep2 > li.on > a {background: url(/images/mobile/ico_gnb_bar.png) no-repeat 95% center;background-size: 10px 2px;}
#gnb-wrap .dep2 > li.on > a {}

#gnb-wrap .dep2 li.on .dep3 {display: block;}
#gnb-wrap .dep3 {display: none;}
#gnb-wrap .dep3:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#gnb-wrap .dep3 > li {/*float: left;width: 50%;*/padding: 0 30px;border-top:1px #808080 solid;}
#gnb-wrap .dep3 > li > a {position: relative;display: block;padding: 15px 10px;font-size: 12px;color: #252525;}
#gnb-wrap .dep3 > li > a:after {content: "-";display: block;position: absolute;top: 16px;left: 0;}

/*gnb*/
#sitemap {position: fixed;top: 0;left: -100%;z-index: 500;width: 100%;height: 100%;background-color: #fff;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;display: none;opacity: 0;}
#sitemap .sitemap-title {padding: 6px 0 0 0;text-align: center;font-size: 19px;font-weight: 600;color: #fff;}
#sitemap.open {left: 0;display: block;opacity: 1;}
#sitemap .sitemap-top {padding: 10px 10px;background-color: #5782cc;}
#sitemap .sitemap-top:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#sitemap .btn-sitemap-close {position: absolute;top: 16px;left: 10px;text-indent: -9999px;display: block;width: 19px;height: 18px;background: url(/images/mobile/btn_x_white.png) no-repeat 0 0;background-size: 100% auto;}
#sitemap .sitemap-util {position: absolute;top: 6px;right: 10px;font-size: 10px;color: #fff;font-family: "NanumGothic";}
#sitemap .sitemap-util a {display: inline-block;color: #fff;}
#sitemap .sitemap-util a.login {color: #c3d4ed;padding-top: 22px;background: url(/images/mobile/ico_login.png) no-repeat center 0;background-size: 19px 18px;}

/*gnb dep1*/
#sitemap .dep1 {border-bottom:1px #808080 solid;}
#sitemap .dep1 > li {background-color: #f3f4f4;border-top:1px #808080 solid;}
#sitemap .dep1 > li:first-child {border-top: none;}
#sitemap .dep1 > li > a {display: block;padding: 15px 15px;font-size: 15px;font-weight: bold;color: #252525;}
#sitemap .dep1 > li.on > a {color: #0059d1;}

#sitemap .dep1 li.on .dep2 {display: block;}
#sitemap .dep2 {background-color: #fff;}
#sitemap .dep2 > li {border-top:1px #808080 solid;}
#sitemap .dep2 > li > a {position: relative;display: block;padding: 15px 30px;font-size: 13px;color: #252525;}
#sitemap .dep2 > li.sub-list > a {}
#sitemap .dep2 > li.list-none > a {background: none;}
#sitemap .dep2 > li > a:after {content: "";display: block;position: absolute;top: 22px;left: 20px;width: 2px;height: 2px;background-color: #666c76;}

#sitemap .dep2 li.on .dep3 {display: block;}
#sitemap .dep3 {}
#sitemap .dep3:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#sitemap .dep3 > li {/*float: left;width: 50%;*/padding: 0 30px;border-top:1px #808080 solid;}
#sitemap .dep3 > li > a {position: relative;display: block;padding: 15px 10px;font-size: 12px;color: #252525;}
#sitemap .dep3 > li > a:after {content: "-";display: block;position: absolute;top: 16px;left: 0;}

/*btm-etc-menu*/
.btm-etc-menu {position: relative;padding: 13px 10px;text-align: center;}
.btm-etc-menu a {position: relative;display: inline-block;font-size: 15px;color: #252525;font-weight: bold;padding-left:  28px;margin-left: 26px;}
.btm-etc-menu a:first-child {padding-left: 0;margin-left: 0;}
.btm-etc-menu a:after {content: "|";display: block;position: absolute;top: 0;left: 0;color: #bebebe;}
.btm-etc-menu a:first-child:after {display: none;}

/*footer*/
#footer {position: relative;clear: both;padding: 22px 10px;background-color: #f5f5f5;border-top:1px #cfcece solid;}
#footer > .inner {position: relative;text-align: center;}
#footer .footm {position: relative;}
#footer .footm ul:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#footer .footm ul > li {float: left;padding: 0 5px;}
#footer .footm ul > li:nth-child(1) {width: 28%;}
#footer .footm ul > li:nth-child(2) {width: 44%;}
#footer .footm ul > li:nth-child(3) {width: 28%;}
#footer .footm ul > li a {display: block;height: 40px;line-height: 40px;font-size: 12px;font-weight: bold;color: #6f6f6f;background-color: #fff;border:1px #e2e2e2 solid;}
#footer .footm ul > li.btn_mma a {text-indent: -9999px;background: #fff url(/images/mobile/btn_mma.png?ver=20220719) no-repeat center center;background-size: 101px auto;}
#footer address {padding-top: 23px;color: #6f6f6f;font-size: 11px;font-weight: bold;text-align: center;}

/*하단 고정 버튼*/
#btm-fixed-menu {position: fixed;bottom:0;left: 0;width: 100%;padding: 10px 0;min-height: 45px;background-color: #333;}
#btm-fixed-menu > ul:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
#btm-fixed-menu > ul > li {float: left;width: 20%;}
#btm-fixed-menu > ul > li:nth-child(1) {}
#btm-fixed-menu > ul > li:nth-child(2) {}
#btm-fixed-menu > ul > li:nth-child(3) {}
#btm-fixed-menu > ul > li:nth-child(4) {}
#btm-fixed-menu > ul > li:nth-child(5) {}
#btm-fixed-menu > ul > li > a {display: block;text-align: center;font-size: 12px;color: #fff;padding-top: 24px;}
#btm-fixed-menu > ul > li.ico_home > a {background: url(/images/mobile/ico_home.png) no-repeat center 0;background-size: 20px 18px;}
#btm-fixed-menu > ul > li.ico_prev > a {background: url(/images/mobile/ico_prev_off.png) no-repeat center 0;background-size: 11px 18px;}
#btm-fixed-menu > ul > li.ico_next > a {background: url(/images/mobile/ico_next_off.png) no-repeat center 0;background-size: 11px 18px;}
#btm-fixed-menu > ul > li.ico_prev:hover > a,
#btm-fixed-menu > ul > li.ico_prev:active > a,
#btm-fixed-menu > ul > li.ico_prev:focus > a {background: url(/images/mobile/ico_prev_on.png) no-repeat center 0;background-size: 11px 18px;}
#btm-fixed-menu > ul > li.ico_next:hover > a,
#btm-fixed-menu > ul > li.ico_next:active > a,
#btm-fixed-menu > ul > li.ico_next:focus > a {background: url(/images/mobile/ico_next_on.png) no-repeat center 0;background-size: 11px 18px;}
#btm-fixed-menu > ul > li.ico_info > a {background: url(/images/mobile/ico_info.png) no-repeat center 0;background-size: 20px 18px;}
#btm-fixed-menu > ul > li.ico_setting > a {background: url(/images/mobile/ico_setting.png) no-repeat center 0;background-size: 19px 18px;}

/*가로스크롤 박스*/
.hscr_box {position: relative;}
.hscr_box:after {display: block;content:" ";position: absolute;top: 0;right: 0;z-index: 50;width: 27px;height:100%;background: url(/images/mobile/hscr_ovl_white.png) repeat-y right 0;}
.hscr_box.type_bk:after {background: url(images/hscr_ovl_bk.png) repeat-y right 0;}
.hscr_box .scr_area {position: relative;overflow: auto;-webkit-overflow-scrolling: touch;/* 스크롤 박스 */}
.hscr_box .scr_area > .cts {min-width:500px;  /* 실제로 보여질 컨텐츠 최소 사이즈 지정 */}

/*세로스크롤 박스*/
.vscr_box {position: relative;}
.vscr_box:after {display: block;content:" ";position: absolute;bottom: 0;left: 0;width:98%;height:34px;z-index: 80;background: url(/images/mobile/vscr_ovl_white.png) repeat-x 0 bottom;}
.vscr_box .scr_area {position: relative;overflow: auto;-webkit-overflow-scrolling: touch;padding-bottom:40px;}

 /* 버튼 */
.hgbtn {display:inline-block;vertical-align: middle;border:0;border:none;outline:none;background:none;border-radius:2px;-webkit-appearance:none;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}

/* 버튼 컬러 */
.hgbtn.grey01 {height:33px;line-height:33px;padding: 0 10px;font-size: 12px;font-weight: bold;color: #fff !important;border:1px #a5a6a6 solid;text-align: center;
    background: #a9a9a9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#a9a9a9, #b7b7b7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#a9a9a9, #b7b7b7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a9a9a9, #b7b7b7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a9a9a9, #b7b7b7); /* Standard syntax (must be last) */
}

.hgbtn.blue01 {height:33px;line-height:33px;padding: 0 10px;font-size: 12px;font-weight: bold;color: #fff !important;border:1px #486ca9 solid;text-align: center;
    background: #537cc1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#537cc1, #5a85cf); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#537cc1, #5a85cf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#537cc1, #5a85cf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#537cc1, #5a85cf); /* Standard syntax (must be last) */
}

.hgbtn.white01 {height:33px;line-height:33px;padding: 0 10px;font-size: 12px;font-weight: bold;color: #000000 !important;border:1px #a5a6a6 solid;text-align: center;
    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #e3e3e3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e3e3e3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e3e3e3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e3e3e3); /* Standard syntax (must be last) */
}

.hgbtn[disabled] {cursor: default;background: #ddd !important;border:1px #a0a0a0 solid;color: #888 !important;}

/* 버튼 height 사이즈 */
.hgbtn.hsize30 {height:30px !important;line-height:30px !important;font-size:15px !important;}

/* 버튼 아이콘 */
.hgbtn.ico_whArr {
	padding-left:23px;
	background-image: url(../image/bl_whArr.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}
.hgbtn.ico_whUp {
	padding-left:23px;
	background-image: url(../image/bl_whUp.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}
.hgbtn.ico_whDown {
	padding-left:23px;
	background-image: url(../image/bl_whDown.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}

/* 리스트 */
.bl_triag_right {}
.bl_triag_right li {position: relative;padding-left: 10px;margin: 5px 0;}
.bl_triag_right li:before {content:"";display: block;position: absolute;top: 5px;left:0;border-width:4px;border-color: transparent transparent transparent #5884d6;border-style: solid;}

.bl_rect {}
.bl_rect li {position: relative;padding-left: 10px;margin: 5px 0;}
.bl_rect li:before {content:"";display: block;position: absolute;top: 6px;left:0;width: 4px;height: 4px;background: #000;}

.bl_circle {}
.bl_circle li {position: relative;padding-left: 10px;margin: 5px 0;}
.bl_circle li:before {content:"";display: block;position: absolute;top: 6px;left:0;width: 4px;height: 4px;background: #00a5ff;border-radius: 50px;}

.bl_bar {}
.bl_bar > li {position: relative;padding-left: 10px;margin: 5px 0;text-align: left;}
.bl_bar > li:before {content:"-";display: block;position: absolute;top: 0px;left:0;}

.bl_poket {}
.bl_poket li {position: relative;padding-left: 14px;margin: 5px 0;}
.bl_poket li:before {content:"※";display: block;position: absolute;top: 0px;left:0;}

/*인풋박스리스트*/
.ip_list1 {position: relative;display: table;width: 100%;border-spacing:0;border-collapse: separate;}
.ip_list1 > li {display: table-cell;margin: 2px 0;vertical-align: middle;}

.ip_dl_list1 {display: table;width: 100%;border-spacing:0;}
.ip_dl_list1 > dt,
.ip_dl_list1 > dd {display: table-cell;vertical-align: middle;}

/*table*/
.ta-tit-box {margin-top: 30px;}
.ta-tit-box:first-child {margin-top: 0px;}
.ta-tit-box .tit1 {margin-bottom: 12px;}
.ta-tit-box .tit1 {font-size: 15px;font-weight: 600;color: #000;}

.ta-tit-box2 {margin-top: 30px;padding: 15px 10px;background-color: #f8f8f8;border-top:2px #7497d4 solid;border-bottom:1px #d9dfe5 solid;}
.ta-tit-box2:first-child {margin-top: 0px;}
.ta-tit-box2 .tit1 {font-size: 12px;font-weight: 600;color: #000;}

table.type1 {border-collapse: separate; border-spacing:0; border:0 none;padding: 0;margin: 0;width: 100%;border-top: 2px #5782cc solid;}
table.type1 > thead,
table.type1 > thead > tr,
table.type1 > thead > tr > th,
table.type1 > tbody,
table.type1 > tbody > tr,
table.type1 > tbody > tr > td,
table.type1 > tbody > tr > th,
table.type1 > tfoot {padding: 0;margin: 0;}

/*테이블 하단 공통 여백*/
/*table.type1.mb {margin-bottom: 20px;}*/
table.type1 > thead > tr > th {padding: 5px 5px;font-size: 13px;font-weight: 600;color: #252525;line-height: 1.2;text-align: center;background-color: #fafafa;border-left:1px #d9dfe5 solid;border-bottom:1px #d9dfe5 solid;}
table.type1 > tbody > tr > th {padding: 5px 10px;font-size: 13px;font-weight: 600;color: #333;line-height: 1.2;text-align: center;background-color: #f8f8f8;border-left:1px #d9dfe5 solid;border-bottom:1px #d9dfe5 solid;}
table.type1 > tbody > tr > td {padding: 5px 10px;font-size: 13px;color: #333;line-height: 1.4;text-align: left;background-color: #fff;border-left:1px #d9dfe5 solid;border-bottom:1px #d9dfe5 solid;}

/*table list1*/
table.type1.list1 > tbody > tr > td {text-align: center;border-left:none;}

/*table view1*/
table.type1.view1 > tbody > tr > th {text-align: center;}
table.type1.view1 > tbody > tr > td {text-align: center;}

/*table bd-view1*/
table.type1.bd-view1 > thead > tr > th {text-align: left;line-height: 1.3;font-weight: normal;color: #6a6b6d;}
table.type1.bd-view1 > thead > tr > th .lb1 {color: #bebebe;}
table.type1.bd-view1 > thead > tr > th > div {margin-top: 7px;}
table.type1.bd-view1 > thead > tr > th > div:first-child {margin-top: 0;}
table.type1.bd-view1 > thead > tr > th > div > span {position: relative;display: inline-block;padding-right: 12px;margin-right: 2px;line-height: 1.4;}
table.type1.bd-view1 > thead > tr > th > div > span:after {content: "|";display: block;position: absolute;top: 0;right: 0;}
table.type1.bd-view1 > thead > tr > th > div > span:last-child {padding-right: 0;margin-right: 0;}
table.type1.bd-view1 > thead > tr > th > div > span:last-child:after {display: none;}
table.type1.bd-view1 > thead > tr > th a {color: #6a6b6d;}
table.type1.bd-view1 > tbody > tr > td {text-align: left;}
table.type1.bd-view1 > tbody > tr > td.bd-article {padding: 20px 20px;line-height: 1.5;}
table.type1.bd-view1 > tbody > tr > td.bd-article-reply {padding: 20px 20px;line-height: 1.5;background-color: #eee;}


/* table type2 */
table.type2 {border-collapse: separate; border-spacing:0; border:0 none;padding: 0;margin: 0;width: 100%;}
table.type2 > thead,
table.type2 > thead > tr,
table.type2 > thead > tr > th,
table.type2 > tbody,
table.type2 > tbody > tr,
table.type2 > tbody > tr > td,
table.type2 > tbody > tr > th,
table.type2 > tfoot {padding: 0;margin: 0;}

/* table type2 테이블 하단 공통 여백*/
table.type2 > thead > tr > th {padding: 5px 5px;font-size: 14px;font-weight: normal;color: #252525;line-height: 1.2;text-align: left;}
table.type2 > tbody > tr > th {padding: 5px 10px;font-size: 13px;font-weight: normal;color: #333;line-height: 1.2;text-align: left;}
table.type2 > tbody > tr > td {padding: 5px 10px;font-size: 13px;color: #333;line-height: 1.4;text-align: left;}


.ta-btn {clear: both;position: relative;text-align: center;padding: 10px 0;}
.ta-btn:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
.ta-btn .hgbtn {margin: 2px 0;}
.ta-btn .hgbtn.size1 {min-width: 95px;height: 33px;line-height: 33px;font-size: 13px;}

.btn-area {text-align: center;}
.btn-area:after {content:".";display:block; clear:both;visibility:hidden; height:0;}

/*검색박스*/
.search-box {clear: both;position: relative;padding: 0 35px 0 0;}
.search-box .sh-opts-box {width: 100%;}
.search-box .sh-opts-box ul {margin: 5px 0;}
.search-box .btn-find {position: absolute;top: 0;right: 0;width: 30px;height: 30px;}

/*검색박스(검색내용 초기화 버튼 추가)*/
.search-box2 {clear: both;position: relative;padding: 0 35px 0 0;}
.search-box2 .sh-opts-box {width: 100%;}
.search-box2 .sh-opts-box ul {margin: 5px 0;}
.search-box2 .btn-find {position: absolute;top: 0;right: 0;width: 30px;height: 30px;}
.search-box2 .btn-reset {position: absolute;top: 0;right: 0;width: 30px;height: 30px;}

/*게시판 리스트1*/
.board-list1 {position: relative;margin-top: 30px;border-top:2px #7598d5 solid;}
.board-list1 li {position: relative;line-height: 1.4;padding: 8px 0;border-bottom:1px #d9dfe5 solid;}
.board-list1 li:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
.board-list1 > ul > li > a {display: block;padding-right: 20px;background: url(/images/mobile/ico_bd_list.png) no-repeat 100% center;background-size: 20px 20px;}
.board-list1 > ul > li > a span {display: inline-block;}
.board-list1 .board-tit {display: block;font-size: 15px;color: #252525;}
.board-list1 .board-info {margin-top: 5px;display: block;font-size: 12px;color: #666c76;}
.board-list1 .board-info .date {color: #bebebe;}
.board-list1 .board-info .view-cnt {float: right;padding: 0 15px 0 0;color: #bebebe;}
.board-list1 .ico-no {color: #e0190e;font-weight: 600;}
.board-list1 .ico-ok {color: #0059d1;font-weight: 600;}
.board-list1 .txt1 {display: inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100%;}
.board-list1 .ico-stat {float: right;padding: 0 15px 0 0;color: #bebebe;}

/*게시판 썸네일 리스트*/
.board-photo-list1 {position: relative;margin-top: 30px;border-top:2px #7598d5 solid;}
.board-photo-list1 li {position: relative;line-height: 1.4;padding: 8px 0;border-bottom:1px #d9dfe5 solid;}
.board-photo-list1 li:after {content:".";display:block; clear:both;visibility:hidden; height:0;}
.board-photo-list1 > ul > li > a {position: relative;display: block;}
.board-photo-list1 > ul > li > a span {display: block;}
.board-photo-list1 > ul > li > a span.pic {text-align: center;margin-bottom: 10px;}
.board-photo-list1 > ul > li > a span.txt {padding: 4px 20px 4px 20px; font-size: 13px;}
.board-photo-list1 > ul > li > a span.pic img {padding: 20px 20px;width: 300px; height:250px;}
.board-photo-list1 .board-tit {display: block;font-size: 15px;color: #252525;}
.board-photo-list1 .board-info {margin-top: 5px;display: block;font-size: 12px;color: #666c76;}
.board-photo-list1 .board-info .date {color: #bebebe;}
.board-photo-list1 .board-info .view-cnt {float: right;padding: 0 15px 0 0;color: #bebebe;}
.board-photo-list1 .ico-no {color: #e0190e;font-weight: 600;}
.board-photo-list1 .ico-ok {color: #0059d1;font-weight: 600;}
.board-photo-list1 .txt1 {display: inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100%;}
.board-photo-list1 .ico-stat {float: right;padding: 0 15px 0 0;color: #bebebe;}

.board-view1 {clear: both;position: relative;line-height: 1.5;}
.board-view1 dt {display: block;font-size: 15px;color: #252525;}
.board-view1 dd {display: block;padding: 15px 0;font-size: 12px;color: #666c76;border-bottom:1px #d9dfe5 solid;}

/* paging */
.paging {margin-top:15px;}    
.paging ul {margin:0 auto;width:100%;text-align:center;}
.paging ul:after {display:block;content:'';clear:both;}
.paging ul li {display:inline-block;margin-right:5px;}
.paging ul li a {display:table-cell;width:22px;height:22px;line-height: 1;vertical-align:middle;text-align:center;color: #333;}
.paging ul li.active a {color:#fff;background:#5782cc;font-size: 12px;}
.paging a.paginate_button {display:table-cell;width:22px;height:22px;line-height: 1;vertical-align:middle;text-align:center;color: #333;}
.paging span.current {display:table-cell;width:22px;height:22px;line-height: 1;vertical-align:middle;text-align:center;color: #333;color:#fff;background:#5782cc;font-size: 12px;}    
.paging .btn-first {background:url(/images/mobile/btn-first.png) no-repeat center 5px; background-size: 15px 11px;}  
.paging .btn-prev {background:url(/images/mobile/btn-prev.png) no-repeat center 5px; background-size: 6px 11px;}  
.paging .btn-next {background:url(/images/mobile/btn-next.png) no-repeat center 5px; background-size: 6px 11px;}
.paging .btn-last {background:url(/images/mobile/btn-last.png) no-repeat center 5px; background-size: 15px 11px;}

.btn-download {color: #0059d1;text-decoration: underline;}  

/* iscroll basic */
.iscrBody {position: relative;overflow: hidden; /* height: 300px; 최소 height 값 지정 */}
.iscrCts {padding: 10px;
	position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	/*text-size-adjust: none;*/
}

/*css loading img*/
@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.uil-ring-css {display: inline-block;background: none;position: fixed;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;}
.uil-ring-css > div {position: absolute;width: 80px;height: 80px;border-radius: 40px;box-shadow: 0 3px 0 0 #1f2c56;
-ms-animation: uil-ring-anim 1s linear infinite;
-moz-animation: uil-ring-anim 1s linear infinite;
-webkit-animation: uil-ring-anim 1s linear infinite;
-o-animation: uil-ring-anim 1s linear infinite;
animation: uil-ring-anim 1s linear infinite;
}
.css_loader {display: none;}

@media only screen and (min-width: 480px) {}
@media all and (min-width: 640px) {}

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

/* 아이패드 미니 가로 */
@media all and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

@media all and (min-width: 1024px) {
	.uil-ring-css {width: 160px;height: 160px;margin: -80px 0 0 -80px;}
	.uil-ring-css > div {width: 160px;height: 160px;border-radius: 80px;box-shadow: 0 6px 0 0 #1f2c56;}
}
@media all and (min-width: 1280px) {}

/* .dataTables_paginate {font-size: 10px;} */

/* 디지털원패스 로그인 필수 정보 입력 */
table.onepass-info {
	text-align: left;
	table-layout:fixed;
}
table.onepass-info th {
	width: 40%;
}
table.onepass-info td {
	width: 50%;
}

/* 휴대폰 본인확인 */
table.kmcis-info {text-align:left; width: 100%; table-layout: fixed;}
table.kmcis-info tr {line-height: 28px;}
table.kmcis-info th, td {padding: 5px;}
table.kmcis-info td input[type="text"] {border: 1px solid gray; min-height: 28px; width: 160px; padding-left: 10px;}
table.kmcis-info td input[type="radio"] {-webkit-appearance: radio; display: inline;}
table.kmcis-info td select {border: 1px solid gray; height: 28px;  padding-left: 10px; width: 160px;}

.inp-box {font-size:12px;border:1px solid #bebebe;padding:5px 10px;
ime-mode:active;
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active; }

/* common */
.wd100 {width:100px;}
.wd140 {width:140px;}

.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}

/* modal */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color:rgba(0, 0, 0, 0.4);
}
.modal-content{
	background-color: #5782cc;
	margin: 15% auto;
	border: 1px solid #888;
	width: 100%;
	max-width: 450px;
}

/* Gradient Button */
.btn-gradient {
}
a[class*="btn"] {text-decoration: none;}
input[class*="btn"],
button[class*="btn"] {border: 0;}

/* size */
.btn-gradient.big {
	width: 93px;
	height: 34px;
	font-size: 14px;
	font-weight: bold;
}
.btn-gradient.normal {
	width: 71px;
	height: 26px;
	font-size: 12px;
	font-weight: bold;
}
.btn-gradient.small {
	width: 53px;
	height: 18px;
	font-size: 8px;
	font-weight: bold;
}
.btn-gradient.block {
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* color */
.btn-gradient {
	text-decoration: none;
	display: inline-block;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.21) !important;
	border-radius: 2px;
}
.btn-gradient.blue {
	color: white;
	background: rgba(89, 132, 205, 1);
	background: -moz-linear-gradient(top, rgba(89, 132, 205, 1) 0%, rgba(85, 126, 196, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(89, 132, 205, 1) 0%, rgba(85, 126, 196, 1) 100%);
	background: -o-linear-gradient(top, rgba(89, 132, 205, 1) 0%, rgba(85, 126, 196, 1) 100%);
	background: linear-gradient(rgba(89, 132, 205, 1) 0%, rgba(85, 126, 196, 1) 100%);
}
.btn-gradient.gray {
	color: white;
	background: rgba(147, 147, 147, 1);
	background: -moz-linear-gradient(top, rgba(147, 147, 147, 1) 0%, rgba(132, 132, 132, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(147, 147, 147, 1) 0%, rgba(132, 132, 132, 1) 100%);
	background: -o-linear-gradient(top, rgba(147, 147, 147, 1) 0%, rgba(132, 132, 132, 1) 100%);
	background: linear-gradient(rgba(147, 147, 147, 1) 0%, rgba(132, 132, 132, 1) 100%);
}
.btn-gradient.white {
	color: black;
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
	background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
}

.promo_subtitle {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

div.multiline-text-box {border: 1px solid #bebebe; min-height: 26px; padding: 10px; font-size: 12px; background-color: #f2f2f2;}
div.multiline-text-box.readonly {background-color: #f2f2f2;}

/* 보류 및 보류해소 신청 */
.hold-notice {margin-top: 10px; border-radius: 6px; font-size: 12px; color: #0059d1; text-align: left; padding: 10px; font-weight: bold; line-height: 140%; border: 1px solid #0059d1;}