@charset "utf-8";

@font-face {
	font-family:'NanumGothic';
	font-style:normal;
	src:local('NanumGothic Regular'), local('NanumGothic-Regular'), local('NanumGothic Regular');
	src:url(/font/NanumGothic.eot);
	src:url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumGothic.woff) format('woff'),
	url(/font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family:'NanumGothicBold';
	font-style:normal;
	src:local('NanumGothicBold Regular'), local('NanumGothicBold-Regular'), local('NanumGothicBold Regular');
	src:url(/font/NanumGothicBold.eot);
	src:url(/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(/font/NanumGothicBold.woff) format('woff'),
	url(/font/NanumGothicBold.ttf) format('truetype');
}

@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Light'), local('NotoSans-Light'), url(/font/NotoSans-Light.eot);
	src: url(/font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Light.woff2) format('woff2'),
	url(/font/NotoSans-Light.woff) format('woff');;
}
@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/font/NotoSans-Regular.eot);
	src: url(/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Regular.woff2) format('woff2'),
	url(/font/NotoSans-Regular.woff) format('woff');
}
@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/font/NotoSans-Medium.eot);
	src: url(/font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Medium.woff2) format('woff2'),
	url(/font/NotoSans-Medium.woff) format('woff');
}
@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/font/NotoSans-Bold.eot);
	src: url(/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(/font/NotoSans-Bold.woff2) format('woff2'),
	url(/font/NotoSans-Bold.woff) format('woff');
}

html{overflow-y:scroll; font-size:62.5%;}
@media all and (max-width:765px) {
	html{font-size:51%;}
}


