@charset "utf-8";

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: url('/font/NotoSans-Thin.woff2') format('woff2'),
	url('/font/NotoSans-Thin.woff') format('woff'),
	url('/font/NotoSans-Thin.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url('/font/NotoSans-Light.woff2') format('woff2'),
	url('/font/NotoSans-Light.woff') format('woff'),
	url('/font/NotoSans-Light.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url('/font/notokr-regular.woff2') format('woff2'),
	url('/font/notokr-regular.woff') format('woff'),
	url('/font/notokr-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url('/font/notokr-medium.woff2') format('woff2'),
	url('/font/notokr-medium.woff') format('woff'),
	url('/font/notokr-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url('/font/notokr-bold.woff2') format('woff2'),
	url('/font/notokr-bold.woff') format('woff'),
	url('/font/notokr-bold.ttf') format('truetype');
}

html {
	box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  overflow: auto;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,input{margin:0;padding:0;font-family:'NotoSans', sans-serif, "나눔고딕", NanumGothic, "맑은고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body,h1,h2,h3,h4,th,td,input,select{color:#333;font-family:'NotoSans', sans-serif, "나눔고딕", NanumGothic, "맑은고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim,"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;}
body * {letter-spacing: -1px; text-shadow:none;}
body {font-family:'NotoSans','맑은 고딕','Malgun Gothic';font-size:13px;line-height: 1.4;letter-spacing:-.5px;color:#666666;height: 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;
}

body {font-family:'NotoSans','맑은 고딕','Malgun Gothic';font-size:13px;line-height: 1.4;letter-spacing:-.5px;color:#666666;height: 100%;}
body * {letter-spacing: inherit;box-sizing: border-box;}

hr{display:none}
ul,ol,li{list-style:none;}
img,input,select,textarea{vertical-align:top}
a{text-decoration:none;vertical-align:top;}
a:focus, input:focus, textarea:focus, select:focus{outline:1px dotted #E90000; }
a:link, a:visited {text-decoration:none; color:#333333;}
a:active, a:hover {text-decoration:none; color:#555555;}
legend,.hidden{position:absolute;top:-10000px;left:0;overflow:hidden;width:0;height:0;}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{cursor:pointer;}
em{font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
table th {font-weight:normal;text-align:left;}
img{vertical-align:top;border:0;}
a{text-decoration:none;color:inherit;}
button{padding:0;border:none;font-family: inherit;}


li:focus, a:focus {outline: 0;}
button:disabled {opacity:.5;}
::-ms-clear {display:none !important}
input,select,button,textarea {font-family:'NotoSans','맑은 고딕','Malgun Gothic';font-size: 16px;}
input[type='button'], button {margin:0;cursor:pointer;font-family:'NotoSans','맑은 고딕','Malgun Gothic';border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
input[type='text'] {width: 100%;}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'] {height:42px;padding:0 10px;border:1px solid #999999;border-radius:0 !important;color:#333}
input[type='file'] {line-height:1;padding:0 7px;border:1px solid #999999;cursor:pointer;outline:none;}
input[type='text'].error, input[type='password'].error, input[type='tel'].error, input[type='email'].error,
input[type='text'].error:focus, input[type='password'].error:focus, input[type='tel'].error:focus, input[type='email'].error:focus {border-color:#ff0000}
input[type='text']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='email']:focus {border-color:#236be3}
@media only screen and (-webkit-min-device-pixel-ratio:0) {
  input[type='text'], input[type='password'], input[type='tel'], input[type='email']{height:42px;line-height:42px}
}
input[type='checkbox'],
input[type='radio'] {margin:0;padding:0;position:relative;top:2px}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {color:#999999 !important}
input[readonly='readonly'], input[readonly],
input[disabled='disabled'], input[disabled] {background-color:#f2f2f2;color:#999999}
input[disabled='disabled'] + .ui-datepicker-trigger, input[disabled] + .ui-datepicker-trigger {display:none}
select[disabled] {background:#f1f1f1;color:#676767}
textarea {padding:10px;resize:none;font-family:'NotoSans','맑은 고딕','Malgun Gothic';border:1px solid #ccc;overflow: auto;}
textarea:focus {border-color:#236be3;outline: 0;}
textarea::placeholder {color:#b8b8b8 !important;font-family:'NotoSans','맑은 고딕','Malgun Gothic' !important;}
input::placeholder, input[type='text']::placeholder {font-family:'NotoSans','맑은 고딕','Malgun Gothic';color:#b8b8b8 !important;}
legend {font-size:0;text-indent:-99999em;line-height:0}
header, section, footer, article, nav, aside {display:block}


.cFix{*zoom:1;}
.cFix:after{content:"";display:block;clear:both;}
.hidden2 {display: block; overflow: hidden; position: absolute; top: -1000em; left: 0;}

.ui-input-text.ui-focus,
.ui-select .ui-btn.ui-focus{-webkit-box-shadow: 0 0 12px #b0b0b0 !important;-moz-box-shadow: 0 0 12px #b0b0b0 !important;box-shadow: 0 0 12px #b0b0b0 !important;}
::-webkit-input-placeholder  {color:#303235 !important; font-family:dotum;}
::-moz-placeholder{color:#303235 !important; opacity:1 !important; font-family:dotum;}
:-ms-input-placeholder{color:#303235 !important; font-family:dotum;}
input:-moz-placeholder{color:#303235 !important; opacity:1 !important; font-family:dotum;}
select,textarea{border:0; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none;}
textarea,
input[type='text'], input[type='password'] {
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	padding: 0;
	outline:0;
	border: 0 none;
}

a[href^="tel"]{color:inherit; text-decoration:none;}
.btn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 2px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 36px;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	font-size: 14px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 6px 8px;
	min-width: 88px;
	outline: 0;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
	transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: white;
	font-weight: 500;
	padding: 6px 8px;
}
.ui-page-theme-a .ui-btn, 
html .ui-bar-a .ui-btn, 
html .ui-body-a .ui-btn, 
html body .ui-group-theme-a .ui-btn, 
html head+body .ui-btn.ui-btn-a, 
.ui-page-theme-a .ui-btn:visited, 
html .ui-bar-a .ui-btn:visited, 
html .ui-body-a .ui-btn:visited, 
html body .ui-group-theme-a .ui-btn:visited, 
html head+body .ui-btn.ui-btn-a:visited { border: 0; box-shadow: 0 0 0;}
.btn_basic {display:inline-block;min-width:120px;height:46px;padding:0 20px;font-size:18px;line-height:32px;text-align:center;font-weight:normal; border:1px solid transparent; background-color:transparent}
.btn_basic.type1, .btn_basic.type1:disabled:hover {color:#333; border: 1px solid #999;background-color:#ffffff}
.btn_basic.type3, .btn_basic.type3:hover {color:#ffffff;background-color:#236be3}

.btn_basic.type3:hover {background-color:#1f60cc}
.btn_basic.type3:focus {background-color:#1f60cc}
.radio .ui-radio {margin: 0; display: inline-block;}
.ui-radio {margin:0;}
.ui-radio .ui-btn {display:block;height:52px;line-height:50px;margin:0;padding:0 20px 0 50px;background:#F9F9F9;border:1px solid #E1E1E1;font-size:17px;color:#000 !important;font-weight:500;box-sizing:border-box;border-radius:0;font-family: 'Pretendard';}
.ui-radio .ui-btn:after {left:20px;	width: 20px;	height: 20px;	margin: 0;	border: 1px solid #131523;	border-radius: 50%;	outline: none;	cursor: pointer;	background: #fff;	opacity: 1;	box-sizing: border-box;	transform: translateY(-50%);}
.ui-radio .ui-btn.ui-radio-on:after {width: 20px;height: 20px; background-color: #FF8C33;border: 3px solid white;box-shadow: 0 0 0 1.6px #FF8C33;}
.checkbox .ui-checkbox {margin: 0; display: inline-block;}
.checkbox .ui-checkbox .ui-btn,
.checkbox .ui-radio .ui-btn {color: #333; text-shadow: none; display: inline-block; padding: 0; box-sizing: border-box; background-color: transparent; font-size: 16px; font-weight: 400; font-family: 'Pretendard', "맑은고딕", "Malgun Gothic", "돋움", sans-serif;}
.checkbox .ui-btn.ui-checkbox-off:after,
.checkbox .ui-btn.ui-checkbox-on:after,
.checkbox .ui-btn.ui-radio-off:after,
.checkbox .ui-btn.ui-radio-on:after {display: none;}
.checkbox .ui-btn-icon-left:after,
.checkbox .ui-btn-icon-right:after,
.checkbox .ui-btn-icon-top:after,
.checkbox .ui-btn-icon-bottom:after,
.checkbox .ui-btn-icon-notext:after {display: none;}

/*
.checkbox input[type="checkbox"] {width: 1px; height: 1px; overflow: hidden; position: absolute; visibility: hidden;}
.checkbox label {line-height: 25px; display: inline-block;}
.checkbox label:before {display:inline-block; content:''; width: 25px; height: 25px; vertical-align: top; box-sizing: border-box; margin-right: 8px;}
.checkbox label.ui-checkbox-off:before {border: 1px solid #FF8C33; background-color: #fff; border-radius: 4px; position: relative;}
.checkbox label.ui-checkbox-off:before:hover {border: 1px solid #FF8C33; background-color: #fff; }
.checkbox label.ui-checkbox-on:before {border: 0; background: url(../images/common/checkbox_on.svg) no-repeat; background-size: 100% auto;}
.checkbox label.ui-checkbox-on:before:hover {border: 0; background: url(../images/common/checkbox_on.svg) no-repeat; background-size: 100% auto;}
.checkbox.no-label label:before {display: none;}
.checkbox.no-label label.ui-checkbox-off {width: 25px; height: 25px; border: 1px solid #FF8C33; background-color: #fff; border-radius: 4px; position: relative;}
.checkbox.no-label label.ui-checkbox-off:hover {border: 1px solid #FF8C33; background-color: #fff; }
.checkbox.no-label label.ui-checkbox-on {width: 25px; height: 25px; border: 0; background: url(../images/common/checkbox_on.svg) no-repeat; background-size: 100% auto;}
.checkbox.no-label label.ui-checkbox-on:hover {border: 0; background: url(../images/common/checkbox_on.svg) no-repeat; background-size: 100% auto;}
.checkbox.no-label.round label.ui-checkbox-off {width: 26px; height: 26px; background: url(../images/common/ico-check-g.svg) no-repeat; border: 0; position: relative;}
.checkbox.no-label.round label.ui-checkbox-off:hover {background: url(../images/common/ico-check-g.svg) no-repeat;}
.checkbox.no-label.round label.ui-checkbox-on {width: 26px; height: 26px; border: 0; background: url(../images/common/ico-check.svg) no-repeat; background-size: 100% auto;}
.checkbox.no-label.round label.ui-checkbox-on:hover {border: 0; background: url(../images/common/ico-check.svg) no-repeat; background-size: 100% auto;}
*/
/* Header */
.ui-header{background:transparent !important;border:0;border-bottom:3px solid #012d84 !important;margin:0;padding:15px 0 20px;position:relative;text-align:center;height:36px;}
.ui-header .logo a{background:url(/images/common/logo.png) 0 0 no-repeat;display:inline-block;font-size:0;line-height:999px;width:172px;height:40px;background-size:172px 40px;overflow:hidden;}
.ui-header .btn{position:absolute;top:17px;z-index:1;}
.ui-header .btn.left{left:17px;}
.ui-header .btn.right{right:17px;}
.ui-header .btn a{display:inline-block;z-index:1;width:36px;height:32px;line-height:999px;overflow:hidden;}
.ui-header .btn .menu{background:url(/images/header/btn_menu.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .search{background:url(/images/header/btn_search.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .search.on{background:#3367aa url(/images/header/btn_search_on.png) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .login{margin-left:9px;background:url(/images/header/btn_login.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .my{margin-left:9px;background:url(/images/header/btn_my.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .searchBar{display:none;position:absolute;left:0;top:5px;width:100%;height:56px;overflow:hidden;clear:both;}
.ui-header .searchBar .searchArea{position:relative;clear:both;height:34px;margin:0 73px;background:#fff;padding:11px 0;}
.ui-header.btn2type .searchBar .searchArea{/*margin-right:120px;*/}
.ui-header .searchBar .ui-input-search,.ui-header .searchBar .ui-input-text{margin:0;border-radius:.125em;border:1px solid #ddd;height:32px;}
.ui-header .searchBar .ui-input-has-clear {border: 0 none; border-radius: 0; padding-right: 0;}
.ui-header .searchBar .ui-input-search input,.ui-header .searchBar .ui-input-text input{padding-top:0;padding-bottom:0;min-height:100%;}
.transition0s{transition:0s;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;}
.transition300ms{transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;}
@media all and (max-width:480px) {
	.ui-header{padding:15px 0;}
	.ui-header .logo a{margin-top: 2px; background-size:100% 100%; width:119px;height:32px;}
}
@media all and (max-width:440px) {
}

@media all and (max-width:400px) {
	.ui-header{height:34px;}
	.ui-header .btn.left{left:8px;}
	.ui-header .btn.right{right:8px;}
	.ui-header .btn .my{margin-left:2px;}
	.ui-header .btn a{background-size:34px 30px !important;width:34px;height:30px;}
	.ui-header .searchBar{top:4px;height:56px;}
	.ui-header .searchBar .searchArea{height:32px;padding:12px 0;margin:0 58px;}
	.ui-header.btn2type .searchBar .searchArea{margin-right:96px;}
	.ui-header .searchBar .ui-input-search{height:30px;}
}

.ui-header {display:none;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{background-color:#fff;}
.ui-body-c{background:#fff;}
.ui-content{position:relative; background:#fff;padding:0;}
.ui-bar-a{background:none;}
.ui-footer{background:transparent !important;border:0;}
.ui-checkbox .ui-focus{box-shadow:0 0 0;}
.ui-radio .ui-focus{box-shadow:0 0 0;}
.ui-panel-dismiss-display-overlay{background:#000;opacity:0.3;left:0 !important;right:0 !important;z-index:1000;}
.ui-btn.ui-btn-right.ui-link.ui-icon-delete{background:#3c8cc6;border-color:#fff;}
.ui-btn.ui-btn-right.ui-link.ui-icon-delete:hover{background:#3c8cc6;border-color:#fff;}
.ui-btn.ui-btn-right.ui-link.ui-icon-delete:after{background-color:#3c8cc6;}
.ui-btn.ui-checkbox-on:after{background-color:#3c8cc6;border-color:#3c8cc6;text-shadow:0 1px 0 #3c8cc6;}
.ui-btn.ui-checkbox-off:after{background-color:rgba(255,255,255,.9);opacity:1; border:1px solid #ccc;}
.btnType{height:0;line-height:999px;overflow:hidden;display:inline-block;}
.btnColor{background-color:#3c8cc6 !important;}

.button {display:inline-block; box-sizing:border-box; padding:0 20px; height:31px; line-height:31px; text-align:center; border-radius:2px; border:1px solid #010101; background-color:#2070da; color:#fff !important;}
.button.ui-link {color:#fff;}
.button.type2 {background-color:#fff; color:#2070da !important;}

/* Buttons */
button.btn{font-size:15px;margin:0 auto;padding:0;font-weight:bold;text-shadow:0 0 0 !important;border-radius:.1em !important;border:0 !important;background:#3c8cc6 !important;color:#fff !important;border:1px solid #3c8cc6 !important;width:96px;height:40px;line-height:40px;}
button.btn.reverse{background:#fff !important;color:#3c8cc6 !important;border:1px solid #3c8cc6 !important;}
button.btn:active{text-shadow:0 0 0 !important;}

.inputBox {box-sizing:border-box; position:relative; display:inline-block; width:100%; height:30px; border-radius:2px; border:1px solid #010101;}
.inputBox input {min-height:100%; box-sizing:border-box; width:100%; height:100%; padding:0 5px; border:none; box-shadow:none; background-color:#fff !important;}
.inputBox.hasClear input {padding-right:35px;}
.inputBox .clear {position:absolute; top:0; right:0; width:35px; height:100%; background:#fff url(/images/common/btn_clear.png) no-repeat 50% 50%; background-size:7px;}
.inputBox .ui-input-text {opacity:1; height:100%; margin:0;}

/* Waiting Comment */
.waitCommentDiv{color:#fff;font-size:14px;text-align:center;font-weight:bold;margin-top:2px;height:60px;}
.waitCommentDiv p{line-height:30px;}
.waitCommentDiv p.oneline{padding-top:15px;}
.waitCommentDiv p.multiline{line-height:25px;padding-top:5px;}
.waitCommentDiv p.errmultiline{line-height:20px;padding:0 0 4px;margin-top:-8px;}
.waitCommentDiv p.loading{padding-right:3px;}
.waitCommentDiv img{width:16px;height:16px;vertical-align:-2px;margin-left:5px;}
.waitCommentDiv .close{display:none;text-align:center;height:30px;}
.waitCommentDiv .close .ui-btn{width:100px;height:28px;line-height:28px;margin:0 auto;padding:0;border-radius:0;}

/* popup dismiss */
.ui-popup-screen{position:fixed;}

/* procPopup Dialog */
#procPop-popup,#viewOptionProcPop-popup{position:fixed !important;top:50% !important;left:50% !important;margin:-47px 0 0 -135px !important;}
.procPopDiv{width:250px;height:64px;padding:15px 10px;background-color:rgba(69,69,69,.92);text-shadow:0 0 0;}

@media all and (min-width:900px) {
	.content.wSmall {width:900px; margin:0 auto}
}

input[type='text'] {text-shadow: none;}
input[type='text']::-webkit-input-placeholder {text-shadow: none; color: #333 !important; letter-spacing: 0;}
input[type='text']:-moz-placeholder {text-shadow: none; color: #333 !important; letter-spacing: 0;}


/* More item */
.moreArea{border-top:1px solid #bbbdc0;border-bottom:1px solid #bbbdc0;position:relative;margin:5px 0 0 0;}
.moreArea .btnMore{text-align:center;margin:0 148px 0 0;height:43px;padding:14px 0 0 0;font-weight:normal;font-size:13px;color:#525252;}
.moreArea .btnMore .moreInfo{margin:0 auto;padding-left:18px;width:110px;text-align:center;background:url(/images/common/btn_more.png) 0 4px no-repeat;background-size:18px auto;}
.moreArea .btnMore.load .moreInfo{background:url(/images/common/ajax-loader.gif) 0 7px no-repeat;background-size:18px auto;}
.moreArea .btnMore .moreText{font-size:14px;font-weight:600;display:block;}
.moreArea .btnTop{position:absolute;top:0;right:0;width:148px;height:25px;padding:32px 0 0;text-align:center;border-left:1px solid #bbbdc0;background:url(/images/common/btn_top.png) 50% 14px no-repeat;background-size:10px auto;font-size:14px;font-weight:normal;color:#525252;}
.moreArea.only{text-align:center;height:57px;}
.moreArea.only .btnTop{position:none;width:100%;border-left:0;margin-top:0px;}
@media all and (max-width:400px) {
	.moreArea .btnMore{margin:0 111px 0 0;padding:12px 0 0 0;}
	.moreArea .btnTop{height:28px;padding:28px 0 0;width:111px;background-position:50% 14px;}
}

#app, .container {height: 100%;}
.container {position:relative;display:flex;flex-direction:column;}
.container .content:after {content:"";clear:both;display: table}
.container>.content {position:relative;flex: 1 0 auto;padding-top:65px; padding-top: 0;}


.header h1 { float:left; display:table;width:240px;}
.header h1 .logo-wrapper {display:table-cell;}
.header h1 .logo-wrapper a, .main.container.on .header h1 .logo-wrapper a {display:inline-block;margin-top:4px;background: url(../img/common/gnb_img_logo.png) no-repeat;width: 112px;height: 40px;}
.header h1 .logo-wrapper img {max-width:112px;max-height:40px;display: none;}
.header h1 .logo-wrapper .txt {overflow:hidden;display:block;word-break:break-all;}

.header .menuWrap .menuContainer{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.header .menuWrap .menuContainer:after {display: none;}

.header {}
.header .menuWrap {padding-top: 0; height: 100%;}
.header .menuWrap .menuContainer {height: 100%;}
.header h1 .logo-wrapper a,
.main.container.on .header h1 .logo-wrapper a {height: 100%; background-position: 0 center;}
.header h1 {float: none;height: 100%;width: 280px;}
.header .logo-wrapper > a {font-size: 0;}


.header .tooltip .bottom {position: absolute; height: 42px; background-color: #000; padding: 10px; color: #fff; font-size: 14px; text-align: center; z-index: 1; opacity: 0; transition:all .3s cubic-bezier(0.4, 0, 1, 1);}
.tooltip:hover .bottom {opacity: 1;}

/* header */
.header {position: fixed; position: relative;top:0;left:0;right:0;z-index:100;height:75px;flex-shrink: 0;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);background: #fff;transition:background .3s ease-in-out}
.header .menuWrap {padding-top:11px;}
.header .menuWrap .menuContainer{width: 1200px; margin: 0 auto; position:relative;}
/*.header .menuWrap .menuContainer:after {content:"";clear: both;display: table;}*/
.header h1 {float:left; display:table;width:240px;}
.header h1 .logo-wrapper {display:table-cell;}
.header h1 .logo-wrapper a, .main.container.on .header h1 .logo-wrapper a {display:inline-block;margin-top:4px;background: url('/images/common/gnb_img_logo.png') no-repeat;width: 112px;height: 40px;}
.header h1 .logo-wrapper img {max-width:112px;max-height:40px;display: none;}
.header h1 .logo-wrapper .txt {overflow:hidden;display:block;word-break:break-all;}
.header .gnb_quickMenu {top: 50%; right: 0; margin-top: -10px;}
.header h1 {display: block;}
.header h1 .logo-wrapper {display: flex; align-items: center; height: 100%;}
.header .menuWrap {padding-top: 0; height: 100%;}
.header .menuWrap .menuContainer {height: 100%;}
.header h1 {height: 100%; width: 240px;}
.header h1 .logo-wrapper a, .header h1 .logo-wrapper a {height: 100%; background-position: 0 center;}
.header h1 {width: 280px;}
.header h1 .logo-wrapper a, .main.container.on .header h1 .logo-wrapper a {margin-top: 0; width: 170px; background-position: 0 center; background-image: url('/images/common/2022/logo_202205.gif');}

.header .gnb_quickMenu {float: none;position: static;display: flex;margin-top: 0;}
.header .gnb_quickMenu > li{float: none; margin-right: 30px;}
.header .gnb_quickMenu > li > a {position: relative; display: inline-block; width: 26px; height: 26px;}
.header .gnb_quickMenu > li:last-child{margin-right: 0;}
.header .gnb_quickMenu > li.dis_login {margin-right:0;}
.header .gnb_quickMenu:after {clear: both;content: "";display: table;}

.header .gnb_quickMenu .report_login {float: none; margin-right: 12px;}
.header .gnb_quickMenu .report_login a {height: 26px;width: auto;padding: 0 10px;color: #8A8B8E;line-height: 25px;font-weight: 500;border-radius: 30px;border: 1px solid #C9CACC;}
.header .gnb_quickMenu > li > a {background-size: contain;}
.header .gnb_quickMenu > li.tooltip > a > .bottom {top: calc(100% + 10px); left:50%; white-space: nowrap; z-index: 0;}
.header .qMenu_myPageBtn>a, .main.container.on .header .qMenu_myPageBtn>a {background: url('/images/common/gnb_btn_my.png') no-repeat;}
.header .qMenu_myPageBtn.tooltip>a>.bottom {margin-left: -40px;}
.header .qMenu_myPageBtn > a, .header .main.container.on .header .qMenu_myPageBtn > a{background: url('/images/common/gnb_btn_my.png') no-repeat;}
.header .qMenu_myPageBtn .gnb_qMenu_my {display: none;width: 140px;padding: 10px 20px 10px 20px;background-color: #fff;border: 1px solid #ccc;position: absolute;top: 75px;right: 0;z-index: 100;}

.header .logo-wrapper > a {font-size: 0;}
.header .tooltip.selected:hover .bottom {opacity: 0 !important;}
.header .gnb_qMenu_my:before, .header .gnb_qMenu_my:after {position: absolute;right: 5px;top: -6px;content: '';height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 7px solid #fff;transform: rotate(-180deg);}
.header .gnb_qMenu_my:before {z-index:1;}
.header .gnb_qMenu_my:after {top: -8px;border-top-color: #ccc;}
.header .gnb_qMenu_my > li {display: flex;align-items: center;height: 36px;font-size: 14px;}
.header .gnb_qMenu_my > li::before {display: inline-block;content: '';width: 4px;height: 4px;margin-right: 5px;background-color: #333;border-radius: 100%;}
.header .gnb_qMenu_my > li a {color:#333333}
.header .qMenu_myPageBtn.selected .gnb_qMenu_my {display: block;}

.footer {position:relative;flex-shrink: 0; padding: 0;border-top: 0;}
.footer .inner.bg {display: flex;align-items: center;}
.footer .left ul {display: flex;}
.footer .left li + li::before {display: inline-block;content: '';width: 1px;height: 9px;margin: 0 8px;background-color: #ccc;}
.footer .right {color: rgba(255, 255, 255, 0.7);}

.footer {}
.footer .inner {width:100%}
.footer .content {width:1200px;margin:0 auto;}
.footer .inner.bg {min-height:90px;background-color:#1e1e1e;font-size:14px;color:#fff;padding:23px 0 20px}
.footer .inner.bg .left {float:left;}
.footer .inner.bg .right {float:right;}

.footer .inner.bg .left a {color:#fff;}
.footer .inner.bg dl {display: block;letter-spacing: -0.6px;margin-bottom: 7px;}
.footer .inner.bg dl>dt, .footer .inner.bg dl>dd {display: inline-block;}
.footer .inner.bg dl>dt {color: #bcbcbc;}
.footer .inner.bg dl>dt + dd {margin-left:6px}
.footer .inner.bg dl>dd + dt {margin-left:16px;}

.footer {padding: 0;border-top: 0;}
.footer .inner.bg {display: flex;align-items: center;}
.footer .left ul {display: flex;}
.footer .left li + li::before {display: inline-block;content: '';width: 1px;height: 9px;margin: 0 8px;background-color: #ccc;}
.footer .right {color: rgba(255, 255, 255, 0.7);}

.-fdp-tab-line-type__header li:last-child {margin-right:0}
.-fdp-tab-line-type__header-item {line-height:42px; float:left; cursor:pointer;}
.-fdp-data-table__pager-area {text-align: center; margin:10px auto 10px;}
.-fdp-data-table__page-number {display: inline-block; width: 30px; height: 30px;font-weight: normal; font-size: 15px; color: #999; padding: 4px 0; text-align: center; cursor: pointer;}
.-fdp-data-table__move-page-btn {display:inline-block;height:30px;vertical-align: top;}
.-fdp-data-table__move-page-btn.left {margin-right:10px}
.-fdp-data-table__move-page-btn.right {margin-left:10px}
.-fdp-data-table__move-page--first{
    background: url('/images/common/baseline_first_page_black_18dp.png') no-repeat 8px center;
    background-size:7px 10px;
    display: inline-block;
    width: 20px;
    height: 30px;
}
.-fdp-data-table__move-page--left{
    background: url('/images/common/baseline_keyboard_arrow_left_black_18dp.png') no-repeat 8px center;
    background-size:6px 10px;
    display: inline-block;
    width: 20px;
    height: 30px;
}

.-fdp-data-table__move-page--right{
    background: url('/images/common/baseline_keyboard_arrow_right_black_18dp.png') no-repeat 8px center;
    background-size:6px 10px;
    display: inline-block;
    width: 20px;
    height: 30px;
}
.-fdp-data-table__move-page--last{
    background: url('/images/common/baseline_last_page_black_18dp.png') no-repeat 8px center;
    background-size:7px 10px;
    display: inline-block;
    width: 20px;
    height: 30px;
}
.-fdp-data-table--highlight, .-fdp-data-table--highlight:hover {
    font-weight: 500;
    color: #fff;
    background-color: #236be3;;
}

/* paging */
.-fdp-tab-line-type__header-item.-fdp-tab-line-type--active span{border-bottom:2px solid #236be3;z-index:10;color:#236be3;display:inline-block;font-weight:500}
.-fdp-data-table__move-page--disable{cursor: default !important;opacity: .5;}
.-fdp-data-table__move-page-btn {display:inline-block;height:30px;vertical-align: top;}
.-fdp-data-table--highlight, .-fdp-data-table--highlight:hover {font-weight: 500;color: #fff;background-color: #236be3;}
.-fdp-data-table__page-number {border-radius:50%}

/* form */
.-fdp-select{display:inline-block;position:relative;vertical-align:middle}
.-fdp-select--selected{position:relative;z-index:10;cursor:pointer;height:42px;min-width:50px;padding:0 30px 0 15px;border:1px solid #999;font-weight:400;font-size:16px;color:#333;text-align:left;line-height:42px;word-wrap:break-word;overflow:hidden}
.-fdp-select--selected.focus{border-color:#236be3}
.-fdp-select--selected:after{content:"";position:absolute;right:10px;top:10px;z-index:10;display:inline-block;width:20px;height:20px;background:url('/images/common/btn_dropdown_open.png') no-repeat}
.-fdp-select__ul{display:block;position:absolute;top:100%;left:0;min-width:50px;max-height:210px;z-index:11;overflow-y:auto;border:1px solid #bdc3d6;border-top:0;background:#fff;font-size:16px}
.-fdp-select__li{display:block;padding:10px 0 10px 15px;cursor:pointer;font-size:16px;color:#222;line-height:1.4}
.-fdp-select__li:hover{background-color:rgba(0,0,0,.03)}

.uppercase {text-transform: uppercase}
.capitalize {text-transform: capitalize}
.nl {display: block;}
.m_cont {display: none;}
.clearfix:after {content:"";display:block;clear:both;visibility:hidden;height:0;font-size: 0;}
.underline {text-decoration: underline}
.h4_type {color:#333333;font-size:26px;letter-spacing:-.075em; font-weight: 500;}
.ico_mem {font-size:0;line-height:0}
.ico_mem, .ico_mema:after, .ico_memb:before {content:''; display:inline-block; overflow:hidden;background-image:url('/images/common/ico_member.png');background-repeat:no-repeat;}
.btn_basic.small {min-width: 10px;font-size: 16px;}

/* button */
.btn_basic.round {border-radius: 3px;}
.btn_basic.add-icon {display: inline-flex; align-items:center; justify-content: center;}
.btn_basic.add-icon .icon {margin-right: 7px; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center center;}
.btn_basic.type2, .btn_basic.type2:disabled:hover {color: #236be3;}
.confirm-line {margin-top: 80px;}

/* popup */
.-fdp-modal {position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
.-fdp-modal__container {position: absolute;background-color: #ffffff;border-radius: 2px;box-shadow: 0 2px 8px rgba(0, 0, 0, .33);width: auto;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.-fdp-modal__close-button, .-fdp-modal__contents {overflow-y: auto;z-index:1}
.-fdp-modal__close-button {position: absolute;right: 15px;top: 20px;}
.-fdp-modal--fade {top: 0;left: 0;}

.-fdp-modal {position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 100;}
.-fdp-modal__container{position:absolute;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);width:auto;transform:translate(-50%,-50%);left:50%;top:50%;}
.-fdp-popup__wrapper {display:block;position:relative;min-width: 400px;z-index:100;background:#fff;padding:40px 40px 0 40px;}
.-fdp-popup__title {font-size:20px;color:#000;line-height:50px;font-weight:500;text-align: left;}
.-fdp-popup__title-area {position: relative;box-sizing: border-box;height:50px;background:#fff;border-bottom:1px solid #ccc;}
.-fdp-popup__title-area_hidden {overflow:hidden;width:100%;height:50px;padding:0 20px 0 35px;background:#000;display:none;}
.-fdp-popup__close {position: absolute;right:0;top:0;}
.-fdp-popup__close-button {display:block;width:26px;height:50px;background:url('/images/common/btn_close_2.png') no-repeat 0 50% /26px;text-indent:-9999px;}
.popup02 .grayTxt {color: #8A8B8E}
.popup02 .-fdp-popup__wrapper {padding: 32px 32px 0 32px;}
.popup02 .-fdp-modal__container, .popup02 .-fdp-popup__wrapper {border-radius: 8px;}
.popup02 .-fdp-popup__title-area {height: auto;border-bottom: 0;}
.popup02 .-fdp-popup__title-area .-fdp-popup__title {margin-bottom: 16px;font-size: 16px;color: #222;line-height: normal;}
.popup02 .-fdp-popup__close {display: none;}
.popup02 .popup_con {padding-top: 0;padding-bottom: 32px;font-size: 16px;color: #222;line-height: 24px;font-weight: 500;}
.popup02 .pop_button_arear {position: relative;padding: 8px 20px;margin-left: -32px;margin-right: -32px;text-align: right;}
.popup02 .pop_button_arear::before {position:absolute;left: 0;right: 0;top: 0;display: block;content: '';height: 1px;background-color: #EDEFF2;}
.popup02 .pop_button_arear button {min-width: 82px;height: 36px;font-size: 14px;font-weight: 500;background-color: transparent;border: 0;}
.popup02 .pop_button_arear .btn_basic {min-width: 82px;height: 36px;font-size: 14px;font-weight: 500;background-color: transparent;border: 0;}