@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:'NanumSquareR';
	font-style:normal;
	font-weight:400;
	src:url(/font/NanumSquareR.eot);
	src:local('Nanum Square Regular'),
			 local('NanumSquareR'),
			 url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
			 url(/font/NanumSquareR.woff2) format('woff2'),
			 url(/font/NanumSquareR.woff) format('woff'),
			 url(/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family:'NanumSquareB';
	font-style:bold;
	font-weight:700;
	src:url(/font/NanumSquareB.eot);
	src:local('Nanum Square Bold'),
			 local('NanumSquareB'),
			 url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
			 url(/font/NanumSquareB.woff2) format('woff2'),
			 url(/font/NanumSquareB.woff) format('woff'),
			 url(/font/NanumSquareB.ttf) format('truetype');
}


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

html{overflow-y:scroll;}
html,body{position:relative; min-height:100%;height:100%;font-family:NanumGothic,Dotum,sans-serif; line-height:1;color:#666666;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:100%; box-sizing:border-box; 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:#666666;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:#666666;letter-spacing:normal;text-decoration:none}
a:hover{color:#666666;letter-spacing:normal;text-decoration:none}
strong{font-weight:bold;}
label{cursor:pointer;}
input::-webkit-input-placeholder { color:#666666; }
input::-moz-placeholder { color:#666666; } /* firefox 19+ */
input:-ms-input-placeholder { color:#666666; } /* ie */
input::-moz-placeholder { color:#666666; }
textarea.inputStyle{border:1px solid #e0e0e0; background:#ffffff;width:292px;height:40px; line-height:40px; font-size:13px;padding:0 15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.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:12px;}
input[type="file"].inpType02{padding-left:0 !important; padding-right:0 !important;}
img, a{
	font-family:NanumGothic,sans-serif;
	-webkit-transition:all 100ms ease-in-out;
	-moz-transition:all 100ms ease-in-out;
	-ms-transition:all 100ms ease-in-out;
	-o-transition:all 100ms ease-in-out;
	transition:all 100ms ease-in-out;
}
select.selType01{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-sizing: border-box; border:1px solid #ddd; height:28px; line-height:28px; font-size:12px; color:#616161;
  background:#fff url("/ko/front/image/common/bg_sel.png") no-repeat 100% 50%;
  padding-right:50px;
}

select.selType01{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-sizing: border-box; border:1px solid #ddd; height:28px; line-height:28px; font-size:12px; color:#616161;
  background:#fff url("/ko/front/image/common/bg_sel02.png") no-repeat 100% 50%;
  padding-right:50px;
}
select::-ms-expand { display:none; }
.pcImg{display:inline-block;}
.mImg{display:none;}

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

/* input ui */
.inquiryInpItem{position:relative;}
.inquiryInpItem .inpType01{height:45px; border:1px solid #ddd; width:100%; line-height:45px; padding:0 19px; font-size:13px;}
.inquiryInpItem .placeholder{position:absolute; left:19px; top:50%;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%); font-size:13px; color:#a8a8a8;}
.inquiryInpItem .placeholder strong{color:#0e70bb;  margin-left:2px; font-weight:bold;}
.inquiryInpItem.focus .placeholder,
.inquiryInpItem.ok .placeholder{display:none;}
.inquiryInpItem.textareaItem textarea.textAreaType01{height:105px; padding:15px 19px;}
.inquiryInpItem.textareaItem .placeholder {top:15px;  -webkit-transform:translate(0, 0); transform:translate(0, 0); }

/* file ui */
.fileAddItem{width:100%; height:45px; box-sizing:border-box; padding-right:78px; position:relative;   border:1px solid #ddd;}
.fileAddItem.add{background-color:#fff; border:1px solid #d4d6d9;}
.fileAddItem .fileDrt{box-sizing:border-box; width:100%; height:45px; padding:0 19px; line-height:45px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#666;  letter-spacing: 0}
.fileAddItem .fileDrt .defaultText{font-size:13px; color:#a8a8a8;}
.fileAddItem input[type="file"]{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity:0; cursor:pointer; color:transparent;}
.fileAddItem label{position:absolute; right:0; top:0; display:block; box-sizing:border-box; width:78px; height: 43px; border:none; background-color:#fff; text-align:center; font-size:12px; color:#7c7c7c; line-height:43px; z-index:1; border-left:1px solid #ddd; padding-left:0; background-color:#f8f8f8;}
.fileAddItem label:after,
.fileAddItem label:before{display:none;}


/*.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; vertical-align:top;}
.tar{ text-align:right;}
.tac{ text-align:center;}
.clfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden}
.clfix {display:inline-block}
.clfix {display:block}
.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;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !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:#676767; 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;}
.listBdt{border-top:1px solid #075c29 !important;}
.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:#676767; 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 #1a5c8e; table-layout:fixed; width:100%; background-color:#fff;}
.listType01 thead tr th {padding:12px 0 12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;  font-size:15px; color:#454545; font-weight:normal; background:#f7f7f7}
.listType01 thead tr th.point {font-weight:bold; color:#34485d;}
.listType01 tbody tr th {padding:16px 5px 16px 20px; border-bottom:1px solid #dfdfdf; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  font-size:13px; color:#272727; background-color:#f7f7f7; font-weight:bold; text-align:left; word-wrap:break-word; word-break:keep-all;}
.listType01 tbody tr td {border-bottom:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  font-size:13px; padding:14px 20px 12px 20px; text-align:left; color:#454545; word-wrap:break-word; word-break:keep-all; border-bottom:1px solid #e5e5e5;  }
.listType01 tbody tr td:first-child {border-left:1px solid #dfdfdf; }
.listType01 tbody tr td.ac {padding:14px 10px 12px 10px; text-align:center;}
.listType01 tbody tr td.link a {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width: 70%; vertical-align:middle;}
.listType01 tbody tr td.link.rip a {color:#1c798f;}
.listType01 tbody tr:first-child th {border-top:none;}
.listType01 tbody tr:first-child td {border-top:none;}
.listType01 tbody tr td .ing{color:#1a2c5e;}
.listType01 thead tr th:first-child {border-left:1px solid #ddd;}
.listType01 tbody tr.notice td{font-size:13px;  font-weight:bold;}
.listType01 tbody tr.notice td a{font-size:13px;font-weight:bold; color:#454545;}
.listType01 tbody tr.point1 th,
.listType01 tbody tr.point1 td{color:#075c29; font-weight:bold;}
.listType01 tbody tr.point2 th,
.listType01 tbody tr.point2 td{color:#072d5c; font-weight:bold;}
.icnNew{vertical-align:-5px; margin-left:4px;}
.tbIcn{vertical-align:-5px; margin-left:4px;}

.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;}
.regType01 thead tr th {padding:10px 0 10px; border-bottom:1px solid #ddd; font-size:15px; color:#000000; font-weight:bold; background:#f7f7f7}
.regType01 tbody tr th {padding:10px 5px 10px 20px; border-bottom:1px solid #ddd; font-size:14px; color:#000; background-color:#f7f7f7; font-weight:bold; text-align:left; border-left:1px solid #ddd;}
.regType01 tbody tr td {font-size:13px; padding:10px 20px 10px 20px; text-align:left; color:#595959; line-height:24px;  word-wrap:break-word; word-break:keep-all;border:1px solid #ddd;}
.regType01 thead tr th:first-child {border-left:none;}
.regType01 tbody tr:first-child th {border-top:1px solid #00548a; }
.regType01 tbody tr:first-child td {}



@media all and (max-width:737px) {
.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;
	}
}


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


.viewBx{ border:1px solid #e5e5e5; border-top:1px solid #075c29}
.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:15px; color:#454545; font-weight:bold; border-bottom:1px solid #e1e1e1;padding:17px 0;}
.viewBx .titBx .subBx{display:block; font-size:14px; color:#454545; padding-top:2px; padding:17px 0;}
.viewBx .titBx .subBx .subLists dt{display:inline-block; vertical-align:top; margin-right:3px; font-size:14px; color:#454545;}
.viewBx .titBx .subBx .subLists dd{display:inline-block; vertical-align:top; font-size:14px; color:#454545; margin-right:5px;}
.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:#676767; 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:13px;}
.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:13px;}
.viewBx .editArea a{ font-size:13px;}
.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:#676767;}
.ripArea .ripListBx .tx01 strong{font-size:1.5rem; color:#111; margin-right:10px;}
.ripArea .ripListBx .tx02{font-size:1.5rem; color:#676767; margin-top:14px; padding-right:143px;}
.ripArea .ripListBx .buttons{position:absolute; right:0; bottom:10px;}
.ripArea .ripListBx .buttons a{display: inline-block; vertical-align:middle; border:1px solid #737373; background-color:#fff; font-size:1.5rem; color:#676767; padding:2px 11px;}
.ripArea .ripListBx .ripDep1 > li{border-top:1px solid #ddd; padding:22px 0 30px; position:relative;}
.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;}
}


/* layout */
#wrap{position:relative;overflow:hidden;}
.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*/

.headerWrap{}
.header{position:fixed; left:0; top:0;z-index:30;width:100%;  }
.topEventWrap{ background:#165539;height:127px; display:none; position:relative;z-index:30}
.topEventArea{width:1008px;margin:0 auto; position:relative; text-align:center;}
.topEventArea .eventArea{ text-align:left;}
.topEventArea .eventArea .title{ font-size:14px; color:#ffd954; margin-top:20px;}
.topEventArea .eventArea .txt{ font-size:34px; color:#c8e7d5; margin-top:10px; }
.topEventArea .eventArea .date{ font-size:14px; color:#c8e7d5; margin-top:10px;}
.topEventArea .eventArea .date span{ color:#6f9e87;}
.topEventArea .todayArea{ position:absolute; right:0; top:0;}
.topEventArea .todayArea a{color:#c8e7d5; line-height:35px; display:inline-block; margin-left:5px;}

.headerWrap .topMenuWrap{ background:#f8f8f8; height:35px; position:relative; box-sizing:border-box; border-bottom:1px solid #dfdfdf;}
.headerWrap .topMenuWrap .topMenuInner{max-width:1100px; margin:0 auto; padding:0 10px;}
.headerWrap .topMenuWrap .topMenuInner:after{content:""; display:block; clear:both;}
.headerWrap .topMenuWrap .topMenuInner .siteNav{float:left; padding-top:12px;}
.headerWrap .topMenuWrap .topMenuInner .siteNav li{position:relative; margin-left:15px; padding-left:15px; float:left;}
.headerWrap .topMenuWrap .topMenuInner .siteNav li:after{content:""; display:block; width:1px; height:9px; background-color:#afafaf; position:absolute; left:0; top:2px; }
.headerWrap .topMenuWrap .topMenuInner .siteNav li:first-child{margin-left:0; padding-left:19px;}
.headerWrap .topMenuWrap .topMenuInner .siteNav li:first-child:after{background:url("/ko/front/image/common/icn_home.png") no-repeat 0 0; width:12px; height:11px; top:1px;}
.headerWrap .topMenuWrap .topMenuInner .siteNav a{font-size:12px; color:#676767;}
.headerWrap .topMenuWrap .topMenuInner .siteNav a:hover{text-decoration:underline;}
.headerWrap .topMenuWrap .topMenuInner .langBx{float:right;}
.headerWrap .topMenuWrap .topMenuInner .langBx a{float:left; width:120px; height:34px; box-sizing:border-box; padding-left:20px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-color:#f8f8f8; margin-left:-1px; line-height:34px; font-size:12px; color:#676767; background:url("/ko/front/image/common/lang_arr.png") no-repeat 90% 50%;}
.headerWrap .topMenuWrap .topMenuInner .langBx a:hover,
.headerWrap .topMenuWrap .topMenuInner .langBx a.on{background:#fff url("/ko/front/image/common/lang_arr_on.png") no-repeat 90% 50%; color:#075c29;}




.gnbWrapBg{ background:#fff;position:relative; }
.gnbWrap{/* background:url("/images/common/gnb_bg.png") repeat-x;*/ }
.gnbArea{ line-height:34px; text-align:center; }
.gnbArea .logoArea{position:relative; text-align: center; padding-top:30px; box-sizing: border-box; height:118px; max-width: 1100px; margin:0 auto;}
.gnbArea .logoArea .topLink{position:absolute; right:10px; top:42px; font-size:0;}
.gnbArea .logoArea .topLink a{display: inline-block; font-size:13px; color:#a9a9a9; margin-left:10px; padding:0 20px 0 43px; border:1px solid #dfdfdf; border-radius: 50px}
.gnbArea .logoArea .topLink a.linkSiteMap{background:url("/ko/front/image/common/icn_sitemap.png") no-repeat 20px 50%;}
.gnbArea .logoArea .topLink a.linkSContact{background:url("/ko/front/image/common/icn_call.png") no-repeat 20px 50%;}


.gnbArea .logo{}
.gnbArea .logo a{ display:block; }
.gnbArea .logo a img{}
.gnbArea .headSubBtnArea{}
.gnbArea .btnMall{ position:absolute; right:56px; top:33px; }
.gnbArea .btnMall a{display:inline-block; height:35px; line-height:35px; padding:0 48px 0 20px; position:relative;  background-color:#db1d27; border-radius:50px; font-size:15px; color:#fff; font-weight:bold;}
.gnbArea .btnMall a:after{content:""; display:block; width:18px; height:18px;  background:url("/ko/front/image/common/icn_mall.png") no-repeat 50% 50%; position:absolute; right:20px; top:7px;}
.gnbArea .rightBtn{ position:absolute; right:0; top:31px; }
.gnbArea .rightBtn a{ display:inline-block; margin-left:3px; width:52px; height:52px; overflow:hidden; text-indent:-9999px;}
.gnbArea .rightBtn a.btnAllmenu{ display:none; background:url("/ko/front/image/common/gnb_btn.png") no-repeat 50% 50%;}


/*.gnbArea .rightBtn a.btnSearchOpen{ background:url("/images/common/btn_topsearch.png") no-repeat;}*/
.gnbArea .gnbBox{text-align: center; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; background-color:#fff;}
.gnbArea .gnbBox{text-align: center; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; background-color:#fff;}
.gnbWrapBg.active .gnbArea .gnbBox:after{content:""; display:block; width:100%; height:54px; background-color:#000; position:absolute; left:0; bottom:-54px; opacity: 0.3; -webkit-box-shadow:0px 6px 14px -1px rgba(120,120,120,1);
-moz-box-shadow:0px 6px 14px -1px rgba(120,120,120,1);
box-shadow:0px 6px 14px -1px rgba(120,120,120,1);}



.gnbArea .gnbBoxInner{display: inline-block; vertical-align:top;width:100%; max-width: 1100px; margin:0 auto;}
.gnbArea .gnb{}
.gnbArea .gnb:after{content:""; display:block; clear:both;}
.gnbArea .gnb > li{ float:left; position:relative; width:20%; z-index:2; z-index:2;}

.gnbArea .gnb > li{
	font-family:NanumGothic,sans-serif;
	-webkit-transition:all 100ms ease-in-out;
	-moz-transition:all 100ms ease-in-out;
	-ms-transition:all 100ms ease-in-out;
	-o-transition:all 100ms ease-in-out;
	transition:all 100ms ease-in-out;
}


.gnbArea .gnb > li > a{ display:inline-block; font-size:16px; color:#333; font-weight:700; line-height:56px; text-align:center; position:relative; text-decoration:none;}
.gnbArea .gnb > li.on > a:after{content:""; display:block; width:8px; height:8px; border-radius: 50%; background-color:#0068b7; position:absolute; left:50%; bottom:-5px; margin-left:-4px; }
.gnbArea .gnb > li:first-child{margin-left:0;}
.gnbArea .gnb .dep2Wrap{ display:none; position:absolute; left:50%; top:57px; margin-left:-27px; width:500px;}
.gnbArea .gnb .dep2Wrap ul:after{content:""; display:block; clear:both;}
.gnbArea .gnb .dep2Wrap ul li{float:left; margin-right:20px;}
.gnbArea .gnb .dep2Wrap ul li a{display:block; height:54px; line-height:54px; font-size:14px; color:#ffffff;}
.gnbArea .gnb .dep2Wrap ul li a:hover{font-weight:bold;}
.gnbArea .gnb > li.menu2 .dep2Wrap{margin-left:-27px;}
.gnbArea .gnb > li.menu3 .dep2Wrap{margin-left:-34px;}
.gnbArea .gnb > li.menu4 .dep2Wrap{margin-left:-34px;}
.gnbArea .gnb > li.menu5 .dep2Wrap{margin-left:-57px;}



.gnbArea .gnb .dep2Wrap .dep3{display:none;}
.gnbArea .gnb > li.on .dep2Wrap{ display:block}
.gnbArea .gnb .menu1{ }
.gnbArea .gnb .menu2{ }
.gnbArea .gnb .menu3{ }
.gnbArea .gnb .menu4{}
.gnbArea .gnb .menu7{  display:none;}

@media all and (max-width:1117px) {
	.headerWrap .topMenuWrap{display:block !important;}
}
@media all and (max-width:1090px) {
	.gnbArea .gnb{}

}

@media all and (max-width:930px) {
	.gnbArea .gnb > li > a{font-size:14px;}
}


@media all and (max-width:840px) {
	.gnbArea .gnb{}



}


@media all and (max-width:860px) {
	.headerWrap .topMenuWrap .topMenuInner .homeArea .homeLink{display:none;}
}

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

@media all and (max-width:737px) {
	
	.gnbWrapBg {height:74px !important; border-bottom:1px solid #dfdfdf;}
	.headerWrap .topMenuWrap{display:none !important;}
	.gnbArea .logoArea{top:17px; padding-top:0; height: auto;}
	.gnbArea .gnbBox{border-bottom:none; border-top:none;}
	.gnbArea .logo{position:static;}
	.gnbArea .logo a{display:inline-block;}
	.gnbArea .logo a img{height:40px;}

	.section{height:auto !important}
	.gnbWrap{height:60px;}
	.gnbArea .gnb{display:none;}
	.gnbArea .rightBtn{top:22px; right:auto; left:10px;}
	.gnbArea .rightBtn a{width:33px; height:33px;}
	.gnbArea .rightBtn a.btnAllmenu{display:block; background:url("/ko/front/image/common/gnb_btn_m.png") no-repeat 0 0; -webkit-background-size:33px 33px; background-size:33px 33px;}
	.gnbArea .btnMall{top:20px; right:54px;}
	.gnbArea .btnMall a{font-size:12px; height:30px; line-height:30px; padding-right:40px;}
	.gnbArea .btnMall a:after{background:url("/ko/front/image/common/icn_mall_m.png") no-repeat 0 0; width:12px; height:12px; background-size:12px 12px; top:8px;}

	.gnbArea .logoArea .topLink{top:10px;}
	.gnbArea .logoArea .topLink a{font-size:12px; height:20px; line-height:20px; border:none; background:none !important; padding:0;}
	.gnbArea .logoArea .topLink .linkSiteMap{  }
	.gnbArea .logoArea .topLink .linkSContact{  }
}
@media all and (max-width:450px) {
	.gnbArea .logo a{margin-left:-80px;}
}


.lyDim{position:fixed; left:0%; top:0; width:100%; height:100%; background-color:#000; z-index:10000; cursor:pointer; display:none; opacity:.6}
.subPage .mobileGnbWrap{top:0 !important;}
.mobileGnbWrap{  background-color:#fff;  position:fixed; left:-88%; top:0; width:88%; height:100%; box-sizing:border-box;  z-index:10001; overflow-y:auto}
.mobileGnbWrap .mGnbTop .logoArea{position:relative; height:74px; border-bottom:1px solid #e9e9e9;}
.mobileGnbWrap .mGnbTop .logoArea .logo{ position:absolute; left:0; top:14px; text-align:center; width:100%;}
.mobileGnbWrap .mGnbTop .logoArea .logo a{ display:block; }
.mobileGnbWrap .mGnbTop .logoArea .logo a img{height:40px;}


.mobileGnbWrap .topMenuWrap{ background:#fff;   position:relative; box-sizing:border-box; }
.mobileGnbWrap .topMenuWrap .topMenuInner{ padding:10px; background-color:#f5f5f5; border-bottom:1px solid #dfdfdf; padding-right:0;}
.mobileGnbWrap .topMenuWrap .topMenuInner:after{content:""; display:block; clear:both;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea{ }
.mobileGnbWrap .topMenuWrap .topMenuInner .langBx{float:left;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton{height:30px; border:1px solid #dfdfdf; padding-left:44px; border-radius:50px; width:100px; position:relative; font-size:12px; color:#000; padding-top:2px; background:#fff; text-align:left}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton:after{content:""; display:block; width:9px; height:6px; background:url("/ko/front/image/common/lang_arr.png") no-repeat 0 0; position:absolute; right:10px; top:12px;}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selButton.selKor:before{content:""; display:block; width:23px; height:16px; position:absolute; left:15px; top:50%; margin-top:-8px; background:url("/ko/front/image/common/lang_ko.png") no-repeat 0 0; background-size:23px 16px}
.mobileGnbWrap .topMenuWrap .topMenuInner .utilArea .selLayer{display:none;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx {float:left; padding-left:3px; margin-top:-1px;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a {float:left; width:30px; height:30px; margin-left:1px; background-size:30px 30px !important}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-blog{background:url("/ko/front/image/common/sns_blog_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-facebook{background:url("/ko/front/image/common/sns_fb_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-youtube{background:url("/ko/front/image/common/sns_yt_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-naverCafe{background:url("/ko/front/image/common/sns_cf_m.png") no-repeat 0 0;}
.mobileGnbWrap .topMenuWrap .topMenuInner .snsBx a.sns-instagram{background:url("/ko/front/image/common/sns_ig_m.png") no-repeat 0 0;}

.mobileGnbWrap .topMenuWrap .headSchBx {padding:10px 40px 10px 10px; background-color:#fff; position:relative;}
.mobileGnbWrap .topMenuWrap .headSchBx input[type="text"] { height:30px; line-height:30px; border:1px solid #dfdfdf; border-radius:50px; padding:0 10px; box-sizing:border-box; width:100%; vertical-align:top; box-sizing:border-box; }
.mobileGnbWrap .topMenuWrap .btnHeadSch{position:absolute; right:5px; top:10px; width:30px; height:30px; background:url("/ko/front/image/common/btn_top_sch_m.png") no-repeat 0 0; background-size:30px 30px;}


.mobileGnbWrap .btnMobleGnbClose{position:absolute; left:10px; top:20px;}
.mobileGnbWrap .btnMobleGnbClose:after{content:""; display:block; width:33px; height:33px; background:url("/ko/front/image/common/btn_gnb_close.png") no-repeat 0 0; background-size:33px 33px; }


.mobileGnbWrap .allmenu > li{border-top:1px solid #fff;}
.mobileGnbWrap .allmenu > li:first-child{border-top:none;}
.mobileGnbWrap .allmenu > li > a{display:block; font-size:14px;  font-weight:bold; color:#fff;  padding:16px 10px; background:#0068b7 url(/ko/front/image/common/m_arr.png) no-repeat 90% 50%; -webkit-background-size:15px 8px; background-size:15px 8px;}
.mobileGnbWrap .allmenu > li.menu7{display:none;}
.mobileGnbWrap .dep2Wrap {display:none;}
.mobileGnbWrap li.on .dep2Wrap {display:block;}
.mobileGnbWrap .dep2 {background-color:#f7f7f7; padding:20px;}
.mobileGnbWrap .dep2 >ul > li{margin-top:12px;}
.mobileGnbWrap .dep2 >ul > li:first-child{margin-top:0;}
.mobileGnbWrap .dep2 >ul > li >a{font-size:15px; color:#000;}
.mobileGnbWrap .dep2 >ul > li.on >a{font-weight:bold;}
.mobileGnbWrap .dep3 {display:none;}
.mobileGnbWrap .dep3  > li {margin-top:4px;}
.mobileGnbWrap .dep3  > li >a{display:block; font-size:13px; color:#666; position:relative; padding-left:8px; letter-spacing:0;}
.mobileGnbWrap .dep3  > li >a:after{content:""; display:block; height:1px; width:4px; background-color:#828282; position:absolute; left:0; top:10px}
.mobileGnbWrap .dep3  > li.on >a{font-weight:bold; color:#333;}

.active .gnbArea .gnb > li > a{ color:#999999;}
.active .gnbArea .gnb > li.on > a{ color:#1a2c5e; font-weight:bold;}
/*.active .gnbArea .gnb > li.on > a:after{ display:block;content:""; position:absolute; left:0; bottom:0;width:100%;height:3px; background:#1a2c5e;}
*/

.gnbArea .gnb .btnArea{ position:absolute; right:0; bottom:0; font-size:0; line-height:0;}
.gnbArea .gnb .btnArea a{ display:inline-block;border:1px solid #dddddd;border-radius:26px;height:24px; line-height:24px;padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:133px; text-align:left; font-size:12px; margin-left:10px; font-family:"NanumGothicBold";}
.totalSearchWrap{ background:#f2f3f4;height:175px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:none; border-bottom:1px solid #e9e9e9; margin-top:1px;}
.totalSearchArea{ width:1008px;margin:0 auto; padding-top:39px; position:relative;}
.totalSearchArea .inputArea{ width:676px;margin:0 auto; border-bottom:1px solid #c6c6c7;height:74px;}
.totalSearchArea .inputArea input{ width:639px; background:transparent;border:0px;height:74px; line-height:74px; text-align:center; font-size:30px; float:left;}
.totalSearchArea .inputArea .btnSearch{ display:block; float:left; width:37px;height:74px; text-indent:-9999px; overflow:hidden;}
.totalSearchArea .btnSearchClose{ display:block; position:absolute; top:20px; right:2px;z-index:10; width:19px;height:19px; text-indent:-9999px; overflow:hidden;}

.footerWrap{background-color:#595757; padding-top:30px;}
.footerWrap .footerArea .cpnInfo{width:100%; max-width: 1120px; padding:0 10px 27px; box-sizing: border-box; margin:0 auto; font-size:0; position:relative;}
.footerWrap .footerArea .cpnInfo .footLogo{position:absolute; right:10px; top:0;}
.footerWrap .footerArea .cpnInfo dl{width:250px; display: inline-block; vertical-align:top;}
.footerWrap .footerArea .cpnInfo dl dt{font-size:12px; font-weight:bold; color:#ffffff; padding-bottom:9px;}
.footerWrap .footerArea .cpnInfo dl dd{font-size:12px; color:#ffffff; margin-top:5px;}
.footerWrap .copyWrap{border-top:1px solid #6a6868; }
.footerWrap .copy{width:100%; max-width: 1120px; padding:13px 10px; box-sizing: border-box; margin:0 auto; font-size:12px; color:#ffffff;}


@media all and (max-width:737px) {
	.footerWrap{padding-top:0;}
	.footerWrap .footerArea .cpnInfo{text-align: center;}
	.footerWrap .footerArea .cpnInfo dl{width: auto; padding: 0 10px;}
	.footerWrap .footerArea .cpnInfo dl dt{padding-top:20px;}
	.footerWrap .footerArea .cpnInfo .footLogo{display:none;}
	.footerWrap .copy{text-align: center;}
}



/*buttom style*/
.btnTxt{ display:inline-block; text-align:center;}
.btnTxt.big{ height:50px;padding:0 20px; line-height:50px;}
.btnTxt span{ display:inline-block;}
.btnTxt.down span{ background:url("/images/main/btn_down_icon.png") no-repeat right 16px; padding-right:35px;}
.btnTxt.green{ background:#008549; color:#ffffff; font-size:13px; font-family:"NanumGothicBold";}
.dim_bg{ position:fixed; left:0; top:0; opacity:0.6; filter:alpha(opacity=60);  width:100%; height:100%; z-index:20; display:none; background-color:#000;}
.btnBlank{ display:inline-block; background:url("/images/common/blank.png"); overflow:hidden; text-indent:-9999px;}

.popup_allmenu{ position:absolute; top:34px; left:50%; display:none;z-index:30;margin-left:-480px;border-top:3px solid #1a2c5e; width:100%; max-width:960px; background:#ffffff; box-sizing:border-box; overflow:hidden;}

@media all and (max-width:997px) {
	.popup_allmenu{max-width:100%; left:0; margin-left:0;}
}
.popup_allmenu a.btnClose{ display:block; position:absolute; overflow:hidden;right:20px;top:20px;z-index:20}
.popup_allmenu .allmenu{padding:50px 40px 60px; overflow:hidden; position:relative;}

.popup_allmenu .allmenu .btnArea{ margin-top:80px;}
.popup_allmenu .allmenu .btnArea a{ display:block;height:27px; line-height:27px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; font-size:12px; font-family:"NanumGothicBold"; background:url("/images/common/plus_gr.png") no-repeat right center; border-bottom:1px solid #a9d0b8; margin-bottom:7px; color:#1a2c5e; width:auto; text-decoration:none;}

.popup_allmenu #allmenu {margin-left:-80px;}
.popup_allmenu #allmenu > li{float:left; width:33.33%; box-sizing:border-box; padding-left:80px;}
.popup_allmenu #allmenu > li > a {font-size:17px; color:#224e6b; font-weight:bold; padding-left:20px;}
.popup_allmenu #allmenu > li.menu4{margin-top:55px;}
.popup_allmenu #allmenu > li.menu5{margin-top:-122px;}
.popup_allmenu #allmenu > li > .dep2Wrap {border-top:2px solid #224e6b; margin-top:17px;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 > ul > li {border-bottom:1px solid #e8e8e8;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 > ul > li > a{display:block; padding:15px 20px; font-size:14px; color:#224e6b;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3{padding-bottom:20px;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3 > li > a{ display:block; padding:6px 13px 6px 35px; font-size:13px; color:#676767; position:relative;}
.popup_allmenu #allmenu > li > .dep2Wrap .dep2 .dep3 > li > a:after{content:""; display:block; width:3px; height:3px; background-color:#676767; position:absolute; left:20px; top:50%; margin-top:-2px;}
.allMenuSubBx{display:none;}
.popup_allmenu .allMenuSubBx{display:block; padding:19px 0 19px 60px; background-color:#efefef;}
.popup_allmenu .allMenuSubBx:after{content:""; display:block; clear:both;}
.popup_allmenu .allMenuSubBx a{float:left; font-size:13px; color:#676767; margin-left:24px; padding-left:13px; position:relative;}
.popup_allmenu .allMenuSubBx a:first-child{margin-left:0;}
.popup_allmenu .allMenuSubBx a:after{content:""; display:block; width:3px; height:3px; background-color:#676767; position:absolute; left:0; top:50%; margin-top:-2px;}
.popup_newNotice{ padding-top:34px; position:absolute; width:1008px;}
.popup_newNotice .btnClose{ position:absolute; right:15px; top:15px;}
.popup_newNotice .btnNewTab{ display:block; position:absolute; left:0; top:0; background:url("/images/common/btn_newTab.png") no-repeat; width:46px; height:34px; padding-left:31px; color:#1a2c5e; line-height:34px; font-family:"NanumGothicBold";}
.popup_newNotice .relationArea{overflow:hidden; position:absolute; left:0; top:34px;}
.popup_newNotice .relationArea h3{ font-family:"NanumGothicBold"; font-size:16px; color:#146943; font-weight:normal; position:relative; margin-bottom:20px;}
.popup_newNotice .relationArea h3 a{ position:absolute; right:0; top:0;}
.popup_newNotice .leftCon{ width:327px; height:440px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:40px 30px 0 30px; background:#f5f5f5; position:relative;}
.popup_newNotice .leftCon .noticeItem .img{ display:block; position:relative; margin-bottom:20px;}
.popup_newNotice .leftCon .noticeItem .img img{ width:267px; height:143px;}
.popup_newNotice .leftCon .noticeItem .img .companyNotice{ display:block; position:absolute; left:0; top:0; background:#007944; width:48px; height:48px; color:#ffffff; font-family:"NanumGothicBold"; text-align:center; line-height:13px; padding-top:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popup_newNotice .leftCon .noticeItem .img .nanumNotice{ display:block; position:absolute; left:0; top:0; background:#71ba00; width:48px; height:48px; color:#ffffff; font-family:"NanumGothicBold"; text-align:center; line-height:13px; padding-top:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popup_newNotice .leftCon .noticeItem .title{  color:#333;background:url("/images/common/new_gr_dot.png") no-repeat left center; padding:0 40px 0 9px; position:relative;}
.popup_newNotice .leftCon .noticeItem .title a{ color:#333;font-family:"NanumGothicBold"; font-size:13px;}
.popup_newNotice .leftCon .noticeItem .title .date{ position:absolute; right:0; top:0;color:#666666;}
.popup_newNotice .leftCon .noticeItem .con{ font-size:13px; line-height:17px; margin:12px 0 30px 0; padding-bottom:15px;color:#666666; border-bottom:1px solid #e4e4e4;}
.popup_newNotice .leftCon .boardCon{ border-bottom:0;}
.popup_newNotice .leftCon .btn_more{ display:block; position:absolute; right:30px; top:40px;}
.popup_newNotice .centerCon{ width:326px;height:440px; background:#ececec; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:40px 30px 0 30px;}
.popup_newNotice .rightCon{ float:right;height:440px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:47px 30px 0 30px; background:#f5f5f5;}
.popup_newNotice .rightCon .eventSlide{ overflow:hidden; width:267px; height:329px; position:relative;}
.popup_newNotice .rightCon .eventSlide li{width:267px; height:329px;}
.popup_newNotice .rightCon .eventSlide li a{ display:block; margin-bottom:7px;border:1px solid #e4e4e4;}
.popup_newNotice .rightCon .eventPaging{ text-align:right; font-size:0; padding-top:8px;}
.popup_newNotice .rightCon .eventPaging .num{ display:inline-block; line-height:18px; color:#0e4d2f; margin-right:8px; font-size:12px;}
.popup_newNotice .rightCon .eventPaging .btn_event_next{ margin-right:-1px;}
.popup_newNotice .boardCon{ border-bottom:1px solid #dddddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:20px; padding-bottom:20px; position:relative;}
.popup_newNotice .boardCon ul{ margin-top:15px;}
.popup_newNotice .boardCon ul li{ margin-top:9px; background:url("/images/common/new_gr_dot.png") no-repeat left 5px; padding-left:9px; position:relative; padding-right:55px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;max-width:100%;}
.popup_newNotice .boardCon ul li:first-child{ margin-top:0px;}
.popup_newNotice .boardCon ul li .date{ display:block; position:absolute; right:0; top:0;}
.popup_newNotice .boardCon ul li.full{ padding-right:0;}
.popup_newNotice .boardCon ul li.full a{ display:block; color:#333; font-size:13px; margin-bottom:12px;}
.popup_newNotice .boardCon ul li.full .con{ line-height:17px}
.popup_newNotice .boardCon .btn_more{ display:block; position:absolute; right:0px; top:0px;}
.popup_newNotice .info{ position:relative;}
.popup_newNotice .info h3{ margin-bottom:5px;}
.popup_newNotice .info .pointArea{ margin-top:8px;}
.popup_newNotice .info .pointArea strong{ float:left; font-size:46px; color:#146943; font-family:"Titillium Web"; letter-spacing:-2px; font-weight:300;}
.popup_newNotice .info .pointArea ul{ float:right; border-left:1px solid #e0e0e0;  padding:3px 0 3px 20px; width:100px; margin-top:8px;}
.popup_newNotice .info .pointArea ul li{ color:#146943;}
.popup_newNotice .info .pointArea ul li:first-child{ margin-bottom:6px; overflow:hidden;}
.popup_newNotice .info .pointArea ul li span{ display:block; float:left;}
.popup_newNotice .info .pointArea ul li span.point{ display:block; float:right;}
.popup_newNotice .info .btn_more{ display:block; position:absolute; right:0px; top:0px;}


.isTablet .mainWrap{ position:relative;min-height:auto;height:auto !important; overflow:visible !important;}
.isTablet .sectionWrap{ position:relative; left:auto; top:auto; width:100%;}
.isTablet .section{ position:relative;height:auto !important;}
.isTablet .section.section02{ position:relative;height:auto !important;}
.isTablet .btn_main_down{ display:none !important;}
.isTablet .mainStep{ display:none;}
.isTablet .mainStep{ display:none;}
.isTablet .section.footerWrap {height:auto !important;}
.isTablet .btn_contentTop { display:none !important;}



.introBody #wrap{width:100%; height:100%; overflow:visible;}
.introBody .intoHeader{position:absolute; left:0; top:40px; width:100%; z-index:2}
.introBody .intoHeader .headInner{position:relative; max-width:1100px; padding:0 10px; margin:0 auto;}
.introBody .intoHeader .logo{position:absolute; left:10px; top:0;}
.introBody .intoHeader .logo img{height:48px;}
.introBody .intoHeader .lnagLinks{position:absolute; right:10px; top:10px;}
.introBody .intoHeader .lnagLinks a{float:left; margin-left:20px;}
.introBody .intoHeader .lnagLinks .mImg{height:25px;}
.introBody .introContent {position:absolute; left:0; top:0; width:100%; height:100%; display:table; table-layout:fixed; padding:90px 10px 130px; box-sizing:border-box; background:url("/ko/front/image/intro/bg.jpg") no-repeat 50% 100%; background-size:cover;}
.introBody .introContent .introInner{display:table-cell; vertical-align:middle; }
.introBody .introContent .introAtc{max-width:1100px; padding:0 10px; margin:0 auto;}
.introBody .introContent .introAtc .txWrap{text-align:center; color:#fff;}
.introBody .introContent .introAtc .txWrap br{display:none;}
.introBody .introContent .introAtc .txWrap .tx01 .mImg{height:24px;}
.introBody .introContent .introAtc .txWrap .tx02{font-size:26px; margin-top:28px; padding-top:27px; position:relative;}
.introBody .introContent .introAtc .txWrap .tx02:after{content:""; display:block; width:80px; height:1px; background-color:#9dc900; position:absolute; left:50%; top:0; margin-left:-40px;}
.introBody .introContent .introAtc .txWrap .tx03{line-height:1.6; padding-top:13px; font-size:16px; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }
.introBody .introContent .introAtc .linkArea{text-align:center; padding-top:70px;}
.introBody .introContent .introAtc .linkArea br{display:none;}
.introBody .introContent .introAtc .linkArea a{display:inline-block; padding:9px; border:1px solid #74797b; margin:0 15px;}
.introBody .introContent .introAtc .linkArea a:hover{border:3px solid #9dc900; padding:7px;}
.introBody .introContent .introAtc .linkArea a img{height:177px;}

.introBody .intoFooter{ position:absolute; left:0; bottom:40px; width:100%; z-index:2; padding:0 10px; box-sizing:border-box;}
.introBody .intoFooter .introCopy{max-width:1100px;  margin:0 auto; box-sizing:border-box; text-align:center;; padding-top:20px; border-top:1px solid #8c8d8e; color:#fff; font-size:12px; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); letter-spacing:0;}
.introBody .intoFooter .introSnsBx{position:absolute; left:0; top:-44px; width:100%; text-align:center;}
.introBody .intoFooter .introSnsBx .snsItems a{display:inline-block; vertical-align:top; margin:0 3px;}
.introBody .intoFooter .introSnsBx img{height:28px;}

@media all and (max-width:860px) {
	.introBody .introContent .introAtc .linkArea a img{height:137px;}
}
@media all and (max-width:737px) {
	.introBody .intoHeader .logo img{height:34px;}
	.introBody .intoHeader .lnagLinks{top:4px;}
	.introBody .introContent .introAtc .txWrap br{display:block;}
	.introBody .introContent .introAtc .txWrap .tx02{font-size:18px;}
	.introBody .introContent .introAtc .txWrap .tx03{font-size:12px;}
	.introBody .introContent .introAtc .linkArea {padding-top:43px;}
	.introBody .introContent .introAtc .linkArea br{display:block;}
	.introBody .introContent .introAtc .linkArea a{margin:29px 0 0; }
	.introBody .introContent .introAtc .linkArea a:first-child{margin-top:0;}
	.introBody .introContent .introAtc .linkArea a img{height:auto; max-height:200px; width:auto;}
	.introBody .intoFooter .introSnsBx img{height:26px;}
}