html,body{position:relative; min-height:100%;height:100%;font-family:NanumGothic,Dotum,sans-serif; line-height:1;color:#444666;word-break:keep-all; margin:0;padding:0;}
legend,caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
em{font-style:normal}
textarea{width:94%;padding:10px;border:1px solid #b6b6b6;font-size:13px;color:#333; font-family:NanumGothic,sans-serif;}
select,input[type=text]{height:41px;margin:0;padding:0 8px;font-size:12px;line-height:40px;font-family:NanumGothic,sans-serif;vertical-align:middle;border:0px;;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#444666;border:1px solid #dbdbdb;}
select{padding:0 0 0 10px;}
select.black{border:1px solid #666666; background:#ffffff;height:40px; line-height:34px; width:141px; font-size:13px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=radio],input[type=checkbox]{margin:0px;padding:0px;vertical-align:middle}
ul,ol,li,dl,dt,dd{list-style:none}
li{list-style:none;}
div,ul,ol,li,dl,dt,dd,form,fieldset,p,h1,h2,h3,h4,h5,h6,blockquote,iframe{margin:0;padding:0;}
img{border:0;vertical-align:top; max-width:100%}
fieldset{border:0}
hr{display:none;clear:both}
table{border-collapse:collapse;font-size:12px;color:#333;table-layout:fixed;border-spacing:0;width:100%;}
th, td {text-align:center;font-weight:normal;}
table thead th {font-weight:normal;}
a,a:link,a:visited,a:active{color:#444666;letter-spacing:normal;text-decoration:none; font-size:13px;}
a:hover{color:#444666;letter-spacing:normal;text-decoration:none}
strong{  }
label{cursor:pointer;}
input::-webkit-input-placeholder { color:#444666; }
input::-moz-placeholder { color:#444666; } /* firefox 19+ */
input:-ms-input-placeholder { color:#444666; } /* ie */
input::-moz-placeholder { color:#444666; }
textarea.inputStyle{border:1px solid #ddd; background:#ffffff;width:100%;height:40px; line-height:1.6; font-size:15px;padding:10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family:NanumGothic,sans-serif;}
.checkbox label{vertical-align:middle; line-height:13px;}
.skip, .blind, legend {position:absolute; top:-5000em; width:0; height:0; overflow:hidden; line-height:0; font-size:0;}
button {overflow:visible; background:transparent; cursor:pointer; border:none; padding:0; margin:0;}
button::-moz-focus-inner {padding:0; border:0;}
input[type="text"].inpType02,
input[type="file"].inpType02,
input[type="email"].inpType02,
input[type="password"].inpType02{height:28px; box-sizing:border-box; line-height:26px; border:1px solid #ddd; padding:0 10px; font-size:13px;}

input[type="text"].inpType01,
input[type="file"].inpType01,
input[type="email"].inpType01,
input[type="password"].inpType01{height:30px; box-sizing:border-box; line-height:28px; border:1px solid #ddd; padding:0 10px; font-size:13px; font-family:NanumGothic,sans-serif;}
input[type="file"].inpType01{padding-left:0 !important; padding-right:0 !important; max-width:374px; display:block; width:100%;}
input::-webkit-input-placeholder { color:#454545; }
input::-moz-placeholder { color:#454545; } /* firefox 19+ */
input:-ms-input-placeholder { color:#454545; } /* ie */
input::-moz-placeholder { color:#454545; }
select.selType01{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	box-sizing:border-box; border:1px solid #d5d5d5; height:30px; line-height:30px; font-size:13px; color:#616161;
	background:#fff url("/ko/front/image/common/bg_sel.png") no-repeat 100% 50%;
	padding-right:50px;
}
select::-ms-expand { display:none; }

.map-responsive{
		overflow:hidden;
		padding-bottom:56.25%;
		position:relative;
		height:0;
}
.map-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
}


.swiper-pagination{ width:100%; text-align: center; }
.swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; border:3px solid #979797; background-color:#979797; border-radius:50%; margin:0 3px; box-sizing: border-box;}
.swiper-pagination .swiper-pagination-bullet-active{border-color:#3899d4; background:transparent;}

input::-ms-input-placeholder { color: #979797; }
input::-webkit-input-placeholder { color: #979797; } 
input::-moz-placeholder { color: #979797; }
textarea::-ms-input-placeholder { color: #979797; }
textarea::-webkit-input-placeholder { color: #979797; } 
textarea::-moz-placeholder { color: #979797; }
.pcImg{display:inline-block;}
.mImg{display:none;}

@media all and (max-width:765px) {
	.pcImg{display:none;}
	.mImg{display:inline-block;}
}

/*.selType01{height:28px; box-sizing:border-box; line-height:26px; border:1px solid #ddd; padding:0 10px;}*/
.textAreaType01{box-sizing:border-box; border:1px solid #ddd; padding:10px;}
.ar{ text-align:right;}
.ac{ text-align:center;}
.cl{clear:left;}
.fl{float:left !important;}
.fr{float:right !important;}
.vm{vertical-align:middle !important}
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.ls1{letter-spacing:-1px !important}
.lsd5{letter-spacing:-0.5px !important}
.rel{position:relative;}

/* Margin */
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr50{margin-right:50px !important;}
.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !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;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb125{margin-bottom:125px !important;}

/* Padding */
.p0{padding:0 !important;}
.pl0{padding-left:0px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pr0{padding-right:0px !important;}
.pr20{padding-right:20px !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pl35{padding-left:35px !important;}
.pl50{padding-left:50px !important;}
.pb0{padding-bottom:0 !important;}
.pb20{padding-bottom:20px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb80{padding-bottom:80px !important;}

/*font style*/
.fz12{ font-size:12px;}
.fz18{ font-size:18px;}
.subTits{font-size:20px; color:#000;}


/*font color*/
.f_yellow{ color:#ffd954;}
.f_green{ color:#008547;}
.f_red{ color:#ff0000;}
.f14{ font-size:14px !important;}
.f_b{font-weight:bold !important;}
.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.bgNone{background:none !important;}
.c252525{color:#252525 !important;}

/* bg */
.bdb_none{border-bottom:none !important;}
.hide_txt {text-indent:-9999px;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.por{position:relative;}

/*skip_navigation*/
.skip_navigation, .skip_navigation ul {height:0; position:absolute;z-index:200;left:0px;top:0px;width:100%;}
.skip_navigation a{position:absolute; top:-9999px; background:#000; width:100%; height:30px; text-align:center; color:#fff; line-height:30px; font-weight:bold; z-index:100; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0;}
body,html{height:100%}
.clfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden}
.clfix {display:inline-block}
.clfix {display:block}
* html .clfix {height:1%} /* Hides from IE-mac */
.clfix {zoom:1} /*for IE 5.5-7*/

/* paging */
.paging {text-align:center; margin-top:40px; position:relative; font-size:0;}
.paging .btn {border:none; padding:0; line-height:0; font-size:0; vertical-align:top; width:34px; height:34px; overflow:hidden; position:relative; z-index:1;}
.paging img {vertical-align:top;}
.paging a {font-size:13px; vertical-align:top; display:inline-block; *zoom:1; *display:inline; padding:0 2px; color:#444; min-width:34px; height:34px; line-height:34px; background-color:#fff; box-sizing:border-box;  border:1px solid #ddd; margin:0 -1px; position:relative; z-index:2;}
.paging span{vertical-align:top;}
.paging span.pg,
.paging a.sel {color:#1f497d; font-weight:bold; background-color:#fbfbfb;  z-index:3}
.paging span.empty_msg { border:none !important; font-weight:normal; font-size:13px; color:#ff6600; }

@media all and (max-width:470px) {
	.paging{padding-bottom:40px;}
	.paging .btn{width:30px; height:30px;}
	.paging .btn img{width:30px; height:30px;}

	.paging a{width:30px; height:30px; font-size:12px; line-height:30px; vertical-align:top; min-width:30px  }
}




/* table */
.tbWrap{margin-top:20px;}
.tbWrap th,
.tbWrap td{word-wrap:break-word; word-break:keep-all;}


.regCol01{width:158px;}
.defaultTx{font-size:1.5rem; color:#444;}
.listType {table-layout:fixed; width:100%; background-color:#fff;}
.listType thead tr th {padding:12px 0 12px; border-top:1px solid #1c798f; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:13px; color:#454545; font-weight:bold; background:#fafafa}
.listType thead tr th:first-child{border-left:1px solid #e5e5e5;}
.listType tbody tr th {padding:13px 5px 13px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#000; background-color:#f7f7f7; font-weight:bold;}
.listType tbody tr td {border-bottom:1px solid #e5e5e5;  border-right:1px solid #e5e5e5; font-size:12px; padding:13px 10px 13px 10px; text-align:left; color:#444; line-height:24px;  word-wrap:break-word; word-break:keep-all; text-align:center;}
.listType tbody tr td:first-child{border-left:1px solid #e5e5e5;}
.listType tbody tr:first-child th {border-top:none;}
.listType tbody tr:first-child td {border-top:none;}
.listType tbody tr td .ing{color:#1a2c5e;}
.listType tbody tr.notice td{font-size:14px; color:#213a61; background-color:#f6fbff; font-weight:bold;}
.listType tbody tr.notice td a{font-size:14px; color:#213a61; font-weight:bold;}

.listType.type02 tbody tr:first-child th{border-top:1px solid #1c798f;}
.listType.type02 tbody tr:first-child td{border-top:1px solid #e5e5e5;}

.listType.type02 tbody tr th{text-align:left; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding-left:20px;}
.listType.type02 tbody tr td{text-align:left; padding-left:20px;}

.listType01 {border-top:1px solid #00548a; table-layout:fixed; width:100%; background-color:#fff;}
.listType01 thead tr th {padding:12px 0 12px; border-bottom:1px solid #ddd; border-bottom:1px solid #e5e5e5; font-size:12px; color:#454545; font-weight:bold; background:#f7f7f7; border:1px solid #e5e5e5; border-top:none;}
.listType01 tbody tr th {padding:16px 5px 16px; border-bottom:1px solid #ddd; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  font-size:16px; color:#000; background-color:#f3f3f3; font-weight:bold;}
.listType01 tbody tr td {border-bottom:1px solid #ddd; font-size:12px; padding:16px 20px 16px 20px; text-align:left; color:#454545; word-wrap:break-word; word-break:keep-all; border:1px solid #e5e5e5; border-top:none;}
.listType01 tbody tr th.ac {padding:16px 10px 16px 10px; text-align:center;}
.listType01 tbody tr td.ac {padding:16px 10px 16px 10px; text-align:center;}
.listType01 tbody tr td.link a {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%;vertical-align:middle;}
.listType01 tbody tr td.link .icn_rip{display:inline-block; vertical-align:middle; margin-right:5px;}
.listType01 tbody tr td.link .icn_secret{display:inline-block; vertical-align:middle; margin-right:5px;}
.listType01 tbody tr td.link.rip a {color:#1c798f;}
.listType01 tbody tr td .ing{color:#1a2c5e;}
.listType01 tbody tr.notice td{font-size:13px;  font-weight:bold;}
.listType01 tbody tr.notice td a{font-size:13px;font-weight:bold;}
.listType01 tbody tr td .ready{font-weight:bold; color:#b80000;}
.listType01 tbody tr td .ing{font-weight:bold; color:#0070af;}
.icnNew{vertical-align:-5px; margin-left:4px;}


.listType01 tbody tr th{text-align:left; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding-left:20px;}
.listType01 tbody tr td{text-align:left; padding-left:20px;}

.listType02 {border:1px solid #ddd; border-top:1px solid #545454; table-layout:fixed; width:100%; background-color:#fff;}
.listType02 thead tr th {padding:15px 0 15px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:16px; color:#000000; font-weight:bold; background:#f8f8f8}
.listType02 tbody tr th {padding:15px 5px 15px; border-bottom:1px solid #ddd; font-size:14px; color:#000; background-color:#f7f7f7}
.listType02 tbody tr td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:14px; padding:15px 20px 15px 20px; text-align:left; color:#595959; line-height:24px;  word-wrap:break-word; word-break:keep-all;}
.listType02 tbody tr td:first-child {border-left:none;}
.listType02 tbody tr:first-child th {border-top:none;}
.listType02 tbody tr:first-child td {border-top:none;}
.listType02 tbody tr td .ing{color:#1a2c5e;}
.listType02 tbody tr td.ac{text-align:center; padding:13px 10px; font-size:15px; color:#000;}
.listType02.type01 thead tr th{height:35px;}
.listType02.type01 tbody tr td{height:178px;}
.listType02.type01 tbody tr.last td{background:#edf2f5; text-align:center; font-size:15px; color:#000; height:35px;}

.listType02.type03 {border-left:none; border-right:none;}
.listType02.type03 thead tr th {padding:12px 0 12px; font-size:15px;}
.listType02.type03 thead tr th.viewTitle {padding:12px 20px; background-color:#fff; text-align:left; border-left:none !important;}
.listType02.type03 thead tr th.viewTitle .tit{position:relative; font-size:16px; color:#000; font-weight:bold; padding-left:52px;}
.listType02.type03 thead tr th.viewTitle .tit strong{font-weight:normal; color:#595959; position:absolute; left:0; top:0;}
.listType02.type03 thead tr th.viewTitle .tit strong:after{content:""; display:block; width:1px;height:11px; background-color:#ddd; position:absolute; right:-10px; top:8px;}
.listType02.type03 thead tr th.viewTitle .date{font-size:13px; color:#595959; margin-top:5px; font-weight:normal;}
.listType02.type03 tbody tr td {padding:12px 0 12px; font-size:14px; color:#595959;}
.listType02.type03 tbody tr td.file {padding:0; font-size:14px; color:#595959;}
.listType02.type03 tbody tr td.file .fileDown {display:block; padding:16px 0 16px 59px; background:#f7f7f7 url(/ko/front/image/common/ico_file.png) no-repeat 25px 50%;}
.listType02.type03 tbody tr td.file .fileDown .fileName {font-weight:bold; color:#000;}
.listType02.type03 tbody tr td.edit {padding:10px;}
.listType02.type03 tbody tr td.edit img {max-width:100%}

td .btnApp{color:#0068b3; font-weight:bold;}
td .btnEnd{color:#bc0000; font-weight:bold;}

.viewBtnBx{margin-top:30px; text-align:right;}
.viewBtnBx .btn01{display:inline-block; width:95px; height:40px; text-align:center; line-height:40px; background-color:#0068b3; color:#fff; font-size:14px; font-weight:bold;}
.viewBtnBx .btnPrev{display:inline-block; width:95px; height:40px; text-align:center; line-height:40px; background-color:#737373; color:#fff; font-size:14px; font-weight:bold;}
.viewBtnBx .btnNext{display:inline-block; width:95px; height:40px; text-align:center; line-height:40px; background-color:#737373; color:#fff; font-size:14px; font-weight:bold;}

.regType01 {table-layout:fixed; width:100%; background-color:#fff; border:1px solid #e5e5e5;}
.regType01 thead tr th {padding:10px 0 10px; border-bottom:1px solid #e5e5e5; font-size:15px; color:#454545; font-weight:bold; background:#f7f7f7}
.regType01 tbody tr th {padding:10px 5px 10px 20px; border-bottom:1px solid #e5e5e5; font-size:15px; color:#454545; background-color:#f7f7f7; font-weight:bold; text-align:left; border-left:1px solid #e5e5e5;}
.regType01 tbody tr th:first-child {border-left:none;}
.regType01 tbody tr td {font-size:15px; padding:10px 20px 10px 20px; text-align:left; color:#676767; line-height:24px;  word-wrap:break-word; word-break:keep-all;border:1px solid #e5e5e5; border-right:none;}
.regType01 thead tr th:first-child {border-left:none;}


.viewBtns{margin-top:35px; position:relative; z-index:2;}
.viewBtns:after{content:""; display:block; clear:both;}
.viewBtns .col{float:right;}
.viewBtns .col:first-child{float:left;}
.viewBtns .col:first-child .btn:first-child{margin-right:6px;}

.viewBtns .btn {display:inline-block; padding:12px 16px 12px; text-align:center; box-sizing:border-box; min-width:200px; background-color:#002f6c; font-size:1.6rem; color:#fff; border-radius:50px; font-weight:bold; margin:0 3px;}
.viewBtns .btn.btnList {background-color:#0a45a2; border:1px solid #0a45a2; color:#fff;}
.viewBtns .btn.btnBack {background-color:#fafafa; border:1px solid #ddd; color:#979797;}
.viewBtns .btn.btnOk {background-color:#00548a; border:1px solid #00548a; color:#fff;}



.viewBtns .btn2 {display:inline-block; padding:12px 16px 11px; text-align:center; box-sizing:border-box; min-width:117px; border:1px solid #ddd; background-color:#fafafa; font-size:1.5rem; color:#979797; margin:0 3px;}
.viewBtns .btn2.blank {background-color:#000 !important; border:1px solid #000 !important;}
.viewBtns .btn2.btnList {background-color:#0a45a2; border:1px solid #0a45a2; color:#fff;}
.viewBtns .btn2.btnOk {background-color:#00548a; border:1px solid #00548a; color:#fff;}
.viewBtns .btn2.btnPage {min-width:80px;}
.viewBtns .btnApp2{border:1px solid #ed2024; background-color:#ed2024; color:#fff; font-weight:bold; border-radius:50px; min-width:160px; letter-spacing:0;}
.viewBtns .btnApp2.back{border:1px solid #dfdfdf; background-color:#fafafa; color:#333; font-weight:bold; border-radius:50px; min-width:160px; letter-spacing:0;}
.viewBtns .btn2.btnBack2{border:1px solid #676767; background-color:#fff; color:#252525; font-weight:bold;  min-width:120px; letter-spacing:0;}


.viewBtns .btn2.btnModi{min-width:78px; background-color:#be835f; border-color:#be835f; color:#fff;}
.viewBtns .btn2.btnDel{min-width:78px; background-color:#494949; border-color:#494949; color:#fff;}
.viewBtns .btn2.btnList2{min-width:121px; background-color:#00548a; border-color:#00548a; color:#fff;}
.viewBtns .btn2.btnRip{min-width:78px; background-color:#444; border-color:#444; color:#fff;}


.viewBtns .btnWrite {position:absolute; right:0; top:0px;}


@media all and (max-width:737px) {
	.viewBtns{text-align:center;}
	.qnaContent .regCol01{width:90px;}
	.viewBtns .btnWrite {position:static;}
	.viewBtns.type02 .col{float:none !important;}
	.viewBtns.type02 .col{padding-bottom:0 !important;}
	.viewBtns.type02 .btn2{margin-bottom:10px !important;}
}


@media all and (max-width:765px) {
	.tbWrap{margin-top:13px; max-width:100%; overflow:hidden; overflow-x:auto; }
	.tbWrap::-webkit-scrollbar-track{
		-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
		border-radius:10px;
		background-color:#F5F5F5;
	}
	.tbWrap::-webkit-scrollbar{
		height:5px;
		background-color:#F5F5F5;
	}
	.tbWrap::-webkit-scrollbar-thumb{
		border-radius:10px;
		-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
		background-color:#555;
	}

	.tbWrap table{width:765px;}
}

@media all and (max-width:600px) {
	.tbWrap table{width:600px;}
}

@media all and (max-width:460px) {
	.viewBtns .col{float:none !important;}
	.viewBtns .col:first-child{padding-bottom:10px;}
}



.viewBx{ border:1px solid #e5e5e5; border-top:1px solid #003d7e}
.viewBx .vTopArea{background-color:#fafafa; }
.viewBx .viewTit{font-size:18px; color:#252525;}
.viewBx .titBx{color:#656565; font-size:1.5rem; position:relative; padding:0 11px; border-bottom:1px solid #e1e1e1;}
.viewBx .titBx:after{content:""; display:block; clear:both;}
.viewBx .titBx .tit{display:block;  font-size:1.5rem; color:#454545; font-weight:bold; border-bottom:1px solid #e1e1e1;padding:17px 0;}
.viewBx .titBx .subBx{display:block; font-size:1.4rem; color:#454545; padding-top:2px; padding:17px 0;}
.viewBx .titBx .subBx .subLists dt{display:inline-block; vertical-align:top; margin-right:3px; font-size:1.4rem; color:#454545;}
.viewBx .titBx .subBx .subLists dd{display:inline-block; vertical-align:top; font-size:1.4rem; color:#454545; margin-right:10px;}
.viewBx .viewLink{padding:0 11px; background-color:#fff;  border-bottom:1px solid #e5e5e5;}
.viewBx .viewLink .c{padding:16px 0;  border-top:1px solid #e5e5e5;}
.viewBx .viewLink .c:first-child{border-top:none;}
.viewBx .viewLink .c.link a:after{content:""; display:inline-block; width:13px; height:13px;  background:url("/ko/front/image/common/icn_link.png") no-repeat 0 0; vertical-align:middle; margin-left:5px; margin-right:13px;}
.viewBx .viewLink .c.link .tx{font-size:1.3rem; color:#444; display:inline-block;}
.viewBx .viewLink .c.file a{}
.viewBx .viewLink .c.file a:after{content:""; display:inline-block; width:25px; height:14px;  background:url("/ko/front/image/common/icn_file.png") no-repeat 0 0; vertical-align:middle; margin-left:5px;}
.viewBx .viewLink a{color:#000; font-weight:bold; font-size:1.4rem;}
.viewBx .viewLink a img{vertical-align:middle; margin-right:8px;}
.viewBx .viewLink p{font-size:12px; color:#a1a1a1; padding-top:3px;}
.viewBx .editArea{padding:10px; font-size:1.4rem;}
.viewBx .editArea a{ font-size:1.4rem;}
.viewBx .editArea img{max-width:100%;}
.viewBtn{margin-top:20px;}

.ripArea{margin-top:35px;}
.ripArea .tit{padding-left:20px; background:url("/ko/front/image/customer/icn_doc.png") no-repeat 0 50%; font-size:1.6rem; color:#111111;}
.ripArea .ripListBx{margin-top:10px; border:1px solid #ddd; background-color:#f3f3f3; padding:21px;}
.ripArea .ripListBx .tx01{font-size:1.5rem; color:#444;}
.ripArea .ripListBx .tx01 strong{font-size:1.5rem; color:#111; margin-right:10px;}
.ripArea .ripListBx .tx02{font-size:1.5rem; color:#444; margin-top:14px; padding-right:143px;}
.ripArea .ripListBx .buttons{position:absolute; right:0; bottom:10px; text-align: right;}
/*.ripArea .ripListBx .buttons a{display:inline-block; vertical-align:middle; border:1px solid #737373; background-color:#fff; font-size:1.5rem; color:#444; padding:2px 11px;}*/
.ripArea .ripListBx .buttons button{display:inline-block; vertical-align:middle; border:1px solid #737373; background-color:#fff; font-size:1.5rem; color:#444; padding:2px 11px;}
.ripArea .ripListBx .ripDep1 li{border-top:1px solid #ddd; padding:22px 0 30px; position:relative;}
.ripArea .ripListBx .ripDep1 li input{vertical-align:middle;}
.ripArea .ripListBx .ripDep1 li:first-child{border-top:none; padding-top:0;}

@media all and (max-width:765px) {
	.ripArea .ripListBx .tx02{padding-right:0;}
	.ripArea .ripListBx .buttons{position:static; margin-top:15px;}
	.ripArea .ripListBx .ripDep1 > li{padding:10px 0 10px;}
}
.base-height{position: fixed; top: 0;left: 0; width: 100%; height: 100%; z-index: -1; }

/* layout */
/*#wrap{position:relative;overflow:hidden;}*/
body.fix{overflow: hidden}
body.fix .headerWrap{position:fixed;}
.pcQuick{display:block;}
.mobileQuick{display:none;}
.quickWrap{width:100%; max-width: 1180px; margin:0 auto; position:relative; z-index: 10001;}
.quickWrap .quickInner{position:absolute; right:0; top:0;}
.quickWrap .quickInner ul{position: fixed; top:246px; width:200px; line-height:0; font-size:0; padding-left:10px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
}
.quickWrap.fix .quickInner ul{top:50px;}
.quickWrap .quickInner ul li{margin-bottom:8px;}
.quickWrap .quickInner ul li > a{display:block; position:relative; }
.quickWrap .quickInner ul li > a .on{display:none;}
.quickWrap .quickInner ul li > a:hover .right{display:block;}
.quickWrap .quickInner ul li > a:hover .off{display:none;}
.quickWrap .quickInner ul li > a:hover .on{display:block;}
.quickWrap .quickInner .icn{display:inline-block;}
.quickWrap .quickInner .tx{position:absolute; left:75px; top:50%;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%)}
.quickWrap .quickInner .tx .right{display:none;}
.quickWrap .quickInner .tx .left{display:none;}

.mobileQuick{position:fixed; left:0; bottom:20px; width:100%; text-align: center; z-index: 400}
.mobileQuick ul li{display: inline-block; vertical-align:middle; margin:0 8px;}
.mobileQuick ul li img{height:60px;}
@media all and (max-width:1600px) {
	.quickWrap .quickInner ul{right:0; text-align: right; padding-right:10px; padding-left:0;}
	.quickWrap .quickInner .tx{right:75px; left:auto;}
	.quickWrap .quickInner .tx .right{display:none !important;}
	.quickWrap .quickInner ul li > a:hover .left{display:block;}

}
@media all and (max-width:1400px) {
	.pcQuick{display:none;}
}

@media all and (max-width:765px) {
	.pcQuick{display:none;}
	.mobileQuick{display:block;}
}

.headerWrap{width:100%; position:absolute; left:0; top:0; z-index: 10000}
.headerWrap .header{height:140px; width:100%; box-sizing: border-box; max-width:1200px; margin:0 auto; padding:0 10px;}
.headerWrap .header .headInner{position:relative; padding-left:200px;}
.headerWrap .header .headInner .logoArea{position:absolute;left:0; top:78px; z-index:101;}
.pc .headerWrap .header .headInner .gnbArea{display:block !important;}
.headerWrap .header .headInner .gnb{padding-top:55px; position:relative;}
.headerWrap .header .headInner .gnb:after{content:""; display:block; clear:both;}
.headerWrap .header .headInner .gnb > li{float:left; width:20%; position:relative;}
.headerWrap .header .headInner .gnb > li > a{position:relative; display:table; table-layout:fixed; width:100%; height:85px; text-align: center; letter-spacing:-0.5px;}
.headerWrap .header .headInner .gnb > li:before{content:""; display:block; width:0; height:3px; position:absolute; left:50%; bottom:0; background-color:#3899d4; z-index: 2;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;
	-webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);
}
.headerWrap .header .headInner .gnb > li:after{content:""; display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background-color:#979797; z-index: 1}
.headerWrap .header .headInner .gnb > li:hover:before,
.headerWrap .header .headInner .gnb > li.on:before{width:100%;}
.headerWrap .header .headInner .gnb > li > a .navItem{display: table-cell; vertical-align:middle; position:relative;}
.headerWrap .header .headInner .gnb > li > a .navItem:after{content:""; display:block; width:1px; height:39px; background-color:#979797; position:absolute; left:0; top:20px;}
.headerWrap .header .headInner .gnb > li:first-child > a .navItem:after{display:none;}
.headerWrap .header .headInner .gnb > li > a .navItem strong{display:block; font-size:20px; color:#252525;  font-family: 'NotoKrL', sans-serif;  letter-spacing:-1px;}
.headerWrap .header .headInner .gnb > li > a .navItem span{display:block; font-size:14px; color:#676767; padding-top:8px; font-weight:bold;}
.headerWrap .header .headInner .gnb > li .dep2 {position:absolute; left:0; top:85px; padding-top:30px; display:none;}
.headerWrap .header .headInner .gnb > li.on .dep2,
.headerWrap .header .headInner .gnb > li.active .dep2 {display:block;}
.headerWrap .header .headInner .gnb > li .dep2 ul {padding:0 49px;  background: rgba(255,255,255,0.6); border-radius: 50px; display: inline-block; vertical-align:top;}
.headerWrap .header .headInner .gnb > li .dep2 ul:after {content:""; display:block; clear:both;}
.headerWrap .header .headInner .gnb > li .dep2 ul li {float:left; margin-left:35px;}
.headerWrap .header .headInner .gnb > li .dep2 ul li:first-child {margin-left:0;}
.headerWrap .header .headInner .gnb > li .dep2 ul li a{display:block; line-height:40px; font-size:16px; color:#333333; font-family: 'NotoKrR', sans-serif; }
.tablet .headerWrap .header .headInner .gnb > li .dep2{display:none !important;}
.mo .headerWrap .header .headInner .gnb > li .dep2{display:none !important;}
.headerWrap .header .headInner .gnb > li.company .dep2{width:500px; left:-120px;}
.headerWrap .header .headInner .gnb > li.area .dep2{width:1000px; left:-250px;}
.headerWrap .header .headInner .gnb > li.success .dep2{width:500px; left:-56px;}
.headerWrap .header .headInner .gnb > li.contact .dep2{width:504px; left:-140px;}


.headerWrap .header .headInner .mobileGnbButton{position:absolute; right:0; top:21px; display:none; z-index: 101;}
.headerWrap .header .headInner .mobileGnbButton img{height:40px;}


@media all and (max-width:1180px) {
	.headerWrap .header .headInner .logoArea{top:34px;}
	.headerWrap .header .headInner .gnb{padding-top:10px;}
}
@media all and (max-width:765px) {
	.headerWrap .header{height:80px;}
	.headerWrap .header .headInner{padding-left:0;}
	.headerWrap .header .headInner .logoArea {top:28px;}
	.headerWrap .header .headInner .logoArea .mImg{height:29px;}

	.headerWrap .header .headInner .gnb > li{float:none; width:100%;}
	.headerWrap .header .headInner .gnb > li:before{height:2px;}
	.headerWrap .header .headInner .gnb > li > a{height:62px;}
	.headerWrap .header .headInner .gnb > li > a .navItem:after{display:none;}

	.headerWrap .header .headInner .mobileGnbButton{display:block;}
	.headerWrap .header .headInner .gnbArea{display:none; background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; box-sizing:border-box;  z-index:100; overflow-y:auto; padding-top:80px;}
	.headerWrap .header .headInner .gnbArea .gnb{padding-top:0; border-top:1px solid #979797;}

	.headerWrap .header .headInner .gnb > li > a .navItem strong{font-size:17px;}
	.headerWrap .header .headInner .gnb > li > a .navItem span{font-size:13px;}

}

.footerArea {width:100%; background-color:#f5f5f5; padding: 55px 0;}
.footerArea .footInner{width:100%; max-width:1200px; box-sizing: border-box; padding:0 10px; margin:0 auto; position:relative;}
.footerArea .footInner .footSnsArea{position:absolute; right:10px; top:0;}
.footerArea .footInner .footSnsArea ul:after{content:""; display:block; clear:both;}
.footerArea .footInner .footSnsArea li{float:left; padding-left:15px;}
.footerArea .footInner .footSnsArea img{height:40px;}
.footerArea .footInner .footCont {display: inline-block; position:relative; line-height:1.6; position:relative; width:395px;}
.footerArea .footInner .footCont .fRow {position:relative;}
.footerArea .footInner .footCont .footAddress{font-size:13px; color:#333;}
.footerArea .footInner .footCont .footAddress address{font-style:normal;}
.footerArea .footInner .footCont .footAddress .tel{margin-top:21px;}
.footerArea .footInner .footCont .footLogo {margin-top:70px;}
.footerArea .footInner .footCont .footLink{position:absolute; left:100%; top:0; width:120px;}
.footerArea .footInner .footCont .footLink li{margin-bottom:15px;}
.footerArea .footInner .footCont .footLink a{font-size:14px; color:#333333; border-bottom:1px solid #333; font-weight:bold;}
.footerArea .footInner .footCont .copy{position:absolute; left:100%; top:0; width:330px; font-size:12px; color:#676767; font-family: 'NotoKrR', sans-serif;}

@media all and (max-width:765px) {
	.footerArea{padding-bottom:100px; padding-top:30px;}
	.footerArea .footInner .footCont{display:block; width:100%;}
	.footerArea .footInner .footSnsArea{position:static;}
	.footerArea .footInner .footSnsArea li{padding-right:15px; padding-left:0;}
	.footerArea .footInner .footCont .footLink{position: static; width:100%; margin-top:25px;}
	.footerArea .footInner .footCont .footLink ul:after{content:""; display:block; clear:both;}
	.footerArea .footInner .footCont .footLink ul li{float:left; margin-right:12px; margin-bottom:0;}
	.footerArea .footInner .footCont .footAddress{margin-top:25px;}
	.footerArea .footInner .footCont .footAddress .tel{margin-top:10px;}
	.footerArea .footInner .footCont .footLogo{display:none;}
	.footerArea .footInner .footCont .copy{position: static; width:100%; margin-top:30px;}
}