@charset "utf-8";
html.fixed,
html.fixed body {overflow:hidden;}

/* 모바일 가로 스크롤 */
@media all and (max-width:720px){
	.scr-x-wrap {overflow-x:auto; overflow-y:hidden;}
	.scr-x {min-width:720px;}
}


.ml10 {margin-left:10px;}
.ml25 {margin-left:25px;}

.grayBtn {display:block;margin:1px auto;background:#666;color:#fff;text-align:center;padding:2px 10px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.grayBtn2 {display:block;margin:1px auto;background:#666;color:#fff;text-align:center;padding:2px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;min-width: 50px;}



/* TABLE */
.tableSt {overflow:hidden; position:relative;}
.tableSt + .tableSt {margin-top:20px;}
.tableSt table {width:100%; border-width:1px 0; border-style:solid; border-color:#000 transparent #eaeaea;}
.tableSt table thead th {padding:13px 10px; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; background:#f7f7f7; color:#333;}
.tableSt table thead tr:first-child th {border-top:0;}
.tableSt table thead th:first-child {border-left:0;}
.tableSt table tfoot strong {color:#333; font-weight:300;}
.tableSt table tbody th {border-top:1px solid #eaeaea; word-break:keep-all;}
.tableSt table tbody th.bgGray {background:#f7f7f7;}
.tableSt table tbody th.colspan {border-right:1px solid #eaeaea; word-break:keep-all;}
.tableSt table td {padding:13px 20px; border-width:1px 0 0 1px; border-style:solid; border-color:#eaeaea; word-break:break-all;}
.tableSt table td.row2 {height:71px;}
.tableSt table td.col2 {border-left:0;}
.tableSt table td.chk {padding:0; border-left:0; text-align:center;}
.tableSt table td.noData {border-left:0;}
.tableSt table .bdl {border-left:1px solid #eaeaea !important;}
.tableSt table .bdt {border-top:1px solid #eaeaea !important;}
.tableSt table .bdln {border-left:0;}
.tableSt table .bdtn {border-top:0;}
.tableSt table .btnDw.wAuto {width:100%; min-width:auto; white-space:nowrap;}
.tableSt.ea2.sepLine:after {background-color:#b3b3b3;}
.tableSt.ea2:after {position:absolute; top:1px; bottom:0; left:50%; width:1px; background-color:#eaeaea; content:'';}
.tableSt.ea2 table {float:left; width:50%;}
/*
.tableSt.type2 table thead th {padding:5px;}
.tableSt.type2 table td {padding:8px 10px; text-align:center; font-size:12px;}
*/
.st2 table tbody th {background:#f7f7f7; text-align:center;}
.st3 table tbody th {text-align:center; font-weight:300;}
.st4 table tbody th {background:#f7f7f7; text-align:center; font-weight:300;}
.st4 table tbody th a {color:#333;}
.st5 table tbody th {padding:13px 20px; background:#f7f7f7; text-align:left; font-weight:300;}
.lineN table td:first-child {border-left:none;}

@media all and (max-width:720px){
	.secTit2 + .tableSt {margin-top:13px;}
	.tableSt table {font-size:11px;}
	.tableSt table thead th {padding:8px 5px 9px; font-size:12px;}
	.tableSt table tbody th {padding-left:3px;padding-right:3px; font-size:11px;word-break:break-all;}
	.tableSt table td {padding:9px 3px 8px 3px;letter-spacing:-0.08em;}
	.tableSt table td.row2 {height:auto;}
	.tableSt.ea2:after {display:none;}
	.tableSt.ea2 table {float:none; width:100%;}
	.tableSt.wbbw th {word-break:break-word;}
}

/* LIST */
.listSt li {position:relative; margin-top:5px; padding-left:10px; background:url(/images/icon/bu_dot.png) no-repeat 0 9px; color:#333; font-size:14px;}
.listSt li:first-child {margin-top:0;}
.listSt li ul {margin-top:2px;}
.listSt li ul li {margin-top:2px; background:none; color:#666; font-size:13px;}
.listSt li dl dd {margin-top:5px;}
.listSt.st2 > li {padding-left:15px; background:none;}
.listSt.st2 > li > em {margin-left:-15px;}
.listSt.st3 li {position:relative; margin-top:5px; padding-left:0; background:none;}

.listSt2 > li {position:relative; padding-left:10px; color:#999;}
.listSt2 > li:after {position:absolute; top:0; left:0; content:'-';}

.listSt3 > li {position:relative; padding-left:10px; color:#999;}
.listSt3 > li:after {position:absolute; top:0; left:0; content:'*';}
.listSt3-1 > li {position:relative; padding-left:10px; color:inherit;}
.listSt3-1 > li:after {position:absolute; top:0; left:0; content:'*';}
.listSt3-2 > li {position:relative; padding-left:10px;}
.listSt3-2 > li:after {position:absolute; top:0; left:0; color:#e31b32; content:'*';}

.listSt4 > li {position:relative; padding-left:10px;}
.listSt4 > li:after {position:absolute; top:0; left:0; content:'-';}

.listSt5 > li {position:relative; padding-left:15px;}
.listSt5 > li:after {position:absolute; top:0; left:0; content:'※';}
.listSt5.txtRed > li {color:#e31b32;}
.listSt5.st2 {margin-top:20px;}
.listSt5.st2 > li:after {color:#0050a5;}

.listSt6 > li {position:relative; padding-left:10px; background:url(/images/icon/bu_dot_02.png) no-repeat 0 10px;}
.listSt6.st2 > li {margin-top:25px;}
.listSt6.st2 > li:first-child {margin-top:0;}

.listSt7 {vertical-align:top;}
.listSt7.st2 {display:inline-block; margin-left:5px;}
.listSt7.st3 {display:inline-block; margin-left:5px; width:90%;}

.listSt8 > li {position:relative; padding-left:25px;}

.listStDft {margin-top:5px;}
.listStDft2 {font-size:14px;}

.listOl {margin-left:20px; list-style:decimal outside;}
.listOl > li {padding-left:0; list-style:decimal outside;}
.listOl > li:first-child {margin-top:0;}
.listOl li .tableSt {margin-bottom:20px;}

.loungePrice {padding:30px 20px;margin:20px 0 0 0;text-align:center;border-radius:8px;border:solid 2px #eaeaea;}
.loungePrice div {display:inline-block;color:#000;}
.loungePrice div.priceArr {vertical-align:middle;padding:0 10px 0 20px;}
.loungePrice div.priceTxt {vertical-align:middle;}
.loungePrice div.priceTxt > em {color:#aaa;padding:0 10px;font-size:13px;font-weight:700;}
.loungePrice div.priceTxt > p {display:inline-block;font-size:20px;}
.loungePrice div.priceTxt.sale1 {color:#aaa;}
.loungePrice div.priceTxt.sale1 span {font-size:24px;vertical-align:middle;text-decoration:line-through;font-weight:700;}
.loungePrice div.priceTxt.sale2 em {color:#000;}
.loungePrice div.priceTxt.sale2 > p {font-size:24px;font-weight:700;vertical-align:middle;}
.loungePrice div.priceTxt.sale2 > p span {font-size:24px;font-family:Verdana;font-weight:bold;font-size:28px;vertical-align:middle;}

.logoList {border-left:1px solid #ddd; font-size:0;}
.logoList li {display:inline-block; width:33.3333%; padding:4.324324324324324%; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; text-align:center; vertical-align:top;}
.logoList li:nth-child(n+4) {margin-top:-1px;}
.logoList li .imgWrap {position:relative; margin:0.5208333333333333vw 0 1.1979vw; padding-bottom:44.05286343612335%;}
.logoList li .imgWrap img {position:absolute; top:0; left:0;}
.logoList li>span {display:block; height:50px; margin-bottom:10px; color:#005bbb; font-size:15px; font-weight:300;}
.logoList li [class*=btnDft] {width:100%; min-width:initial;}
@media all and (max-width:720px){
	.listSt li {margin-top:0; background-image:url(/images/icon/bu_dot_m.png); background-position:0 8px; -webkit-background-size:4px; background-size:4px; font-size:13px;}
	.listSt li ul {margin-top:0;}
	.listSt li ul li {margin-top:0; font-size:12px;}
	.listSt li ul li:after {width:3px; background-size:3px auto;}
	.listSt li dl dd {margin-top:3px;}
	.listSt3 {font-size:12px;}
	.listStDft {margin-top:2px;}
	.listOl > li {margin-top:0;}
	.logoList li {width:50%; padding-top:20px;}
	.logoList li:nth-child(n+3) {margin-top:-1px;}
	.logoList li .imgWrap {margin:0 0 8px; padding-bottom:0;}
	.logoList li .imgWrap img {position:static; top:auto; left:auto; height:70px;}
	.logoList li>span {height:44px; font-size:13px;}
}
@media all and (max-width:320px){
	.logoList li {width:100%; padding:10px 20px 20px;}
	.logoList li+li {margin-top:-1px;}
	.logoList li .imgWrap {margin:0 0 5px;}
	.logoList li>span {height:auto; margin-bottom:14px;}
}

.descList li {position:relative; font-size:14px;}
.descList li + li {margin-top:20px;}
.descList strong {position:absolute; top:0; left:0;}
.descList span {display:inline-block; padding-left:40px; -ms-word-break:keep-all; word-break:keep-all;}
@media all and (max-width:720px){
	.descList li {font-size:12px;}
	.descList li + li {margin-top:10px;}
	.descList span {padding-left:30px;}
}

.idtn li {padding-left:0;}
.listIdt {padding-left:10px;}

.liGap5 > li {margin-top:5px !important;}
.liGap10 > li {margin-top:10px !important;}
.liGap20 > li {margin-top:20px !important;}
ul[class^='liGap'] > li:first-child {margin-top:0 !important;}
@media all and (max-width:720px){
	.liGap5 > li {margin-top:2px;}
	.liGap10 > li {margin-top:5px;}
	.liGap20 > li {margin-top:10px;}
	.listIdt {padding-left:8px;}
}

.period dt {display:inline-block; vertical-align:top;}
.period dd {display:inline-block;}

.dlSt ~ .dlSt {margin-top:30px;}
.dlSt dt {margin-bottom:8px;}
.dlSt dd + dt {margin-top:20px;}
.dlSt dd + dd {margin-top:15px;}
.dlSt dd .liTit {margin-bottom:6px;}
.dlSt + [class^="box"] {margin-top:30px;}
@media all and (max-width:720px){
	.dlSt ~ .dlSt {margin-top:15px;}
	.dlSt dt {margin-bottom:4px;}
	.dlSt dd + dt {margin-top:10px;}
	.dlSt dd + dd {margin-top:8px;}
	.dlSt dd .liTit {margin-bottom:3px;}
	.dlSt .listStDft {padding-left:6px;}
	.dlSt + [class^="box"] {margin-top:15px;}
}
/* 고객센터홈 CSS 20-02-28 추가*/


.csLinkBtn {display:inline-block;width:60px;height:20px;text-align:center;background-color:#666;border-radius:3px;color:#fff;line-height:20px;}

.csBtnSt {overflow:hidden; margin:28px 0 25px;}
.csBtnSt ul {display:inline-block; float:left;width:100%;margin:0 2.5% -20px 2.5%; font-size:0;}
.csBtnSt ul li {display:inline-block; float:left;width:23%;position:relative; margin-bottom:20px; vertical-align:top; text-align:center;margin-right:1%;}
.csBtnSt ul li:last-child {margin-right:0;}
.csBtnSt ul li.last:after {background:none;}
.csBtnSt ul li.last dl dd {margin-top:0;}
.csBtnSt ul li .box {display:inline-block;}
.csBtnSt ul li .inner {display:table-cell; width:167px; height:167px; border:1px solid #ddd; background:#fff; vertical-align:middle; text-align:center; border-radius:50%;}
.csBtnSt ul li dl dt {color:#333; font-weight:300; font-size:14px;line-height:1.6;}
.csBtnSt ul li dl dd {margin-top:10px; font-size:13px;}
.csBtnSt ul li .box dl dt {color:#e31b32;}
.csBtnSt ul li .box dl dd {color:#725a53;}
.txtBlue3{color:#005bbb;}
.csBtnSt ul li span.csBtnSt_num {color:#005bbb;font-size:28px;font-weight:500;}
.csBtnSt ul li .box + dl {margin-top:15px;}
.csBtnSt.imgType ul li .inner i {display:inline-block; width:100%;}
.csBtnSt.imgType ul li .inner i img {height:100px;}

h3.csBtnSt02 {margin:40px 0 40px 0;font-size:28px;font-weight:100;}
h3.csBtnSt02 br{display:none;}

@media all and (max-width:768px){
	.csBtnSt {margin:23px 0 20px; text-align:center;}
	.csBtnSt ul {display:inline-block; width:100%; margin:0; text-align:left;}
	.csBtnSt ul li {width:25%; margin:0;}
	.csBtnSt ul li span.csBtnSt_num {font-size:18px;}
	.csBtnSt ul li:after {top:60px; background-image:url(/images/icon/arr_step_m.png); -webkit-background-size:6px auto; background-size:6px auto;}
	.csBtnSt ul li .inner {width:100px; height:100px; line-height:1.5;}
	.csBtnSt ul li .box + dl {margin-top:10px;}
	.csBtnSt ul li dl dt {font-size:12px;}
	.csBtnSt ul li dl dd {margin-top:5px; font-size:11px;}	
	.csBtnSt.imgType ul li .inner i img {height:60px;}
	h3.csBtnSt02 {margin:40px 0 20px 0;font-size:20px;}
}

@media all and (max-width:480px){
	h3.csBtnSt02 {margin:40px 0 20px 0;font-size:16px;line-height:1.4;}
	h3.csBtnSt02 br{display:block;}
	.csBtnSt ul li {width:48%;margin-bottom:20px}
	.csBtnSt ul li .inner {width:80px; height:80px; line-height:1.5;}
	.csBtnSt.imgType ul li .inner i img {height:40px;}
}


.serviceGolink ul{display:table;float:left;width:100%;height:100%;border-bottom:solid 1px #ddd;}
.serviceGolink ul li {display:table-cell;width:25%;height:100%;border-right:solid 1px #ddd;vertical-align:top;}
.serviceGolink ul li:last-child {border-right:0;}
.serviceGolink ul li div.inner{display:table-caption;float:left;width:100%;height:100%;box-sizing:border-box;}
.serviceGolink ul li div.inner dl {display:inline-block;}
.serviceGolink ul li div.inner dl dt{display:inline-block;width:100%;background:#005bbb;color:#fff;text-align:center;font-size:14px;margin-bottom:8px;}
.serviceGolink ul li div.inner dl dd {display:inline-block;width:100%;text-align:center;line-height:28px;}
.serviceGolink ul li div.inner dl dd:last-child {margin-bottom:8px;}
.serviceGolink ul li div.inner dl dd a{display:block;width:168px;height:28px;line-height:28px;text-align:center;font-size:13px;color:#212121;border-radius:32px;border:solid 1px #ddd;margin:2px auto;}

@media all and (max-width:768px){
	.serviceGolink ul li div.inner dl dd a{width:85%;min-width:120px;}
}

@media all and (max-width:720px){
	.serviceGolink ul li div.inner dl dt {font-size:12px;}
	.serviceGolink ul li div.inner dl dd a {font-size:12px;}
}

@media all and (max-width:560px){
	.serviceGolink ul {border-bottom:0;}
	.serviceGolink ul li {display:inline-block;width:100%;border-right:0;}
	.serviceGolink ul li:nth-child(2) div.inner{border-right:0;}
	.serviceGolink ul li div.inner dl dd {float:left;width:49%;margin:0 0.5%;}
	.serviceGolink ul li div.inner dl dd a {float:left;width:100%;}
}
/* STEP */
.stepSt {overflow:hidden; margin:28px 0 25px;}
.stepSt ul {margin:0 0 -20px 0; font-size:0;}
.stepSt ul li {display:inline-block; position:relative; min-width:195px; margin-bottom:20px; vertical-align:top; text-align:center;}
.stepSt ul li:after {position:absolute; top:79px; right:-3px; width:6px; height:12px; background:url(/images/icon/arr_step.png) no-repeat; content:'';}
.stepSt ul li.last {margin-right:0;}
.stepSt ul li.last:after {background:none;}
.stepSt ul li .box {display:inline-block;}
.stepSt ul li .inner {display:table-cell; width:167px; height:167px; border:1px solid #f7ede9; background:#fff9f7; vertical-align:middle; text-align:center; border-radius:50%;}
.stepSt ul li dl dt {color:#333; font-weight:300; font-size:14px;}
.stepSt ul li dl dd {margin-top:10px; font-size:13px;}
.stepSt ul li .box dl dt {color:#e31b32;}
.stepSt ul li .box dl dd {color:#725a53;}
.stepSt ul li .box + dl {margin-top:15px;}
.stepSt.ea5 ul {margin-right:-20px;}
.stepSt.ea5 ul li {min-width:0; margin-right:20px;}
.stepSt.ea5 ul li.last {margin-right:0;}
.stepSt.ea5 ul li:after {right:-14px;}
.stepSt.ea4 ul li {width:25%;}
.stepSt.ea3 ul li {width:33.33%;}
.stepSt.imgType ul li .inner i {display:inline-block; width:100%;}
.stepSt.imgType ul li .inner i img {height:44px;}
.stepSt.imgType ul li .inner span {display:inline-block; width:100%; margin-top:10px; color:#e31b32; font-weight:300; font-size:13px;}


.stepSt2 {overflow:hidden; margin:28px 0 25px;}
.stepSt2 ul {margin:0 0 -20px 0; font-size:0;}
.stepSt2 ul li {display:inline-block; position:relative; min-width:195px; margin-bottom:20px; vertical-align:top; text-align:center;}
.stepSt2 ul li:after {position:absolute; top:79px; right:-3px; width:6px; height:12px; background:url(/images/icon/arr_step.png) no-repeat; content:'';}
.stepSt2 ul li.last {margin-right:0;}
.stepSt2 ul li.last:after {background:none;}
.stepSt2 ul li .box {display:inline-block;}
.stepSt2 ul li .inner {display:table-cell; width:160px; height:160px; background:#c23226; vertical-align:middle; text-align:center; border-radius:50%;}
.stepSt2 ul li dl dt {color:#333; font-weight:300; font-size:14px;}
.stepSt2 ul li dl dd {margin-top:10px; font-size:13px;}
.stepSt2 ul li .box dl dt {color:yellow; font-weight:600;}
.stepSt2 ul li .box dl dd {color:#fff; font-size:14px;}
.stepSt2 ul li .box + dl {margin-top:15px;}
.stepSt2.ea5 ul {margin-right:-20px;}
.stepSt2.ea5 ul li {min-width:0; margin-right:20px;}
.stepSt2.ea5 ul li.last {margin-right:0;}
.stepSt2.ea5 ul li:after {right:-14px;}
.stepSt2.ea4 ul li {width:25%;}
.stepSt2.ea3 ul li {width:33.33%;}
.stepSt2.imgType ul li .inner i {display:inline-block; width:100%;}
.stepSt2.imgType ul li .inner i img {height:44px;}
.stepSt2.imgType ul li .inner span {display:inline-block; width:100%; margin-top:10px; color:#e31b32; font-weight:300; font-size:13px;}



.stepSt3 {overflow:hidden; margin:18px 0 18px;}
.stepSt3 ul {margin:0 0 -10px 0; font-size:0;}
.stepSt3 ul li {display:inline-block; position:relative; min-width:100px; margin-bottom:20px; vertical-align:top; text-align:center;}
.stepSt3 ul li:after {position:absolute; top:61px; right:-3px; width:6px; height:12px; background:url(/images/icon/arr_step.png) no-repeat; content:'';}
.stepSt3 ul li.last {margin-right:0;}
.stepSt3 ul li.last:after {background:none;}
.stepSt3 ul li .box {display:inline-block;}
.stepSt3 ul li .inner {display:table-cell; width:130px; height:130px; border:1px solid #f7ede9; background:#fff9f7; vertical-align:middle; text-align:center; border-radius:50%;}
.stepSt3 ul li dl dt {color:#333; font-weight:300; font-size:13px;}
.stepSt3 ul li dl dd {font-size:12px;}
.stepSt3 ul li .box dl dt {padding-top:30px;color:#e31b32;}
.stepSt3 ul li .box dl dd {color:#725a53;}
.stepSt3 ul li .box + dl {margin-top:10px;}
.stepSt3.ea5 ul {margin-right:-20px;}
.stepSt3.ea5 ul li {min-width:0; margin-right:20px;}
.stepSt3.ea5 ul li.last {margin-right:0;}
.stepSt3.ea5 ul li:after {right:-14px;}
.stepSt3.ea4 ul li {width:24%;}
.stepSt3.ea3 ul li {width:33.333%;}
.stepSt3.imgType ul li .inner i {display:inline-block; width:100%;}
.stepSt3.imgType ul li .inner i img {height:44px;}
.stepSt3.imgType ul li .inner span {display:inline-block; width:100%; margin-top:10px; color:#e31b32; font-weight:300; font-size:11px;}



@media all and (max-width:720px){
	.stepSt {margin:23px 0 20px; text-align:center;}
	.stepSt ul {display:inline-block; width:auto; margin:0 -15px -15px 0; text-align:left;}
	.stepSt ul li {min-width:150px; margin:0 0 15px 0;}
	.stepSt ul li:after {top:60px; background-image:url(/images/icon/arr_step_m.png); -webkit-background-size:6px auto; background-size:6px auto;}
	.stepSt ul li .inner {width:130px; height:130px; line-height:1.5;}
	.stepSt ul li dl dt {font-size:13px;}
	.stepSt ul li dl dd {margin-top:5px; font-size:12px;}
	.stepSt.ea5 ul li {margin-right:15px;}
	.stepSt.ea5 ul li.last {margin-right:0;}
	.stepSt.ea5 ul li:after {right:-11px;}

	.stepSt2 {margin:23px 0 20px; text-align:center;}
	.stepSt2 ul {display:inline-block; width:auto; margin:0 -15px -15px 0; text-align:left;}
	.stepSt2 ul li {min-width:150px; margin:0 0 15px 0;}
	.stepSt2 ul li:after {top:60px; background-image:url(/images/icon/arr_step_m.png); -webkit-background-size:6px auto; background-size:6px auto;}
	.stepSt2 ul li .inner {width:130px; height:130px; line-height:1.5;}
	.stepSt2 ul li dl dt {font-size:13px;}
	.stepSt2 ul li dl dd {margin-top:5px; font-size:12px;}
	.stepSt2.ea5 ul li {margin-right:15px;}
	.stepSt2.ea5 ul li.last {margin-right:0;}
	.stepSt2.ea5 ul li:after {right:-11px;}
}

.voucherService > .stepStbox {border-top:none; margin-top:0;}
.stepMl {margin-left:10px; margin-top:10px;}
.stepStbox {overflow:hidden; text-align:center; border:1px solid #ddd; padding:10px; margin-top:10px; margin-bottom:10px;}
.stepStVTit {display:block; border:1px solid #80a5c7; background:#f3f5fa; color:#455261; font-size:16px; font-weight:300; text-align:center; height:52px; line-height:50px; margin-top:10px;}
.stepStV ul {width:100%;}
.stepStV ul li {display:inline-block; position:relative; vertical-align:top; text-align:center; width:25%;}
.stepStV ul li:last-child:after {display:none;}
.stepStV .stepStV_01 li {float:left;}
.stepStV .stepStV_02 li {float:right;}
.stepStV .stepStV_03 li {float:right;}
.stepStV .stepStV_04 li {float:right;}
.stepStV ul li dl {height:76px; border:1px solid #aab4c4; background:#fff; vertical-align:middle; text-align:center; border-radius:5px; margin:10px;}
.stepStV ul li dl dt {font-weight:300; font-size:14px; color:#455261; margin-top:15px;}
.stepStV ul li dl dd {color:#9ba7ba; font-size:14px; margin-top:-2px;}
.stepStV ul li.stepStV_red dl {background:#fff9f7; border:1px solid #e75f36;}
.stepStV ul li.stepStV_red dl dt {color:#725a53;}

.stepStTr ul li.stepStTr_red dl {background:#fff9f7; border:1px solid #e75f36;}
.stepStTr ul li.stepStTr_red dl dt {color:#725a53;}


.stepStV ul li:after {position:absolute; top:30px; right:-15px; width:30px; height:30px; background:url(/images/icon/arr_stepv.png) no-repeat; content:''; z-index:1;}
.stepStV .stepStV_03 li:after {transform: rotate(180deg);}
.stepStV .stepStV_01 li:last-child:after {transform:rotate(90deg); top:81px; right:42%;}
.stepStV .stepStV_02 li:nth-child(1):after, .stepStV .stepStV_03 li:nth-child(1):after {background:none;}
.stepStV .stepStV_02 li:nth-child(2):after, .stepStV .stepStV_02 li:last-child:after {transform:rotate(180deg);}
.stepStV .stepStV_04 li:after {background:none;}
@media all and (max-width:960px){
	.stepStV ul {width:50%; float:left;}
	.stepStV ul li {width:100%;}
	.stepStV ul li:after {top:81px; right:46% ; transform: rotate(90deg);}
	.stepStV .stepStV_01 li:last-child:after {transform:rotate(0deg); top:30px; right:-15px;}
	.stepStV .stepStV_02 li:nth-child(1), .stepStV .stepStV_03 li:nth-child(1), .stepStV .stepStV_04 li {top:288px;}
	.stepStV .stepStV_02 li:nth-child(2), .stepStV .stepStV_03 li:last-child {top:96px;}
	.stepStV .stepStV_02 li:last-child {top:-96px;}
	.stepStV .stepStV_02 li:after, .stepStV .stepStV_03 li:after {transform: rotate(-90deg);}
	.stepStV .stepStV_02 li:nth-child(2):after, .stepStV .stepStV_02 li:last-child:after {transform:rotate(-90deg);}
}
@media all and (max-width:720px){
	.stepStV {padding:5px;}
	.stepStVTit {font-size:14px; height:44px; line-height:42px; margin-top:15px;}
	.stepStV ul {width:100%;}
	.stepStV ul li dl dd {font-size:13px;}
	.stepStV ul li:after {top:81px; right:0; left:50%; margin-left:-15px;}
	.stepStV .stepStV_01 li:last-child:after {transform:rotate(90deg); top:81px;}
	.stepStV .stepStV_02 li:nth-child(1), .stepStV .stepStV_03 li:nth-child(1), .stepStV .stepStV_02 li:nth-child(2), .stepStV .stepStV_02 li:last-child, .stepStV .stepStV_03 li:last-child, .stepStV .stepStV_04 li {top:0;}
	.stepStV .stepStV_01 li:after, .stepStV .stepStV_02 li:after {transform: rotate(90deg);}
	.stepStV .stepStV_02 li:nth-child(1):after, .stepStV .stepStV_03 li:nth-child(1):after {top:81px; right:0; left:50%; margin-left:-15px; width:30px; height:30px; background:url(/images/icon/arr_stepv.png) no-repeat; transform: rotate(90deg);}
	.stepStV .stepStV_02 li:last-child:after, .stepStV .stepStV_03 li:last-child:after {background:none;}
	.stepStV .stepStV_02 li:nth-child(2):after {transform:rotate(90deg);}
}

.stepStTr {overflow:hidden; text-align:center; border:1px solid #ddd; padding:10px;}
.stepStTr ul {width:100%;}
.stepStTr ul li {display:inline-block; position:relative; vertical-align:top; text-align:center; width:25%;}
.stepStTr .stepStTr_01 li {float:left;}
.stepStTr .stepStTr_02 li {float:right;}
.stepStTr ul li div {height:76px; border:1px solid #aab4c4; background:#fff; border-radius:5px; margin:10px; font-size:14px; color:#455261; font-weight:300; line-height: 21px; display:flex; align-items:center; justify-content:center;}
.stepStTr ul li:after {position:absolute; top:30px; right:-15px; width:30px; height:30px; background:url(/images/icon/arr_stepv.png) no-repeat; content:''; z-index:1;}
.stepStTr .stepStTr_02 li:after {transform: rotate(180deg);}
.stepStTr .stepStTr_01 li:last-child:after {transform:rotate(90deg); top:81px; right:42%;}
.stepStTr .stepStTr_02 li:nth-child(1):after {background:none;}
.stepStTr ul li dl {height:76px; border:1px solid #aab4c4; background:#fff; border-radius:5px; margin:10px; font-size:14px; color:#455261; font-weight:300; line-height: 21px; align-items:center; justify-content:center;}
.stepStTr ul li dl dt {font-weight:300;font-size:14px;color:#455261;margin-top:15px;}
.stepStTr ul li dl dd {color:#9ba7ba; font-size:14px; font-weight:100; margin-top:-2px;}

@media all and (max-width:960px){
	.stepStTr ul {width:50%; float: left;}
	.stepStTr ul li {width:100%;}
	.stepStTr ul li:after {top:81px; right:46%; transform: rotate(90deg);}
	.stepStTr .stepStTr_01 li:last-child:after {transform:rotate(0deg); top:30px; right:-15px;}
	.stepStTr .stepStTr_02 li:nth-child(1) {top:288px;}
	.stepStTr .stepStTr_02 li:last-child {top:96px;}
	.stepStTr .stepStTr_02 li:after {transform: rotate(-90deg);}
}
@media all and (max-width:720px){
	.stepStTr {padding:5px;}
	.stepStTr ul {width:100%;}
	.stepStTr ul li:after {top:81px; right:0; left:50%; margin-left:-15px;}
	.stepStTr .stepStTr_01 li:last-child:after {transform:rotate(90deg); top:81px;}
	.stepStTr .stepStTr_02 li:nth-child(1) {top:0;}
	.stepStTr .stepStTr_02 li:nth-child(2) {top:0;}
	.stepStTr .stepStTr_02 li:last-child {top:0;}
	.stepStTr .stepStTr_01 li:after,
	.stepStTr .stepStTr_02 li:after {transform: rotate(90deg);}
	.stepStTr .stepStTr_02 li:nth-child(1):after,
	.stepStTr .stepStTr_02 li:nth-child(2):after {top:81px; right:0; left:50%; margin-left:-15px; width:30px; height:30px; background:url(/images/icon/arr_stepv.png) no-repeat; content:''; z-index:1; transform: rotate(90deg);}
	.stepStTr .stepStTr_02 li:last-child:after {background:none;}
}

.stepStMem {overflow:hidden; margin:28px 0 25px;}
.stepStMem > ul {margin:0 -20px; font-size:0;}
.stepStMem > ul > li {display:inline-block; position:relative; width:33.33%; padding:0 20px; vertical-align:top;}
.stepStMem > ul > li:after {position:absolute; top:50%; right:-3px; width:6px; height:12px; margin-top:-6px; background:url(/images/icon/arr_step_02.png) no-repeat; content:'';}
.stepStMem ul li .inner {display:table-cell; vertical-align:middle;}
.stepStMem.st1 ul li .inner {height:145px;}
.stepStMem.st2 ul li .inner {height:120px;}
.stepStMem.st3 ul li .inner {height:120px;}
.stepStMem ul li .box {border-width:1px; border-style:solid; border-color:#005bbb #ebebeb #ebebeb; vertical-align:middle;}
.stepStMem ul li .box dl dt {padding:13px 20px; background:#f7f7f7; color:#005bbb; font-weight:300; font-size:14px; }
.stepStMem ul li .box dl dd {min-height:90px; padding:13px 20px 15px;}
.stepStMem ul li .box dl dd .txt1 {color:#666; font-size:13px;}
.stepStMem ul li .box dl dd .txt2 {margin-bottom:5px; color:#333; font-size:13px;}
.stepStMem ul li .box dl dd .btn {margin-top:13px;}
.stepStMem ul li .box dl dd .btn button {display:block; width:120px; height:25px; margin-top:5px; padding-left:14px; border:1px solid #666; background:#fff url(/images/btn/btn_arr_09.png) no-repeat 100% 50%; text-align:left; font-size:12px; line-height:23px; outline:0;}
.stepStMem ul li .box dl dd .btn button:first-child {margin-top:0;}
.stepStMem ul li .box dl dd .listOl {line-height:1.5;}
.stepStMem ul li .box dl dd .listSt {padding-left:0;}
.stepStMem ul li .box dl dd .listSt > li {padding-left:10px; background:url(/images/icon/bu_dot.png) no-repeat 0 9px; color:#333; font-size:13px;}
.stepStMem ul li .box dl dd .listSt > li li {padding-left:0;}
.stepStMem ul li .box dl dd .listSt .listSt4 > li {padding-left:10px;}
.stepStMem ul li .box dl dd .listSt .listSt4 > li:after {position:absolute; top:0; left:0; content:'-';}

.stepStMem.imgType ul li:after {display:none;}
.stepStMem.imgType ul li .box {background-repeat:no-repeat; background-position:100% 100%;}
.stepStMem ul li .box.img1 {background-image:url(/images/contents/bg_join_01.png);}
.stepStMem ul li .box.img2 {background-image:url(/images/contents/bg_join_02.png);}
.stepStMem ul li .box.img3 {background-image:url(/images/contents/bg_join_03.png);}
@media all and (max-width:900px){
	.stepStMem > ul {margin:0 -10px; font-size:0;}
	.stepStMem > ul > li {padding:0 10px;}
}
@media all and (max-width:720px){
	.stepStMem {margin:15px 0 10px;}
	.stepStMem > ul {margin:0;}
	.stepStMem > ul > li {display:block; width:100%; margin-top:20px !important; padding:0;}
	.stepStMem > ul > li:first-child {margin-top:0 !important;}
	.stepStMem ul li .inner {display:block; height:auto !important;}
	.stepStMem ul li .box dl dd {min-height:0;}

}

/* BULLET */
.buSt {position:relative; padding-left:10px;}
.buSt:before {position:absolute; top:0; left:0;}
.buSt.ask:before {content:'*';}
.buSt.askRed:before {color:#e31b32; content:'*';}
.buSt.hyp:before {content:'-';}
.buSt.dia {padding-left:10px; background:url(/images/icon/bu_dot.png) no-repeat 0 9px; color:#333; font-size:14px;}
@media all and (max-width:720px){
	.buSt.dia {background-image:url(/images/icon/bu_dot_m.png); background-position:0 8px; -webkit-background-size:4px; background-size:4px; font-size:13px;}
}

/* BOARD */
.boardArea {position:relative;}
.boardArea .etrBox {position:absolute; top:-55px; right:0; z-index:2; font-size:0;}
.boardArea .etrBox button {margin:0 10px 0 0 ;}
.boardArea .etrBox .btnCha2 {margin-top:5px;}
.boardArea .etrBox2 {position:absolute; top:0; right:20px; z-index:2; font-size:0;}
.boardArea .etrBox2 button {margin-left:5px;}
.boardArea .etrBox2 button:first-child {margin-left:0;}
.boardArea .etrBox3 {margin-bottom:15px; font-size:0; text-align:right; z-index:2;}
.boardArea .infoView {position:absolute; top:0; right:0; max-width:220px; padding-right:15px; color:#666; font-size:14px; text-align:right;}
.boardArea .infoView .infoEmp {display:inline-block; width:67px; height:25px; margin-bottom:4px; background:#7f9ec3; color:#fff; font-size:13px; line-height:25px; text-align:center;}
.boardArea .infoView .infoEmp:empty {visibility:hidden;}
.boardArea .infoView .infoEmp ~ .info span.hit {text-align:right;}
.boardArea .info {overflow:hidden; text-align:left;}
.boardArea .info span {float:left; margin-left:30px; background-color:transparent; background-repeat:no-repeat; background-position:0 50%; text-align:center; white-space:nowrap;}
.boardArea .info span:first-child {margin-left:0;}
.boardArea .info span.date {width:105px; padding-left:25px; background-image:url(/images/icon/icon_date.png);}
.boardArea .info span.hit {min-width:65px; padding-left:20px; background-image:url(/images/icon/icon_hit.png);}
.boardArea .info span.charge {width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.boardArea .file {min-width:40px; font-size:0; line-height:23px;}
.boardArea .file a + a {margin-left:4px;}
.boardArea .author {display:inline-block; overflow:hidden; max-width:100%; margin:10px 10px 0 0; padding-left:20px; background:url(/images/icon/icon_author.png) no-repeat 0 50%; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.boardArea .author.st2 {display:block; margin-top:0;}
.boardArea .fileBox {margin:10px 10px 0 0; font-size:0;}
.boardArea .titBox {margin-bottom:7px; font-size:17px; line-height:1.4;}
.boardArea .titBox h4 {display:inline; color:#333; font-weight:300;}
.boardArea .titBox span {margin-left:5px; color:#999;}
.subMenu + .boardArea {margin-top:80px;}
.boardArea + .boardArea {margin-top:50px;}
.boardArea2 {margin:50px 0 50px;}
@media all and (max-width:720px){
	.boardArea {/*margin-top:20px;*/}
	.boardArea .etrBox2 {right:0;}
	.boardArea .etrBox3 {margin-bottom:8px;}
	.boardArea .infoView {position:static; top:auto; right:auto; max-width:100%; padding-right:0; font-size:11px; text-align:left;}
	.boardArea .info span {margin-left:10px; line-height:initial; text-align:left;}
	.boardArea .info span.date {width:auto; padding-left:16px; background-image:url(/images/icon/icon_date_m.png); -webkit-background-size:10px auto; background-size:10px auto;}
	.boardArea .info span.hit {width:auto; padding-left:18px; background-image:url(/images/icon/icon_hit_m.png); -webkit-background-size:15px auto; background-size:15px auto;}
	.boardArea .info span.charge {width:85px;}
	.boardArea .file {position:absolute; top:15px; right:8px; width:auto;}
	.boardArea .file img {width:17px;}
	.boardArea .author {position:absolute; right:8px; bottom:12px; max-width:50%; background-image:url(/images/icon/icon_author_m.png); -webkit-background-size:11px auto; background-size:11px auto;}
	.boardArea .author.st2 {display:block; font-size:11px;}
	.boardArea .topArea .author {display:block; position:relative; right:auto; bottom:auto; max-width:100%;}
	.boardArea .fileBox {position:absolute; top:17px; right:8px; width:auto; margin:0;}
	.boardArea .fileBox .file {position:relative; top:auto; right:auto;}
	.boardArea .titBox {font-size:13px;}
	.subMenu + .boardArea {margin-top:14px;}
}

.date span {display:block; position:relative;} /* 글쓰기용 */
.date img {position:absolute; top:7px; right:9px;}
.boardSch {margin-bottom:30px; padding:19px; border-width:1px 0; border-style:solid; border-color:#e6e6e6; background:#edeef2; text-align:center; font-size:0;}
.boardSch * {vertical-align:middle;}
.boardSch select {display:inline-block; width:115px; margin-left:10px;}
.boardSch select:first-child {margin-left:0;}
.boardSch select.ctg {width:150px;}
.boardSch select.ctg2 {width:300px;}
.boardSch .date {display:inline-block;}
.boardSch .date span {display:inline-block; width:130px;}
.boardSch .date span.st2 {width:200px;}
.boardSch .date span.st2 input.txt::-webkit-input-placeholder {color:#fff !important;}
.boardSch .date span.st2 input.txt:-moz-placeholder {color:#fff !important;}
.boardSch .date span.st2 input.txt::-moz-placeholder {color:#fff !important;}
.boardSch .date span.st2 input.txt:-ms-input-placeholder {color:#fff !important;}
.boardSch .date i {display:inline-block; width:24px; color:#111; text-align:center; font-size:13px;}
.boardSch .date .txt {margin-right:15px; color:#333; /* font-weight:300;*/ font-size:15px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.boardSch .datepicker {width:100%;}
.boardSch .inner {display:inline-block; position:relative; margin:5px;}
.boardSch .schBox {display:inline-block; margin-left:10px;}
.boardSch .schBox:first-child {margin-left:0;}
.boardSch .schBox .txt {width:190px;}
.boardSch .btnBox {display:inline-block; margin:5px;}
.boardSch .btnBox button {margin-left:10px;}
.boardSch .btnBox button:first-child {margin-left:0;}
.subMenu + .boardSch {margin-top:25px;}
@media all and (max-width:720px){
	.boardArea .etrBox {top:auto; right:14px; bottom:14px;}
	.boardSch {margin:0 -14px 20px; padding:9px 10px;}
	.boardSch select {display:block; width:100%; margin-left:0;}
	.boardSch select.ctg {width:100%;}
	.boardSch select.ctg2 {width:100%;}
	.boardSch .date span {width:46%;}
	.boardSch .date span.st2 {width:100%;}
	.boardSch .date i {width:8%;}
	.boardSch .date .txt {font-size:13px;}
	.boardSch .date label.txt {display:none;}
	.boardSch .date span.st2 input.txt::-webkit-input-placeholder {color:#999 !important;}
	.boardSch .date span.st2 input.txt:-moz-placeholder {color:#999 !important;}
	.boardSch .date span.st2 input.txt::-moz-placeholder {color:#999 !important;}
	.boardSch .date span.st2 input.txt:-ms-input-placeholder {color:#999 !important;}
	.boardSch .inner {display:block;}
	.boardSch .inner.sch {padding-left:105px;}
	.boardSch .inner.sch select {position:absolute; top:0; left:0; width:100px;}
	.boardSch .schBox {display:block; margin-left:0;}
	.boardSch .schBox .txt {width:100%;}
	.boardSch .btnBox {display:block;}
	.boardSch .btnBox button {width:49%; margin-left:2%;}
	.boardSch .btnBox button:first-child {margin-left:0;}
	.subMenu + .boardSch {margin-top:15px;}
}

.boardCdtn {margin-bottom:45px; border:1px solid #d0d0d0;}
.boardCdtn dl {position:relative; padding-left:100px; border-top:1px solid #e5e5e5;}
.boardCdtn dl:first-child {border-top:0;}
.boardCdtn dl dt {position:absolute; top:10px; left:0; width:100px; color:#333; text-align:center; font-weight:300; font-size:15px; line-height:30px;}
.boardCdtn dl dd {padding:10px;}
.boardCdtn dl dd ul {margin:-5px; font-size:0;}
.boardCdtn dl dd ul li {display:inline-block; padding:5px;}
.boardCdtn dl dd ul li input {width:32px; height:30px; border:1px solid #d0d0d0; background:#fff; color:#333; font-weight:300; font-size:15px; font-family:ng; outline:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.boardCdtn dl dd ul li.on input {border-color:#005bbb; background:#005bbb; color:#fff;}
@media all and (max-width:720px){
	.boardCdtn {margin:-6px 0 25px;}
	.boardCdtn dl {padding:5px 16px 16px;}
	.boardCdtn dl dt {position:relative; top:auto; left:auto; width:auto; text-align:left; font-weight:100; font-size:12px;}
	.boardCdtn dl dd {padding:0;}
	.boardCdtn dl dd ul {margin:-4px;}
	.boardCdtn dl dd ul li {padding:4px;}
	.boardCdtn dl dd ul li input {width:30px; height:28px; font-size:12px;}
}

/* 181119 JSH
.boardVeiwOpt {margin:-40px 0 28px;}
.boardVeiwOpt ul {border-bottom:1px solid #eaeaea; font-size:0;}
.boardVeiwOpt ul li {display:inline-block; margin-bottom:-1px;}
.boardVeiwOpt ul li a {display:block; padding:13px 16px; color:#999; font-size:14px;}
.boardVeiwOpt ul li.on {border-top:2px solid #666; border-bottom:1px solid #fff;}
.boardVeiwOpt ul li.on a {border-width:1px 1px 0; border-style:solid; border-color:#333; color:#333;}
*/
.boardTop {overflow:hidden; padding-bottom:10px;}
.boardTop .totalList {display:inline-block; padding:0;}
.boardOpt {float:right; font-size:0;}
.boardOpt button,
.boardOpt select {width:67px; height:25px; border:1px solid #d0d0d0; font-size:13px; font-weight:100;}
.boardOpt select {margin-left:5px; line-height:23px;}
.boardOpt select.btnSort {width:100px;}
.boardOpt button + button {margin-left:5px;}
.boardOpt button.on {border:none; background:#005bbb; color:#fff;}
.boardOpt button.board_btn { width:220px; text-align:center; }
.boardOpt.mgr_st { margin-right:-20px; }
@media all and (max-width:720px){
	.boardOpt button,
	.boardOpt select {font-size:12px;}
	.boardOpt select.btnSort {display:inline-block;}
	.boardOpt.mgr_st { margin-right:auto;}
}

.schResult {margin:-25px 0 44px;padding:12px 30px; background:#f7f7f7; color:#333; font-size:15px; font-weight:300; letter-spacing:-.035em; word-break:keep-all;}
.schResult em {color:#e31b32;}
@media all and (max-width:720px){
	.schResult {margin-top:-10px; margin-bottom:19px; padding:15px 14px; font-size:12px;}
}

.totalList {padding:0 20px 15px;}
.totalList.type2 {padding:0 0 15px;}
.totalList dl {font-weight:300; font-size:14px;}
.totalList dt {display:inline; color:#111;}
.totalList dd {display:inline; color:#206cab;}
.totalRe {font-size:0;}
.totalRe dl {display:inline; font-weight:300; font-size:14px;}
.totalRe dt {display:inline; color:#111;}
.totalRe dd {display:inline; color:#206cab;}
.totalRe .desc {margin-left:14px;}
.totalRe .desc:after {position:absolute; top:50%; left:-8px; width:1px; height:7px; margin-top:-3px; background:#999; content:'';}
@media all and (max-width:720px){
	.totalList {padding:0 0 10px;}
	.totalList dl {font-size:13px;}
	.totalRe {display:none;}
}

.boardList {border-top:1px solid #333; font-size:14px;}
.boardList ul li {position:relative; min-height:50px; padding:13px 220px 12px 20px; border-bottom:1px solid #e6e6e6;}
.boardList ul li.re {padding-left:40px; background:url(/images/icon/icon_cmt.png) no-repeat 20px 16px;}
.boardList .sbj {display:inline-block; overflow:hidden; max-width:100%; color:#333; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}
.boardList .sbj .txtKr {display:block; font-size:12px;}
.boardList .descTxt {margin-top:6px; font-size:0;}
.boardList .descTxt span {display:inline-block; position:relative; margin-left:26px; font-size:13px;}
.boardList .descTxt span:first-child {margin-left:0;}
.boardList .descTxt span + span:before {position:absolute; top:50%; left:-13px; width:1px; height:12px; margin-top:-6px; background:#a5a6a8; content:'';}
.boardList img {vertical-align:middle;}
.boardList .sbj + img {margin-left:5px;}
.boardList ul li.noti:before {display:inline-block; margin:1px 3px 0 0; padding:0 10px; border:1px solid #e31b32; color:#e31b32; font-size:13px; line-height:20px; vertical-align:top; content:'공지'; border-radius:20px;}
.boardList ul li.notiEmer:before {display:inline-block; margin:1px 3px 0 0; padding:0 10px; border:1px solid #e31b32; color:#e31b32; font-size:13px; line-height:20px; vertical-align:top; content:'긴급'; border-radius:20px;}
.boardList ul li.notiImp:before {display:inline-block; margin:1px 3px 0 0; padding:0 10px; border:1px solid #ffa000; color:#ffa000; font-size:13px; line-height:20px; vertical-align:top; content:'중요'; border-radius:20px;}
.boardList .ctg {display:inline-block;}
.boardList .ctg + .sbj {max-width:80%;}
.boardList .ctg em {display:inline-block; overflow:hidden; max-width:140px; margin:1px 3px 0 0; padding:0 10px; border:1px solid; color:#206cab; font-weight:300; font-size:13px; line-height:20px; vertical-align:middle; border-radius:20px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.boardList .ctg .region {color:#e75f36;}
.boardList .ctg .num {color:#693ee4;}
.boardList .conView {overflow:hidden; margin:10px 0; font-size:13px; min-height:66px; max-height:88px;}
.boardList .txtView {margin-top:3px; padding-right:70px; font-size:13px; line-height:1.6;}
.boardList .codeView {margin-top:3px;}
.boardList .codeView p {overflow:hidden; margin-top:2px; padding-left:10px; background:url(/images/icon/bu_dot_02.png) no-repeat 0 10px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.boardList .infoView {top:13px;}
.boardList .thumb {float:left; overflow:hidden; width:240px; height:140px; margin-left:-260px; border:1px solid #e8e8e8; background:#f1f1f1 url(/images/icon/icon_noImg.png) no-repeat 50% 50%;}
.boardList .thumb img {width:100%; max-width:100%; height:100%; object-fit:fill;}
.boardList .thumb2 {float:left; overflow:hidden; width:115px; height:67px; margin-left:-135px; border:1px solid #e8e8e8; background:#f1f1f1 url(/images/icon/icon_noImg.png) no-repeat 50% 50%;}
.boardList .thumb2 img {width:100%; max-width:100%;}
.boardList.type3 ul li .sbj {max-width:70%; color:#333;}
.boardList.order ul li {padding-right:290px;}
.boardList.order ul li .sbj {max-width:75%;}
.boardList.order ul li .infoView {max-width:100%; padding-right:50px;}
.boardList.order ul li input.num {position:absolute; top:-3px; right:0; width:35px;}
.boardList.a-1 ul li {padding-right:250px;}
.boardList.a-1 ul li .infoView {max-width:100%; padding-right:50px;}
.boardList.a-1 ul li .fileBox {position:absolute; top:0; right:20px; margin:0;}
.boardList.a-2 ul li {padding-right:250px;}
.boardList.a-2 ul li .infoView {max-width:100%; padding-right:110px;}
.boardList.a-2 ul li .fileBox {position:absolute; top:0; right:20px; margin:0;}
.boardList.thumb .ctg em {color:#693ee4;}
.boardList.thumb li {min-height:200px; padding:30px 0 30px 280px;}
.boardList.thumb .conView {overflow:hidden; height:66px;}
.boardList.thumb .infoView {position:static; top:auto; right:auto; margin-top:15px;}
.boardList.thumb2 li {padding:30px 0 30px 165px;}
.boardList.thumb2 .infoView {position:static; top:auto; right:auto; margin-top:15px;}
.boardList.charge li {padding-right:350px;}
.boardList.charge ul li .sbj {max-width:60%;}
.boardList.charge .infoView {max-width:100%;}
.boardList.cdtn li {padding-right:20px; padding-left:30px;}
.boardList.cdtn li .sbj {max-width:100%; color:#333; white-space:normal; line-height:1.5;}
.boardList.cdtn li .sbj strong {margin-right:10px; color:#206cab; font-size:13px;}
.boardList.schKwd li {padding:13px 20px 14px 30px; font-size:13px;}
.boardList.schKwd li .sbj {margin-bottom:2px; color:#333; font-weight:300;}
.boardList.schKwd li .sbj .rst {color:#e31b32;}
.boardList.schKwd li .contTxt {overflow:hidden; max-height:40px; color:#999; line-height:20px;}
.boardList.schKwd li.noResult {padding:35px 20px; text-align:center;}
.boardList.schKwd li.noResult .contTxt {max-height:initial; margin-bottom:20px; color:#333; font-size:14px; line-height:24px;}
.boardList.schKwd li.noResult ul {display:inline-block;}
.boardList.schKwd li.noResult ul li {min-height:auto; padding:0 0 0 10px; border-bottom:0; color:#999; text-align:left; background:url(/images/icon/bu_triangle.png) 0 8px no-repeat;}
.boardList.faq ul li:before {display:inline-block; width:20px; margin-right:18px; background-color:#206cab; color:#fff; vertical-align:middle; text-align:center; font-size:13px; line-height:21px; border-radius:50%; content:'Q';}
@media all and (max-width:720px){
	.boardList {font-size:12px;}
	.boardList ul li {min-height:auto; padding:12px 8px;}
	.boardList .sbj {/*max-width:90%;*/}
	.boardList .sbj + img {width:10px;}
	.boardList .descTxt {margin-top:1px;}
	.boardList .descTxt span {display:block; font-size:12px; margin-left:0;}
	.boardList .descTxt span + span:before {display:none;}
	.boardList ul li.noti {padding-top:10px;}
	.boardList ul li.noti:before {margin-top:4px; font-size:11px; line-height:17px;}
	.boardList ul li.noti .sbj {max-width:80%;}
	.boardList ul li.noti .info {margin-top:6px;}
	.boardList .ctg {/*display:block;*/ margin:0 0 3px 0; font-size:11px; line-height:17px;}
	.boardList .ctg + .sbj {width:100%; max-width:100%;}
	.boardList .ctg em {font-size:11px; line-height:17px;}
	.boardList .conView {height:auto; max-height:80px; min-height:auto; font-size:12px;}
	.boardList .infoView {overflow:hidden; top:0; margin-top:3px;}
	.boardArea .infoView .infoEmp {float:left; width:60px; height:18px; margin-top:7px; margin-bottom:0; font-size:11px; line-height:18px;}
	.boardArea .infoView .infoEmp ~ .info {float:right; margin-top:7px;}
	.boardList .thumb {float:none; width:100%; height:auto; margin-bottom:15px; margin-left:0;}
	.boardList.type3 ul li .sbj {max-width:100%;}
	.boardList.order ul li {padding-right:8px;}
	.boardList.order ul li .sbj {max-width:100%;}
	.boardList.order ul li .infoView {padding-right:0;}
	.boardList.order ul li input.num {display:none;}
	.boardList.thumb li {padding:15px 0;}
	.boardList.thumb .conView {height:auto; max-height:100%;}
	.boardList.charge li {padding-right:15px;}
	.boardList.charge ul li .sbj {max-width:100%;}
	.boardList.cdtn li {min-height:0; padding:9px 10px 11px;}
	.boardList.cdtn li .sbj strong {font-size:12px;}
	.boardList.schKwd li {padding:10px 10px 12px 10px; font-size:12px;}
	.boardList.schKwd li .contTxt {max-height:36px; line-height:18px;}
	.boardList.schKwd li.noResult {padding:20px 8px 18px;}
	.boardList.schKwd li.noResult .contTxt {font-size:12px; line-height:20px;}
	.boardList.faq .sbj:before {width:14px; height:14px; margin-right:10px; font-size:10px; line-height:14px;}
	.boardList.faq .infoView {margin-top:5px;}
	.boardList.a-1 ul li {padding-right:0;}
}

.boardList2 {overflow:hidden; position:relative;}
.boardList2 table {width:100%; border-width:1px 0; border-style:solid; border-color:#000 transparent #eaeaea;}
.boardList2 table thead th {height:50px; padding:0 10px; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; background:#f7f7f7; color:#333; line-height:1.4;}
.boardList2 table thead tr:first-child th {border-top:0;}
.boardList2 table thead th:first-child {border-left:0;}
.boardList2 table tbody th {padding:5px 10px; border-top:1px solid #eaeaea; text-align:left;}
.boardList2 table td {height:50px; padding:5px 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#eaeaea; line-height:1.4;}
.boardList2 table .noData td {padding:25px; border-left:0;}
.boardList2 a {border-bottom:1px solid; color:#333;}
.boardList2.alc table tbody th {text-align:center;}
@media all and (max-width:720px){
	.boardList2 table {font-size:11px;}
	.boardList2 table thead th {height:35px; padding:0 5px;}
	.boardList2 table tbody th {padding:3px 10px;}
	.boardList2 table td {height:35px; padding:3px 5px;}
	.boardList2 table .noData td {padding:15px; border-left:0;}
}

.preList {position:relative; z-index:2; margin-top:25px; border-width:1px 0; border-style:solid; border-color:#333;}
.preList ul li {border-top:1px solid #e6e6e6;}
.preList ul li:first-child {border-top:0;}
.preList ul li dl {padding-left:105px;}
.preList ul li dl dt,
.preList ul li dl dd {padding:14px 20px;}
.preList ul li dl dt {float:left; width:105px; margin-left:-105px; background:#edeef2; color:#333; font-weight:300;}
.preList ul li dl dt span {display:block; background-repeat:no-repeat; background-position:100% 50%;}
.preList ul li dl dd {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.preList ul li dl dd a {color:#666;}
.preList ul li.prev dl dt span {display:block; background-image:url(/images/icon/arr_prev.png);}
.preList ul li.next dl dt span {display:block; background-image:url(/images/icon/arr_next.png);}
@media all and (max-width:720px){
	.preList {margin:-1px -14px 0;}
	.preList ul li dl dt,
	.preList ul li dl dd {padding:10px 10px;}
}

.photoList {overflow:hidden;}
.photoList ul {overflow:hidden; margin:-8px;}
.photoList ul li {float:left; width:33.33%; padding:8px;}
.photoList ul li .inner {position:relative; border:1px solid #e6e6e6;}
.photoList ul li .cover {position:absolute; right:0; bottom:0; left:0; z-index:2; padding:4% 5%; background:rgba(0,0,0,.6); color:#fff; font-weight:300;}
.photoList ul li .cover .sbj {display:block; overflow:hidden; margin-bottom:2%; text-overflow:ellipsis; white-space:nowrap;}
.photoList ul li .thumb img {display:block; width:100%; height:190px;}
@media all and (max-width:980px){
	.photoList ul li .thumb img {height:160px;}
}
@media all and (max-width:720px){
	.photoList ul {overflow:hidden; margin:0;}
	.photoList ul li {clear:both; float:none; width:100%; margin-top:10px; padding:0;}
	.photoList ul li:first-child {margin-top:0;}
	.photoList ul li .thumb img {height:auto;}
}

.faqList {border-top:1px solid #333; font-size:14px;}
.faqList > ul > li {position:relative; border-bottom:1px solid #e6e6e6;}
.faqList ul li .sbj {display:block; overflow:hidden; min-height:50px; padding:15px 60px 12px 53px; background:url(/images/btn/btn_faq_off.png) no-repeat 100% 50%;}
.faqList ul li .sbj:before {position:absolute; top:16px; left:20px; width:20px; background-color:#206cab; color:#fff; text-align:center; font-weight:100; font-size:13px; line-height:21px; border-radius:50%; content:'Q';}
.faqList ul li .answer {display:none; overflow:hidden; position:relative; padding:15px 30px 15px 53px; border-top:1px solid #e6e6e6; background:#f9f9f9; font-size:13px;}
.faqList ul li .answer:before {position:absolute; top:16px; left:20px; width:20px; height:20px; background-color:#e65e36; color:#fff; text-align:center; font-size:13px; line-height:20px; border-radius:50%; content:'A';}
.faqList ul li .answer p.txt {margin-top:20px;}
.faqList ul li .answer p.txt:first-child {margin-top:0;}
.faqList ul li.on .sbj {background-image:url(/images/btn/btn_faq_on.png); color:#333; font-weight:300;}
.faqList ul li.on .answer {display:block;}
.faqList.num ul li .answer {display:block; height:0; padding:0; border-top:0; background:#fff;}
.faqList.num ul li .answer:before {display:none;}
.faqList.num ul li .answer .inner {position:relative; padding:30px 15px; border-top:1px solid #e6e6e6;}
.faqList.num ul li .answer .imgSlide {overflow:hidden; max-width:700px; margin:auto;}
.faqList.num ul li .answer .imgSlide img {max-width:100%;}
.faqList.num ul li .answer .btnBox {position:absolute; top:50%; right:0; left:0; z-index:10;}
.faqList.num ul li .answer .btnBox button {position:absolute; top:-30px; width:60px; height:60px; background-color:rgba(255,255,255,.5); background-repeat:no-repeat; text-indent:-99999px; outline:0;}
.faqList.num ul li .answer .btnBox .btnPrev {left:0; background-image:url(/images/btn/btn_prev_05.png);}
.faqList.num ul li .answer .btnBox .btnNext {right:0; background-image:url(/images/btn/btn_next_05.png);}
.faqList.num ul li.on .answer {height:auto;}
.faqList ul li .sbj.num1:before {content:'1';}
.faqList ul li .sbj.num2:before {content:'2';}
.faqList ul li .sbj.num3:before {content:'3';}
.faqList ul li .sbj.num4:before {content:'4';}
.faqList ul li .sbj.num5:before {content:'5';}
.faqList ul li .sbj.num6:before {content:'6';}
.faqList ul li .sbj.num7:before {content:'7';}
.faqList ul li .sbj.num8:before {content:'8';}
.faqList ul li .sbj.num9:before {content:'9';}
.faqList ul li .sbj.num10:before {content:'10';}
@media all and (max-width:720px){
	.faqList {font-size:12px;}
	.faqList ul li .sbj {padding:15px 20px 15px 29px; background-image:url(/images/btn/btn_faq_off_m.png); -webkit-background-size:15px auto; background-size:15px auto;}
	.faqList ul li .sbj:before {top:18px; left:5px; width:14px; font-size:11px; line-height:14px;}
	.faqList ul li .answer {padding:15px 15px 15px 29px; font-size:12px;}
	.faqList ul li .answer:before {top:18px; left:5px; width:14px; height:14px; font-size:11px; line-height:14px;}
	.faqList ul li.on .sbj {background-image:url(/images/btn/btn_faq_on_m.png);}
	.faqList.num ul li .answer .btnBox button {top:-15px; width:30px; height:30px; -webkit-background-size:30px; background-size:30px;}
}

.deadList {position:relative; margin:50px 0; padding:20px; background:#f5f7f8;}
.deadList h3 {margin-bottom:15px; color:#333; font-weight:300; font-size:17px; font-family:ng;}
.deadList .slideArea {overflow:hidden; margin:0 35px;}
.deadList .cardView {overflow:hidden; width:100%;}
.deadList .cardView .box {float:left; position:relative; width:33.33%; padding:0 10px;}
.deadList .cardView .dDay {position:absolute; top:1px; right:11px; width:67px; background:#333; color:#fff; text-align:center; font-size:13px;}
.deadList .cardView dl {height:136px; padding:20px; border:1px solid #ddd; background:#fff;}
.deadList .cardView dl dt {font-size:0;}
.deadList .cardView dl dt span {display:inline-block; margin-left:5px; padding:0 10px; background:#e75f36; color:#fff; font-size:12px; line-height:22px;}
.deadList .cardView dl dt span:first-child {margin-left:0;}
.deadList .cardView dl dd {margin-top:10px;}
.deadList .cardView dl dd p.txt {overflow:hidden; height:40px; color:#111; font-size:14px; line-height:1.5;}
.deadList .cardView dl dd p.date {overflow:hidden; margin-top:8px; color:#999; font-size:13px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.deadList .slideArea .btnBox {position:absolute; top:50%; right:20px; left:20px; font-size:0;}
.deadList .slideArea .btnBox .btnPrev,
.deadList .slideArea .btnBox .btnNext {position:absolute; top:0; width:20px; height:20px; border:1px solid #ddd; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;}
.deadList .slideArea .btnBox .btnPrev {left:0; background-image:url(/images/btn/btn_prev_cal_03.png);}
.deadList .slideArea .btnBox .btnNext {right:0; background-image:url(/images/btn/btn_next_cal_03.png);}
.deadList .swiper-slide {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
@media all and (max-width:720px){
	.deadList {display:none;}
}
/*
.boardQna {border-top:1px solid #333; font-size:14px;}
.boardQna + .boardQna {position:relative; margin-top:-1px;}
.boardQna .topArea {overflow:hidden; position:relative; padding:22px 100px 20px 20px; border-bottom:1px solid #e6e6e6; background:#f4f5f7; font-size:0;}
.boardQna ul li {position:relative; min-height:63px; padding:20px 100px 20px 20px; border-bottom:1px solid #e6e6e6;}
.boardQna ul li .sbj {display:inline-block; overflow:hidden; max-width:80%; color:#333; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}
.boardQna ul li .infoView {margin-top:3px;}
.boardQna .sbj + img {margin-left:5px; vertical-align:middle;}
.boardQna .prg em {display:inline-block; position:absolute; top:50%; right:20px; width:60px; margin-top:-12px; color:#fff; font-size:12px; line-height:25px; text-align:center; background-color:#999;}
.boardQna .prg .cpt {background-color:#e65e36;}
.boardQna .txtArea {position:relative; min-height:100px; border-bottom:1px solid #e6e6e6; color:#333; word-wrap:break-word;}
.boardQna .sbjBox .sbj {color:#333; font-size:16px; line-height:1.4; vertical-align:middle;}
.boardArea .boardQna .infoView {position:static; top:auto; right:auto; padding-right:0; max-width:none; text-align:left;}
.boardArea .boardQna .info {display:inline-block; vertical-align:top;}
.boardArea .boardQna .info span.hit {min-width:60px; width:auto;}
.boardArea .boardQna .author {margin-top:0; margin-right:0; margin-left:20px; max-width:55%; vertical-align:top;}
.boardArea .boardQna .author span {float:none;}
.boardArea .boardQna .sbjBox .sbj ~ .infoView {margin-top:8px;}
.txtArea.quest {padding:40px 30px 40px 85px; background:url(/images/common/bg_quest.png) no-repeat 23px 40px;}
.txtArea.answer {padding:40px 30px 40px 85px; background:url(/images/common/bg_answer.png) no-repeat 23px 40px;}
@media all and (max-width:720px){
	.boardQna {margin:0 -14px; font-size:12px;}
	.boardQna .topArea {padding:10px;}
	.boardQna ul li {padding:15px;}
	.boardQna ul li .sbj {max-width:90%;}
	.boardQna .sbjBox .sbj {font-size:12px;}
	.boardQna .prg {display:block; margin-bottom:4px;}
	.boardQna .prg em {position:static; top:auto; right:auto; width:54px; margin-top:0; font-size:11px; line-height:23px;}
	.boardQna .txtArea {min-height:200px;}
	.boardArea .boardQna .author {display:inline-block; position:static; max-width:42%; margin-left:10px; background-size:9px auto;}
	.boardArea .boardQna .info span.hit {min-width:auto;}
	.txtArea.quest {padding:25px 20px 25px 40px; background:url(/images/common/bg_quest.png) no-repeat 10px 30px; background-size:20px;}
	.txtArea.answer {padding:25px 20px 25px 40px; background:url(/images/common/bg_answer.png) no-repeat 10px 30px; background-size:20px;}
}
*/


.boardView {position:relative; border-width:1px 0; border-style:solid; border-color:#333 transparent #e6e6e6;}
.boardView .topArea {overflow:hidden; padding:22px 230px 24px 20px; border-bottom:1px solid #e6e6e6; background:#f4f5f7; font-size:0;}
.boardView .ctg {display:inline-block; margin-right:10px; vertical-align:top;}
.boardView .ctg em {display:inline-block; margin-left:5px; padding:0 10px; border:1px solid #206cab; color:#206cab; font-weight:300; font-size:13px; line-height:20px; border-radius:20px;}
.boardView .ctg em:first-child {margin-left:0;}
.boardView .ctg + .sbjBox {max-width:540px;}
.boardView.type2 .ctg em {border-color:#e75f36; color:#e75f36;}
.boardView.type3 .ctg em {border-color:#693ee4; color:#693ee4;}
.boardView .sbjBox {display:inline-block;}
.boardView .sbjBox .sbj {color:#333; font-size:16px; line-height:1.4;}
.boardView .sbjBox .sbj + img {margin:3px 0 0 10px;}
.boardView .sbjBox .subInfo {margin-top:12px; padding-bottom:2px; line-height:20px;}
.boardView .sbjBox .subInfo ul {margin:3px -5px 0;}
.boardView .sbjBox .subInfo ul:after {display:block; clear:both; content:'';}
.boardView .sbjBox .subInfo ul:first-child {margin-top:0;}
.boardView .sbjBox .subInfo ul li {float:left; position:relative; margin:2px 5px; padding:0 9px; background:#d7dbe5; font-size:12px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.boardView .sbjBox .subInfo ul li em {float:left; position:relative; margin-right:13px;}
.boardView .sbjBox .subInfo ul li em:before {position:absolute; top:50%; right:-7px; width:1px; height:7px; margin-top:-3px; background:#a5a6a8; content:'';}
.boardView .sbjBox .subInfo ul li span {float:left; color:#575f73;}
.boardView .sbjBox .subInfo ul li .btnDtl {display:inline-block; position:absolute; top:0; right:0; width:80px; margin-right:-90px; padding:0 9px; border:1px solid #608ab1; background:#7fa7cc; color:#fff; font-size:11px; line-height:18px; vertical-align:top;}
.boardView .sbjBox .subInfo ul li .btnDtl:after {display:inline-block; width:7px; height:10px; margin-left:10px; background:url(/images/icon/arr_rt_wh.png) 100% 50% no-repeat; vertical-align:middle; content:'';}
.boardView .sbjBox .tag {margin-top:12px; font-size:11px;}
.boardView .infoView {top:20px;}
.boardView .txtArea {position:relative; overflow-x:auto; min-height:410px; padding:35px 40px; word-wrap:break-word;}
.boardView .txtArea a {color:#666;}
.boardView .txtArea img {max-width:100%;}
.boardView .txtArea .list {margin:0 -40px 30px; padding:35px 40px; background:#f9f9f9;}
.boardView .txtArea .list dt {font-weight:300;}
.boardView .txtArea2 {position:relative; word-wrap:break-word;}
.boardView .txtArea2 dl {border-top:1px solid #e6e6e6;}
.boardView .txtArea2 dl:first-child {border-top:0;}
.boardView .txtArea2 dl dt {display:inline-block; position:relative; min-width:100px; margin-left:20px; padding:10px 10px 5px; border-bottom:2px solid #e75f36; color:#333; font-weight:300; font-size:14px;}
.boardView .txtArea2 dl dd {padding:10px 20px 20px; border-top:1px solid #e6e6e6;}
.boardView .tableArea {overflow:auto;}
.boardView .fileList ul {display:table-cell; vertical-align:middle;}
.boardView .txtArea + .txtArea {border-top:1px solid #e6e6e6;}


/* crm editor style 201906 */
.boardEditor {margin:25px 0; color:#222}
.boardEditor * {box-sizing:content-box}
.boardEditor strong, 
.boardEditor b {font-weight:700; letter-spacing:-.04em}
.boardEditor i {font-style:italic}
.boardEditor table {width:auto; color:#222}
.boardEditor a {color:#206cab}
.boardEditor .board_template {letter-spacing:0}
.boardEditor .board_template table {line-height:normal; background-color:inherit}
.boardEditor_files li > a {display:inline-block; margin-bottom:10px}
.boardView .txtArea .boardEditor {margin-top:0}


@media all and (max-width:720px){
	.boardView {margin:0 -14px;}
	.boardView .topArea {overflow:visible; position:relative; padding:25px 24px 17px;}
	.boardView .ctg {display:block; margin:0 0 5px 0;}
	.boardView .ctg em {font-size:11px; line-height:17px;}
	.boardView .sbjBox {max-width:100%;}
	.boardView .sbjBox .sbj {font-size:17px;}
	.boardView .sbjBox .subInfo {margin-top:15px;}
	.boardView .sbjBox .subInfo ul li {margin:2px; padding:0 8px;}
	.boardView .sbjBox .subInfo ul li:first-child {margin:2px;}
	.boardView .sbjBox .tag {margin-top:20px;}
	.boardView .infoView {top:auto; margin-top:12px;}
	.boardView .txtArea {min-height:200px; padding:24px 0; margin:0 24px;}
	.boardView .txtArea .list {margin:0 -24px 20px; padding:24px; font-size:12px;}
}
/* 굿모닝키타 ::iframeArea */
#iframeArea {position:relative; padding:33px 0;}
#iframeArea iframe {display:block; margin:0 auto;}
@media all and (max-width:775px){
	#iframeArea {margin:0; padding:0;}
}
@media all and (max-width:720px){
	#iframeArea {overflow-x:auto;}
	#iframeArea.mobile iframe {width:100%;}
}
/* S :캘린더 조건검색 */
.schTermsArea {margin:15px 0 50px;}
.schTermsArea .btnAlign {margin-top:30px;}
/* E :캘린더 조건검색 */
.boardReg {overflow:hidden; position:relative; border-width:1px 0; border-style:solid; border-color:#333 transparent #e6e6e6;}
.boardReg .regBox > ul {font-size:0; margin-top:-1px;}
.boardReg .regBox > ul > li.line {border-bottom:1px solid #e6e6e6;}
.boardReg .regBox > ul > li {display:inline-block; position:relative; width:50%; border-top:1px solid #e6e6e6; vertical-align:top;}
.boardReg .regBox > ul > li.hideRow {display:none;}
.boardReg .regBox ul li dl {position:relative; padding:12px 20px 12px 145px;}
.boardReg .regBox ul li dl dt {position:absolute; top:0; bottom:0; left:0; width:125px; padding:20px 0 0 20px; background:#f4f5f7; color:#333; font-weight:500; font-size:13px;}
.boardReg .regBox ul li dl dt .nec {margin-left:5px; color:#e31b32;}
.boardReg .regBox ul li dl dt span {display:block; font-weight:100; font-size:11px;}
.boardReg .regBox ul li dl dd label span {line-height:35px;}
.boardReg .regBox ul li dl dd span.txt {display:block; font-size:13px;}
.boardReg .regBox ul li dl dd label + span.txt {margin:7px 0;}
.boardReg .regBox ul li input.txt {width:100%;}
.boardReg .regBox ul li input#keyword {width:60%;}
.boardReg .regBox ul li .txtKeyword {display:inline-block; overflow:hidden; max-width:38%; margin-left:10px; vertical-align:middle; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.boardReg .regBox ul li .txtKeyword a {margin-left:10px; font-size:13px;}
.boardReg .regBox ul li .txtKeyword a:first-child {margin-left:0;}
.boardReg .regBox ul li .cstSelect {width:100%;}
.boardReg .regBox ul li.clb {clear:both; float:none; width:100%;}
.boardReg .regBox ul li .post {padding-right:120px;}
.boardReg .regBox ul li .post .cstChk {position:absolute; top:12px; right:20px; line-height:35px;}
.boardReg .regBox ul li .post2 {padding-right:260px;}
.boardReg .regBox ul li .post2 .chkBox {position:absolute; top:12px; right:20px; line-height:35px;}
.boardReg .regBox ul li .post2 .chkBox .cstChk {margin-left:20px;}
.boardReg .regBox ul li .post2 .chkBox .cstChk:first-child {margin-left:0;}
.boardReg .regBox ul li .chkWrap {margin-top:15px;}
.boardReg .regBox ul li .chkWrap:first-child {margin-top:0;}
.boardReg .regBox ul li .chkWrap .inner {display:inline;}
.boardReg .regBox ul li .chkWrap .inner .chkStTxt {display:inline-block; margin-left:16px;}
.boardReg .regBox ul li .chkWrap .inner .chkStTxt:before {position:absolute; top:50%; left:-8px; width:1px; height:12px; margin-top:-6px; background:#7a7a7a; vertical-align:middle; content:'';}
.boardReg .regBox ul li .chkWrap .optTit + .inner .chkStTxt:first-child,
.boardReg .regBox ul li .chkWrap .inner:first-child .chkStTxt:first-child {margin-left:0;}
.boardReg .regBox ul li .chkWrap .optTit + .inner .chkStTxt:first-child:before,
.boardReg .regBox ul li .chkWrap .inner:first-child .chkStTxt:first-child:before {display:none;}
.boardReg .regBox ul li .sel.ea2 select {width:49%;}
.boardReg .regBox ul li .sel.ea2 select + select {margin-left:2%;}
.boardReg .regBox ul li .boardSch {margin-bottom:0; padding:0; border:none; background:none; text-align:left;}
.boardReg .regBox ul li .boardSch .date {margin-right:35px;}
.boardReg .regBox ul li .boardSch .inner {margin-top:0; margin-bottom:0;}
.boardReg .regBox ul li .boardSch .sel i {display:inline-block; width:20px; color:#111; text-align:center; font-size:13px;}
.boardReg .txtArea {padding:20px; border-top:1px solid #e6e6e6;}
.boardReg .txtArea textarea {width:883px; min-height:330px;}
.boardReg .txtArea + .regBox {border-top:1px solid #e6e6e6;}
.boardReg .emailPush .txt {display:inline-block; margin-right:50px; vertical-align:middle; font-size:14px; line-height:35px;}
.boardReg .emailPush .chkBox {display:inline-block;}
.boardReg .emailGrant {position:relative; margin-top:5px; padding-right:150px;}
.boardReg .emailGrant .txt {font-size:14px; line-height:35px;}
.boardReg .emailGrant .chkBox {position:absolute; top:0; right:5px;}
.boardReg.type2 {border-bottom:0;}
.boardReg.type2 ul li dl {padding-left:110px;}
.boardReg.type2 ul li dl dt {width:90px; padding:0; border-right:1px solid #eaeaea; background:#f7f7f7; text-align:center;}
.boardReg.type2 ul li dl dt strong {position:absolute; top:50%; left:0; width:100%; margin-top:-11px;}
.boardReg.type2 .regBox {border-bottom:1px solid #000;}
.boardReg.type2 .regBox > ul > li {border-color:#eaeaea;}
.boardReg.type2 .regBox ul li dl dd .btnSchOpt {position:absolute; top:50%; right:10px; width:60px; height:30px; margin-top:-15px; border:1px solid #333; text-align:center;}
.boardReg.type2 .regBox ul li dl dd .selTxt {font-size:12px;}
.boardReg.type2 .regBox ul li dl dd .selTxt span {display:inline-block;}
.boardReg.type2 .regBox ul li dl dd .selTxt .s + .s {margin-left:5px;}
.boardReg.type2 .regBox ul li dl dd .selTxt .s + .s:before {margin-right:5px; content:'/';}
.boardReg.type2 .regBox ul li dl dd .boardSch {margin-left:-5px;}
.boardReg.type2 .regBox ul li dl dd .boardSch select {width:8.7vw; max-width:115px;}
.boardReg.type2 .regBox ul li dl dd .boardSch select:disabled {color:#999;}
.boardReg.type2 .regBox ul li dl dd .rdoWrap {margin-left:5px; margin-bottom:10px;}
.boardReg.type2 .regBox ul li dl dd .rdoWrap label span {font-size:12px; line-height:18px;}
.boardReg.type2 .btnBox {text-align:right;}
.boardReg.type2 .btnSd {width:200px; height:37px; padding:0 25px; background:#666; color:#fff; text-align:left; font-size:14px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; outline:0;}
.boardReg.type2 .btnSd span {display:block; background:url(/images/btn/btn_mv_off.png) no-repeat 100% 50%;}
.boardReg.type2.on .regBox > ul > li.hideRow {display:inline-block;}
.boardReg.type2.on .btnSd span {background-image:url(/images/btn/btn_mv_on.png);}
/*.boardReg.type2 ~ .btnAlign {margin:30px 0 50px;} 181120 JSH */
.boardReg.type3 .regBox ul li dl {padding-left:200px;}
.boardReg.type3 .regBox ul li dl dt {width:180px;}
.boardReg2 > ul {border-bottom:1px solid #d0d0d0;}
.boardReg2 > ul > li {position:relative; min-height:34px; padding-left:140px; border-top:1px solid #d0d0d0;}
.boardReg2 > ul > li > dl > dt {display:block; position:absolute; top:0; bottom:0; left:0; width:140px; min-height:34px; background:#f4f5f7; color:#333; text-align:center;}
.boardReg2 > ul > li > dl > dt > label {display:inline-block; position:relative; width:73px; height:34px; background:#f4f5f7; text-align:justify; line-height:34px;}
.boardReg2 > ul > li > dl > dt > label:after {display:inline-block; width:100%; content:'';}
.boardReg2 > ul > li.imp label:before {position:absolute; top:0; right:-13px; color:#e75f36; content:'*';}
.boardReg2 > ul > li input.txt {width:100%; height:34px; border:0;}
.boardReg2 > ul > li textarea {display:block; height:100px; border:0;}
.boardReg2 > ul > li .inpBox {min-height:34px; padding:2px 10px 0;}
.boardReg2 > ul > li .inpBox span {font-size:13px;}
.boardReg2 .txtBox {padding:15px 20px; color:#333; font-size:12px;}
.boardReg2 .txtBox p {margin-top:10px;}
.boardReg2 .txtBox p:first-child {margin-top:0;}
.boardReg2 .buSt {margin:10px;}
@media all and (max-width:720px){
	.boardReg .regBox > ul > li {display:block; width:100%;}
	.boardReg .regBox > ul > li.line {border-bottom:none;}
	.boardReg .regBox > ul > li .optTit {display:none;}
	.boardReg .regBox ul li .sel.ea2 select {width:100%;}
	.boardReg .regBox ul li .sel.ea2 select + select {margin-top:5px; margin-left:0;}
	.boardReg .regBox ul li .boardSch .date {margin-right:5px;}
	.boardReg .regBox ul li [class^="post"] {padding-right:20px;}
	.boardReg .regBox ul li [class^="post"] .cstChk,
	.boardReg .regBox ul li [class^="post"] .chkBox {display:inline-block; position:relative; top:auto; right:auto;}
	.boardReg .regBox ul li [class^="post"] .cstChk + .cstChk,
	.boardReg .regBox ul li [class^="post"] .chkBox + .chkBox {margin-left:20px;}
	.boardReg .regBox ul li .chkWrap {overflow:hidden; padding:8px 0; border-top:1px dotted #333; font-size:0; letter-spacing:-1px;}
	.boardReg .regBox ul li .chkWrap:first-child {border-top:0;}
	.boardReg .regBox ul li .chkWrap .inner {float:left; width:50%; padding:0 5px;}
	.boardReg .regBox ul li .chkWrap .inner .chkStTxt {display:block; margin-left:0;}
	.boardReg .regBox ul li .chkWrap .inner .chkStTxt:before {display:none;}
	.boardReg .regBox .selBusi {height:172px; overflow-y:auto; padding:0 8px; border:1px solid #dedede; background:#f5f5f5;}
	.boardReg .regBox .selBusi .chkWrap .optTit {display:block;}
	.boardReg.type2 .regBox {border-bottom:1px solid #d0d0d0;}
	.boardReg.type2 .regBox ul li {border-color:#d0d0d0;}
	.boardReg.type2 .regBox ul li dl {padding:10px 10px 10px 80px;}
	.boardReg.type2 .regBox ul li dl dt {width:70px; border-right:0; font-size:12px;}
	.boardReg.type2 .regBox ul li dl dt strong {padding:0 10px; text-align:left;}
	.boardReg.type2 .regBox ul li dl dt strong.brR2 {margin-top:-22px;}
	.boardReg.type2 .regBox ul li dl dd .btnSchOpt {font-weight:100; font-size:12px;}
	.boardReg.type2 .regBox ul li dl dd .boardSch {overflow:hidden; margin:0;}
	.boardReg.type2 .regBox ul li dl dd .boardSch .inner {margin:0;}
	.boardReg.type2 .regBox ul li dl dd .boardSch .inner.sel {float:left; width:50%; margin-top:5px;}
	.boardReg.type2 .regBox ul li dl dd .boardSch .inner.sel select {display:inline-block; width:calc(100% - 30px); max-width:none;}
	.boardReg.type2 .regBox ul li .boardSch .sel i {width:30px;}
	.boardReg.type2 .regBox ul li.layRt dl {padding-right:70px;}
	.boardReg.type2 .btnBox {border-bottom:1px solid #d0d0d0;}
	.boardReg.type2 .btnSd {width:100%; background:#edeef2; color:#333; text-align:center; font-size:12px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
	.boardReg.type2 .btnSd span {display:inline-block; padding-right:35px; background:url(/images/btn/btn_mv_off_m.png) no-repeat 100% 50%; -webkit-background-size:9px auto; background-size:9px auto;}
	.boardReg.type2.on .btnSd span {background-image:url(/images/btn/btn_mv_on_m.png);}

	@media \0screen { /* IE 8 */
		.boardReg.type2 .regBox ul li dl dd .boardSch .inner.sel select {width:80%;}
		.boardReg.type2 .regBox ul li .boardSch .sel i {width:20%;}
	}
}
.otherLink {overflow:hidden; margin:80px 0 0;/*80px 0 -95px*/}
.otherLink .inner {overflow:hidden; margin:0 -10px;}
.otherLink .inner .box {float:left; width:33.3%; padding:0 10px;}
.otherLink .inner .box dl {overflow:hidden; position:relative; height:210px; padding:15px 20px 8px; border-width:0 1px 1px; border-style:solid; border-color:transparent #ddd #ddd;}
.otherLink .inner .box dl:after {position:absolute; top:0; right:-1px; left:-1px; height:2px; background:#111; content:'';}
.otherLink .inner .box dl dt {color:#111; font-weight:300; font-size:18px;}
.otherLink .inner .box dl dd {margin-top:7px;}
.otherLink .inner .box dl dd ul li {height:37px; border-bottom:1px solid #ddd;}
.otherLink .inner .box dl dd ul li:nth-child(4) {border-bottom:0;}
.otherLink .inner .box dl dd ul li a {display:block; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.otherLink .inner .box dl dd ul.type1 li {padding-top:7px;}
.otherLink .inner .box dl dd ul.type2 li {background:url(/images/btn/btn_arr_08.png) no-repeat 100% 50%; line-height:36px;}
.otherLink .inner .box dl dd ul.type2 li a {padding-right:15px;}

.otherLink.report {overflow:hidden; margin:80px 0 0;/*80px 0 -95px*/}
.otherLink.report .box { float: none; width: 100%;}
.otherLink.report .box dl { height: auto;}
.otherLink.report .inner .box dl dd ul li {height:auto; border-bottom:1px solid #ddd;}
.otherLink.report .inner .box dl dd ul li:last-child {border-bottom:0;}
.otherLink.report .inner .box dl dd ul.type1 li {display: flex;padding:7px 0;background:url(/images/btn/btn_arr_08.png) no-repeat 100% 14px; }
.otherLink.report .inner .box dl dd ul.type1 li .category {margin-right: 15px; flex-shrink: 0;}
.otherLink.report .inner .box dl dd ul.type1 li .date {margin-left: auto;margin-right: 15px; flex-shrink: 0;}
.otherLink.report .inner .box dl dd ul.type1 li a {padding-right:15px; }
@media all and (max-width:800px){
	.otherLink .inner {position:relative; padding-top:230px;}
	.otherLink .inner .box {width:50%;}
	.otherLink .inner .box:first-child {float:none; position:absolute; top:0; right:0; left:0; width:100%;}
}
@media all and (max-width:720px){
	.otherLink {margin:30px 0 0;/* 30px 0 -60px */}
	.otherLink .inner {margin:0; padding-top:0;}
	.otherLink .inner .box {float:none; width:100%; margin-top:15px; padding:0;}
	.otherLink .inner .box:first-child {position:static; margin-top:0;}
	.otherLink .inner .box dl dt {font-size:16px;}
	.otherLink .inner .box dl dd ul li a {font-size:12px;}
	.otherLink .inner .box dl dd ul.type2 li {background-image:url(/images/btn/btn_arr_08_m.png); -webkit-background-size:5px auto; background-size:5px auto;}
	.otherLink.report .inner .box dl dd ul.type1 li a {-webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box;    white-space: normal;}
}

.replyArea {min-height:400px; margin-top:140px;}
.replyArea .regBox {margin-top:15px; padding:20px; border-width:1px 0; border-style:solid; border-color:#333 transparent #e6e6e6; background:#edeef2;}
.replyArea .regBox fieldset {position:relative; padding-right:115px;}
.replyArea .regBox textarea {display:block; height:105px;}
.replyArea .regBox .gradeReg {position:absolute; top:0; left:0; width:192px; height:105px; border:1px solid #d0d0d0; background:#fff;}
.replyArea .regBox .btnReply {position:absolute; top:0; right:0;}
.replyArea.grade {margin-top:70px;}
.replyArea.grade .regBox fieldset {padding-left:202px;}
.replyArea.grade .totalRe {margin-top:10px; padding:4px 20px; border-bottom:1px solid #e6e6e6;}
.replyArea.grade .regTit {font-size:0;}
.replyArea.grade .regTit em {display:inline-block; color:#111; font-size:14px; vertical-align:middle;}
.replyArea.grade .regTit span.desc {margin-left:14px; font-size:14px; vertical-align:middle;}
.replyArea.grade .regTit span.desc:after {position:absolute; top:50%; left:-6px; width:1px; height:7px; margin-top:-3px; background:#999; content:'';}
.replyArea.grade .regTit .desc {color:#999;}
.replyArea.grade .regTit .btnBox {position:absolute; top:0; right:0;}
@media all and (max-width:720px){
	.replyArea {min-height:auto; margin:90px -14px 0;}
	.replyArea .regBox {margin-top:0; padding:14px;}
	.replyArea .regBox fieldset {position:relative; padding-right:0;}
	.replyArea .regBox textarea {height:85px;}
	.replyArea .regBox .gradeReg {position:relative; top:auto; left:auto; width:auto; height:52px; margin-bottom:5px;}
	.replyArea .regBox .btnReply {position:relative; top:auto; right:auto; margin-top:5px;}
	.replyArea.grade {margin-top:43px;}
	.replyArea.grade .regBox fieldset {padding-left:0;}
	.replyArea.grade .totalRe {display:block; margin:0 14px; padding:12px 0 4px;}
	.replyArea.grade .totalRe dl {font-size:13px;}
	.replyArea.grade .regTit {margin-bottom:5px; padding:0 14px;}
	.replyArea.grade .regTit em {font-size:11px;}
	.replyArea.grade .regTit span.desc {font-size:11px;}
	.replyArea.grade .regTit .btnBox {display:none;}
}

.replyList ul {margin-top:10px;}
.replyList ul li {position:relative; padding:40px 45px 40px 20px; border-bottom:1px solid #edeef2;}
.replyList ul li dl {overflow:hidden;}
.replyList ul li dl dt {overflow:hidden; float:left;}
.replyList ul li dl dt span {float:left;}
.replyList ul li dl dt .name {color:#333; font-weight:300;}
.replyList ul li.me dl dt .name {color:#206cab;}
.replyList ul li dl dt .date {position:relative; margin-left:17px; color:#575f73;}
.replyList ul li dl dt .date:before {position:absolute; top:50%; left:-8px; width:1px; height:7px; margin-top:-3px; background:#a5a6a8; content:'';}
.replyList ul li dl dd {float:none; margin-left:155px;}
.replyList ul li .btnDel {position:absolute; top:45px; right:20px;}
.replyList2 ul {margin-top:0;}
.replyList2 ul li {position:relative; padding:35px 35px 36px 235px; border-bottom:1px solid #edeef2;}
.replyList2 ul li dl dt {overflow:hidden; font-size:12px;}
.replyList2 ul li dl dt span {float:left;}
.replyList2 ul li dl dt .name {min-width:120px; color:#333;}
.replyList2 ul li dl dt .name strong {color:#206cab; font-weight:100;}
.replyList2 ul li dl dt .date {position:relative; margin-left:23px; color:#666;}
.replyList2 ul li dl dt .date:before {position:absolute; top:50%; left:-11px; width:1px; height:7px; margin-top:-3px; background:#a5a6a8; content:'';}
.replyList2 ul li dl dd {margin-top:10px; font-size:12px;}
.replyList2 ul li .btnDel {margin-left:16px;}
@media all and (max-width:720px){
	.replyList {font-size:12px;}
	.replyList ul {margin-top:10px;}
	.replyList ul li {padding:20px 14px 25px;}
	.replyList ul li dl {overflow:hidden;}
	.replyList ul li dl dt {float:none;}
	.replyList ul li dl dt .date {color:#999; font-size:11px; line-height:20px;}
	.replyList ul li dl dd {float:none; margin-left:0;}
	.replyList ul li .btnDel {top:23px; right:14px;}
	.replyList2 {padding:0 14px;}
	.replyList2 ul li {padding:25px 0 17px;}
	.replyList2 ul li dl {margin-top:9px;}
	.replyList2 ul li dl dt .name {min-width:auto;}
	.replyList2 ul li dl dd {margin-top:3px;}
	.replyList2 ul li .btnDel {display:none;}
}

#grade {margin-top:39px; text-align:center; font-size:0;}
#grade input {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
#grade label {display:inline-block; overflow:hidden; position:relative; width:25px; height:24px; margin:0 3px; background:url(/images/btn/btn_star_off.png) no-repeat;}
#grade label.on {background-image:url(/images/btn/btn_star_on.png);}
.gradeView {position:absolute; top:40px; left:40px;}
.gradeView .grade {position:relative; width:149px; height:24px; background:url(/images/common/img_grade_off.png) no-repeat; font-size:0;}
.gradeView .grade p {position:absolute; top:0; bottom:0; left:0; width:20%; background:url(/images/common/img_grade_on.png) no-repeat;}
.gradeView .grade p.star2 {width:40%;}
.gradeView .grade p.star3 {width:60%;}
.gradeView .grade p.star4 {width:80%;}
.gradeView .grade p.star5 {width:100%;}
@media all and (max-width:720px){
	#grade {margin-top:12px;}
	#grade label {background-image:url(/images/btn/btn_star_off_m.png); -webkit-background-size:25px 24px; background-size:25px 24px;}
	#grade label.on {background-image:url(/images/btn/btn_star_on_m.png);}
	.gradeView {position:relative; top:auto; left:auto;}
	.gradeView .grade {width:145px; height:24px; background-image:url(/images/common/img_grade_off_m.png); -webkit-background-size:145px 24px; background-size:145px 24px;}
	.gradeView .grade p {background-image:url(/images/common/img_grade_on_m.png); -webkit-background-size:145px 24px; background-size:145px 24px;}
}

.cmtList {position:relative; z-index:2; margin-top:-1px;}
.cmtList .cmtBox {margin-top:10px; border-width:1px 0; border-style:solid; border-color:#bbb transparent #e6e6e6; padding:25px 40px 35px; background:#f4f5f7 url(/images/icon/icon_cmt.png) no-repeat 22px 28px;}
.cmtList .cmtBox:first-child {margin-top:0;}
@media all and (max-width:720px){
	.cmtList {margin:-1px -14px 0;}
	.cmtList .cmtBox {padding:27px 30px; background-position:14px 30px;}
}

/* TITLE */
.titArea {overflow:hidden; height:120px; margin-bottom:12px;}
.titArea2 {position:relative; margin:33px 0 14px;}
.titArea2:first-child {margin-top:0;}
.titArea2 .more {position:absolute;z-index:1; display:inline-block;top:0; right:0; height:30px; padding-right:30px; font-size:0;}
.titArea2 .more_bt2 {right:144px;}
.titArea2 .more_bt3 {right:316px;}
.titArea2 .more:after {position:absolute; top:0; right:0; width:28px; height:28px; border:1px solid #333; background:url(/images/btn/btn_more_10.png) no-repeat 50% 50%; content:'';}
.titArea2 .more span {display:block; margin-right:10px; color:#333; font-weight:300; font-size:14px; line-height:30px;}
.titArea2 .exInfo {overflow:hidden; position:absolute; right:0; bottom:0;}
.titArea2 .exInfo * {vertical-align:middle;}
.titArea2 .exInfo span {position:relative; float:left; margin-left:35px; color:#564633;}
.titArea2 .exInfo span:before {position:absolute; top:50%; left:-17px; width:1px; height:12px; margin-top:-6px; background:#bbb; content:'';}
.titArea2 .exInfo span:first-child {margin-left:0;}
.titArea2 .exInfo span:first-child:before {display:none;}
.titArea2 .exInfo span .img1 {margin-right:3px;}
.titArea2 .exInfo span .img2 {margin-right:10px;}
.titArea2 .desc4 {margin:5px 0 -7px;}

@media all and (max-width:720px){
	.titArea {height:59px; margin:0 -14px; padding-top:12px; background:#005bbb; text-align:center;}
	.titArea2 {margin:20px 0 8px;}
	.titArea2:first-child {margin-top:20px;}
	.titArea2 .more {top:62px;}
	.titArea2 .more:after {width:23px; height:23px; background-image:url(/images/btn/btn_more_10.png); -webkit-background-size:9px; background-size:9px;}
	.titArea2 .more span {margin-right:8px; font-size:12px; line-height:23px;}
	.titArea2 .exInfo {top:3px; bottom:auto; font-size:11px;}
	.titArea2 .exInfo span {margin-left:20px;}
	.titArea2 .exInfo span:before {left:-10px;}
	.titArea2 .exInfo span .img2 {display:none;}
	.titArea2 .desc4 {margin-bottom:-3px;padding-bottom:54px;}
}

@media all and (max-width:520px){
	.titArea2 .more {left:82%;width:18%;padding-right:0;}
	.titArea2 .more_bt2 {width:24%;left:41%;right:0;}
	.titArea2 .more_bt3 {width:24%;left:0;right:0;}
	.titArea2 .more span {letter-spacing:-0.09em;line-height:28px;}
	.titArea2 .more:after {width:13px;height:13px;top:6px;} 	
}

@media all and (max-width:420px){	
	.titArea2 .more {left:78%;width:22%;padding-right:0;}
	.titArea2 .more_bt2 {width:28.5%;left:39%;right:0;}
	.titArea2 .more_bt3 {width:28.5%;left:0;right:0;}
}

@media all and (max-width:340px){
	.titArea2 .more {left:74%;width:26%;padding-right:0;top:65px;}
	.titArea2 .more_bt2 {width:33%;left:37%;right:0;}
	.titArea2 .more_bt3 {width:33%;left:0;right:0;}
	}

.tit {margin:25px 0 0; font-size:28px;}
.tit_blk {margin:5px 0 0; font-size:28px; font-weight:300; color:#444;}
.sTit {margin-bottom:5px; padding-left:10px; background:url(/images/icon/bu_dot_02.png) no-repeat 0 7px; font-weight:100; font-size:14px; line-height:16px;}
.sTit3 {margin:15px 0 10px; padding-left:10px; background:url(/images/icon/bu_dot_02.png) no-repeat 0 7px; font-weight:100; font-size:14px; line-height:16px;}
.sTit4 {color:#333; font-weight:300; font-size:18px;}
.sTit5 {display:block; color:#333; font-weight:300; font-size:14px;}
.secTit {margin-bottom:18px; padding-left:25px; background:url(/images/icon/bu_stit.png) no-repeat 0 5px; color:#0050a5; font-weight:300; font-size:22px; line-height:25px;}
.secTit2 {margin-bottom:18px; padding-left:17px; background:url(/images/icon/bu_bl.png) no-repeat 0 5px; color:#333; font-weight:300; font-size:17px; line-height:20px;}
.secTit4 {margin-bottom:18px; padding-left:25px; background:url(/images/icon/bu_stit4.png) no-repeat 0 5px; color:#0050a5; font-weight:300; font-size:22px; line-height:25px;}
.secTit ~ .secTit2 ~ .secTit2 {margin-top:20px;}
.secTit3 {margin-bottom:14px; font-size:18px; color:#333; font-weight:300;}
.optTit {display:inline-block; width:42px; height:20px; margin-right:10px; background:#333; color:#fff; font-size:13px; line-height:20px; text-align:center;}
.subTit {margin:60px 0 10px; font-size:24px; letter-spacing:-0.03em; text-align:center;}
.subTitDesc {color:#333; font-size:14px; letter-spacing:-0.03em; text-align:center;}
@media all and (max-width:720px){
	.tit {margin:0; color:#fff; font-size:20px;}
	.tit_blk {margin:0; color:#000; font-size:20px;}
	.sTit4 {font-size:14px;}
	.secTit {margin-bottom:5px; padding-left:15px; background-image:url(/images/icon/bu_stit_m.png); background-position:0 4px; -webkit-background-size:14px auto; background-size:14px auto; font-size:17px; line-height:20px;}
	.secTit2 {margin-bottom:5px; padding-left:15px; background-image:url(/images/icon/bu_bl_m.png); background-position:0 4px; -webkit-background-size:11px auto; background-size:11px auto; font-size:14px; line-height:18px;}
	.secTit + .secTit2 {margin-top:10px;}
	.secTit ~ .secTit2 ~ .secTit2 {margin-top:10px;}
	.secTit3 {margin-bottom:10px; font-size:14px;}
	.subTit {margin:35px 0 5px; font-size:15px;}
	.subTitDesc {font-size:12px; line-height:20px;}
}

/* COMMON */

#contents .edmImg {margin:40px auto;}
#contents .edmImg table td{text-align:center;}
#contents .edmImg table td img{width:100%;max-width:700px;}
#contents .edmImg a{display:none;}
.path {margin-top:14px; font-size:12px;}
.path ul {overflow:hidden;}
.path ul li {float:left; margin-left:7px; padding-left:14px; background:url(/images/icon/path.png) no-repeat 0 50%; color:#333;}
.path ul li a {color:#999;}
.path ul li:first-child {margin-left:0; padding-left:0; background-image:none;}
.path ul li.home {margin-left:0; padding-left:17px; background-image:url(/images/icon/icon_home.png);}
.path ul li.home a {color:#0050a5;}

.subMenu .dep4 {overflow:hidden; position:relative; z-index:20;}
.subMenu .dep4 .selected {display:none;}
.subMenu .dep4 .selected span {display:inline-block; padding-right:18px; background:url(/images/icon/arr_dep4_m.png) no-repeat 100% 50%; -webkit-background-size:10px auto; background-size:10px auto; font-weight:300; font-size:16px; line-height:45px;}
.subMenu .dep4 ul {overflow:hidden; padding:1px 0 0 1px}
.subMenu .dep4:before,
.subMenu .dep4:after,
.subMenu .dep4 ul:before,
.subMenu .dep4 ul:after {position:absolute; z-index:5; background-color:#666; content:'';}
.subMenu .dep4:before {top:0; right:0; left:0; height:1px;} /* TOP */
.subMenu .dep4:after {top:0; bottom:0; right:0; width:1px;} /* RIGHT */
.subMenu .dep4 ul:before {right:0; bottom:0; left:0; height:1px;} /* BOTTOM */
.subMenu .dep4 ul:after {top:0; bottom:0; left:0; width:1px;} /* LEFT */
.subMenu .dep4 ul li {float:left; position:relative; z-index:2; /*z-index:-1; */ width:25%; height:50px; margin-top:-1px;}
.subMenu .dep4.use_cmerc_dep4 ul li {float:left; position:relative; z-index:2; /*z-index:-1; */ width:50%; height:50px; margin-top:-1px;}
.subMenu .dep4 ul li:before,
.subMenu .dep4 ul li:after,
.subMenu .dep4 ul li a:before,
.subMenu .dep4 ul li a:after {position:absolute; z-index:2; background-color:#e5e5e5; content:'';}
.subMenu .dep4 ul li:before {top:0px; right:0; left:-1px; height:1px;} /* TOP */
.subMenu .dep4 ul li:after {top:0; right:0; bottom:0; width:1px;} /* RIGHT */
.subMenu .dep4 ul li a:before {right:0; bottom:0; left:-1px; height:1px;} /* BOTTOM */
.subMenu .dep4 ul li a:after {top:0; bottom:0; left:-1px; width:1px;} /* LEFT */
.subMenu .dep4 ul li a {display:block; position:relative; z-index:2; height:50px; padding:0 14px; color:#666; font-size:14px; line-height:1.3;}
.subMenu .dep4 ul li a span {display:table-cell; height:50px; vertical-align:middle;}
.subMenu .dep4 ul li.on {z-index:6;}
.subMenu .dep4 ul li.on:before,
.subMenu .dep4 ul li.on:after,
.subMenu .dep4 ul li.on a:before,
.subMenu .dep4 ul li.on a:after {background-color:#005bbb;}
.subMenu .dep4 ul li.on:before {top:0px; right:0; left:-1px; height:2px;} /* TOP */
.subMenu .dep4 ul li.on:after {top:0; right:0; bottom:0; width:2px;} /* RIGHT */
.subMenu .dep4 ul li.on a:before {right:0; bottom:0; left:-1px; height:2px;} /* BOTTOM */
.subMenu .dep4 ul li.on a:after {top:0; bottom:0; left:-1px; width:2px;} /* LEFT */
.subMenu .dep4.ea2 ul li {width:50%;}
.subMenu .dep4.ea3 ul li {width:33.33%;}
.subMenu .dep4.ea5 ul li {width:20%;}
.subMenu .dep4.ea6 ul li {width:100%;}
.subMenu .dep4 ul li.on a {padding-right:48px; z-index:4; background:url(/images/icon/icon_dep_on.png) no-repeat 100% 50%; color:#005bbb; font-weight:300;}
.subMenu .dep4.back:before,
.subMenu .dep4.back:after { background-color:transparent;}
.subMenu .dep4.back ul:before,
.subMenu .dep4.back ul:after { background-color:transparent;}
.txtArea .subMenu {margin-top:0px;}
.txtArea .subMenu .dep4 >ul{padding:0;}
.txtArea .subMenu .dep4 ul li {display:block; position:relative; z-index:2; height:auto; padding:20px 14px; color:#666; font-size:14px; line-height:1.6;}
.txtArea .subMenu .dep4 ul li >span {height:40px;text-align:center;font-size:18px;}

@media all and (max-width:780px){
	#contents .edmImg table td{display:table;}
	#contents .edmImg {margin:40px 0;}
	#contents .edmImg a{display:table-cell;width:100%;height: 92%;position: absolute;top:80px;z-index: 0;}
}


@media all and (max-width:720px){
	.path {display:none;}
	.txtArea .subMenu {margin-top:0px;}
	.txtArea .subMenu .dep4 >ul{padding:0;max-height:100%;}
	.txtArea .subMenu .dep4 ul li {padding:0 14px;}
	.txtArea .subMenu .dep4 ul li >span {height:auto;text-align:center;font-size:18px;margin-top:0;}
	.subMenu {margin-top:15px;}
	.subMenu .dep4 {overflow:visible; text-align:center;}
	.subMenu .dep4 .selected {display:block; border:1px solid #333;}
	.subMenu .dep4 .listWrap {display:none; position:absolute; top:100%; right:0; left:0; border:1px solid #ccc; background:#fff;}
	.subMenu .dep4.on .listWrap {display:block;}
	.subMenu .dep4 ul {overflow-y:auto; max-height:189px;}
	.subMenu .dep4:before,
	.subMenu .dep4:after,
	.subMenu .dep4 ul:before,
	.subMenu .dep4 ul:after {display:none;}
	.subMenu .dep4 ul li {z-index:1; float:none; width:100% !important; height:auto; margin-top:0;}
	.subMenu .dep4 ul li:before,
	.subMenu .dep4 ul li:after,
	.subMenu .dep4 ul li a:before,
	.subMenu .dep4 ul li a:after {display:none;}
	.subMenu .dep4 ul li a {height:auto; padding:0; border-top:1px solid #eee; font-size:13px; line-height:37px;}
	.subMenu .dep4 ul li a span {display:block; height:37px; line-height:37px;}
	.subMenu .dep4 ul li a span br {display:none;}
	.subMenu .dep4 ul li:first-child a {border-top:0;}
	.subMenu .dep4 ul li.on a {padding:0; background:#f8f8f8;}
}

.subMenu .dep5 {position:relative; z-index:1; margin-top:20px;}
.subMenu .dep5.grSt:before,
.subMenu .dep5.grSt:after,
.subMenu .dep5.grSt ul:before,
.subMenu .dep5.grSt ul:after {position:absolute; z-index:5; background-color:#666; content:'';}
.subMenu .dep5.grSt ul li {text-align:center;}
.subMenu .dep5.grSt ul li span.txtBold {font-weight:500;}
.subMenu .dep5.grSt ul li.on a{background:#636363;}
.subMenu .dep5.grSt ul li.on:before,
.subMenu .dep5.grSt ul li.on:after,
.subMenu .dep5.grSt ul li.on a:before,
.subMenu .dep5.grSt ul li.on a:after {z-index:5; background-color:#636363;}
.subMenu .dep5.grSt ul li a span {display:block;line-height:50px;color:#666;letter-spacing:0.09em;}
.subMenu .dep5.grSt ul li.on a span {color:#fff;}
.subMenu .dep5:before,
.subMenu .dep5:after,
.subMenu .dep5.grSt ul:before,
.subMenu .dep5.grSt ul:after {background-color:#666;}
.subMenu .dep5.grSt ul li:before,
.subMenu .dep5.grSt ul li:after,
.subMenu .dep5.grSt ul li a:before,
.subMenu .dep5.grSt ul li a:after {position:absolute; z-index:2; background-color:#666; content:'';}
.subMenu .dep5.grSt ul li:before {top:0; bottom:0; left:-1px; width:1px;} /* LEFT */
.subMenu .dep5.grSt ul li:after {top:0; right:0; bottom:0; width:1px;} /* RIGHT */
.subMenu .dep5.grSt ul li a:before {top:0px; right:0; left:-1px; height:1px;} /* TOP */
.subMenu .dep5.grSt ul li a:after {right:0; bottom:0; left:-1px; height:1px;} /* BOTTOM */
.subMenu .dep5.grSt ul li.on {z-index:6;}
.subMenu .dep5.grSt ul li.on:before,
.subMenu .dep5.grSt ul li.on:after,
.subMenu .dep5.grSt ul li.on a:before,
.subMenu .dep5.grSt ul li.on a:after {z-index:5; background-color:#608ab1;}

.subMenu .dep5.grStNew:before,
.subMenu .dep5.grStNew:after,
.subMenu .dep5.grStNew ul:before,
.subMenu .dep5.grStNew ul:after {position:absolute; z-index:5; background-color:#666; content:'';}
.subMenu .dep5.grStNew ul li {text-align:center;}
.subMenu .dep5.grStNew ul li span.txtBold {font-weight:500;}
.subMenu .dep5.grStNew ul li.on a{background:#0092d9;}
.subMenu .dep5.grStNew ul li.on:before,
.subMenu .dep5.grStNew ul li.on:after,
.subMenu .dep5.grStNew ul li.on a:before,
.subMenu .dep5.grStNew ul li.on a:after {z-index:5; background-color:#636363;}
.subMenu .dep5.grStNew ul li a {padding:0;height:50px;}
.subMenu .dep5.grStNew ul li a span {display:block;text-align:center;line-height:50px;color:#222;letter-spacing:0.09em;box-sizing:border-box;font-weight:700;}
.subMenu .dep5.grStNew ul li a span:hover {background:#0092d9;color:#fff;}
.subMenu .dep5.grStNew ul li.on a span {color:#fff;}

.subMenu div.logoTap {text-align:center;}
.subMenu div.logoTap ul li {display:inline-block;float:none;width:16.5%;max-width:16.5%;height:auto;}
.subMenu div.logoTap ul li a {padding-top:5px;}
.subMenu div.logoTap ul li a span {display:inline-block;text-align:center;line-height:50px;font-size:18px;color:#222;letter-spacing:-0.09em;}
.subMenu div.logoTap ul li.on a {background-color:#fff;color:#666;}
.subMenu div.logoTap:before, .subMenu div.logoTap:after, .subMenu div.logoTap ul:before, .subMenu div.logoTap ul:after {background-color:#fff;}
.subMenu div.logoTap ul li.on:before, .subMenu div.logoTap ul li.on:after, .subMenu div.logoTap ul li.on a:before, .subMenu div.logoTap ul li.on a:after {background-color:#fff;}
.subMenu div.logoTap ul li a:before {background-color:#fff;}
.subMenu div.logoTap:after {width:0;}
.subMenu div.logoTap ul li:after {width:0;}
.subMenu div.logoTap ul li:before {width:0;}
.subMenu div.logoTap ul li a p.logoImg {text-align:center;width:128px;height:128px;border-radius:128px;border:solid 1px #bababa;margin:0 auto;overflow:hidden;}
.subMenu div.logoTap ul li a p.logoImg img.pc {display:block;}
.subMenu div.logoTap ul li a p.logoImg img.mobile {display:none;}
.subMenu div.logoTap ul li a p.logoImg img {width:100%;}

@media all and (max-width:900px){
	.subMenu div.logoTap ul li a p.logoImg {width:80px;height:80px;}
	.subMenu div.logoTap ul li a span {font-size:14px;}
	.subMenu .dep5.grStNew ul li a span {height:50px;}
}

@media all and (max-width:720px){
	.subMenu div.logoTap ul li a:before {background-color:#ddd!important;}	
	.subMenu div.logoTap {text-align:left;}
	.subMenu div.logoTap:before, .subMenu div.logoTap:after, .subMenu div.logoTap ul:before, .subMenu div.logoTap ul:after {background-color:#eaeaea;}
	.subMenu div.logoTap ul li.on:before, .subMenu div.logoTap ul li.on:after, .subMenu div.logoTap ul li.on a:before, .subMenu div.logoTap ul li.on a:after {background-color:#eaeaea;}
	.subMenu div.logoTap:after {width:1px;}
	.subMenu div.logoTap ul li:after {width:1px;}
	.subMenu div.logoTap ul li {display:inline-block;float:left;width:50%;max-width:50%;}	
	.subMenu div.logoTap ul li a {vertical-align:top;padding:0 5px;}
	.subMenu div.logoTap ul li a span {display:inline-block;text-align:left;line-height:40px;font-size:14px;color:#999;margin-left:2px;}
	.subMenu div.logoTap ul li a p.logoImg {display:inline-block;width:auto;height:14px;border:0px;border-radius:0;vertical-align:middle;}
	.subMenu div.logoTap ul li a p.logoImg img {width:auto;}
	.subMenu div.logoTap ul li a p.logoImg img.pc {display:none;}
	.subMenu div.logoTap ul li a p.logoImg img.mobile {display:block;}
}


.subMenu .dep5 ul {overflow:hidden; padding:1px 0 0 1px}
.subMenu .dep5:before,
.subMenu .dep5:after,
.subMenu .dep5 ul:before,
.subMenu .dep5 ul:after {position:absolute; z-index:5; background-color:#eaeaea; content:'';}
.subMenu .dep5:before {top:0; right:0; left:0; height:1px;} /* TOP */
.subMenu .dep5:after {top:0; right:0; bottom:0; width:1px;} /* RIGHT */
.subMenu .dep5 ul:before {right:0; bottom:0; left:0; height:1px;} /* BOTTOM */
.subMenu .dep5 ul:after {top:0; bottom:0; left:0; width:1px;} /* LEFT */
.subMenu .dep5 ul li {float:left; position:relative; z-index:2; width:33.33%; height:50PX; margin-top:-1px;}
.subMenu .dep5 ul li a {display:block; position:relative; z-index:2; padding:0 14px; color:#999; font-size:14px; line-height:1.3;}
.subMenu.eng .dep5 ul li a {font-size:12px;}
.subMenu .dep5 ul li a span {display:table-cell; height:50px; vertical-align:middle;}
.subMenu .dep5 ul li a span img.img {max-height:14px;margin-right:5px;}
.subMenu .dep5 ul li:before,
.subMenu .dep5 ul li:after,
.subMenu .dep5 ul li a:before,
.subMenu .dep5 ul li a:after {position:absolute; z-index:2; background-color:#eaeaea; content:'';}
.subMenu .dep5 ul li:before {top:0; bottom:0; left:-1px; width:1px;} /* LEFT */
.subMenu .dep5 ul li:after {top:0; right:0; bottom:0; width:1px;} /* RIGHT */
.subMenu .dep5 ul li a:before {top:0px; right:0; left:-1px; height:1px;} /* TOP */
.subMenu .dep5 ul li a:after {right:0; bottom:0; left:-1px; height:1px;} /* BOTTOM */
.subMenu .dep5 ul li.on {z-index:6;}
.subMenu .dep5 ul li.on:before,
.subMenu .dep5 ul li.on:after,
.subMenu .dep5 ul li.on a:before,
.subMenu .dep5 ul li.on a:after {z-index:5; background-color:#608ab1;}
.subMenu .dep5 ul li.on a {z-index:4; background:#80a5c7; color:#fff;}
.subMenu .dep5.ea2 ul li {width:50%;}
.subMenu .dep5.ea4 ul li {width:25%;}
.subMenu .dep5.ea5 ul li {width:20%;}
@media all and (max-width:720px){
	.subMenu .dep5 {margin-top:15px;}
	.subMenu .dep5:before,
	.subMenu .dep5:after,
	.subMenu .dep5 ul:before,
	.subMenu .dep5 ul:after {background-color:#ddd;}
	.subMenu .dep5 ul li {width:50% !important; height:auto; padding:0;}
	.subMenu .dep5 ul li a {height:40px; padding:0 10px; color:#333; text-align:left; font-size:12px; line-height:1.3;}
	.subMenu .dep5 ul li a span {display:table-cell; height:40px; vertical-align:middle}
	.subMenu .dep5 ul li:before,
	.subMenu .dep5 ul li:after,
	.subMenu .dep5 ul li a:before,
	.subMenu .dep5 ul li a:after {background-color:#ddd;}
	.subMenu .dep5 ul li.on:before,
	.subMenu .dep5 ul li.on:after,
	.subMenu .dep5 ul li.on a:before,
	.subMenu .dep5 ul li.on a:after {background-color:#608ab1;}
	.subMenu .dep5 ul li.on a {background:#74a0c8;}
	
	.subMenu .dep5.grSt ul li a span {display:block;line-height:40px;text-align:center;}
}

.subMenu .dep6 {position:relative; z-index:1; margin:16px 0 -24px;}
.subMenu .dep6 ul {overflow:hidden; padding-left:18px;}
.subMenu .dep6 ul li {float:left; margin-left:30px; padding-left:9px; background:url(/images/icon/icon_dep6_off.png) no-repeat 0 9px; line-height:20px;}
.subMenu .dep6 ul li:first-child {margin-left:0;}
.subMenu .dep6 ul li a {color:#999;}
.subMenu .dep6 ul li.on {background-image:url(/images/icon/icon_dep6_on.png);}
.subMenu .dep6 ul li.on a {border-bottom:1px solid; color:#333;}
@media all and (max-width:720px){
	.subMenu .dep6 {overflow:hidden; margin-bottom:-14px;}
	.subMenu .dep6 ul {margin:-4px 0 0 -18px; padding-left:0;}
	.subMenu .dep6 ul li {margin:4px 0 0 18px; background-image:url(/images/icon/icon_dep6_off_m.png); -webkit-background-size:3px auto; background-size:3px auto; font-size:12px; line-height:19px;}
	.subMenu .dep6 ul li:first-child {margin-left:20px;}
	.subMenu .dep6 ul li.on {background-image:url(/images/icon/icon_dep6_on_m.png);}
}

.tabType {overflow:hidden; position:relative; margin-bottom:43px;}
.tabType:after {position:absolute; right:0; bottom:0; left:0; z-index:1; height:1px; background-color:#666; content:'';}
.tabType ul {overflow:hidden;}
.tabType ul li {float:left; position:relative; z-index:1;}
.tabType ul li a {display:block; padding:13px 15px 14px; border-width:3px 1px 0 1px; border-style:solid; border-color:#fff; background:#fff; color:#999; font-size:14px;}
.tabType ul li.on {z-index:2;}
.tabType ul li.on a {border-color:#666; color:#333; font-weight:300;}
.boardArea .tabType {margin:-40px 0 28px;}
@media all and (max-width:720px){
	.tabType {margin-bottom:35px; padding-top:20px;}
	.tabType:after {background-color:#ebebeb;}
	.tabType ul li {width:50%; border-bottom:1px solid #ebebeb;}
	.tabType ul li a {height:45px; padding:0 10px 0; border-width:2px 0 0; font-size:12px; line-height:1.3;}
	.tabType ul li a span {display:table-cell; height:45px; vertical-align:middle;}
	.boardArea .tabType {margin:-60px 0 15px; padding:0;}
}
/* tab 기능없이 tab 모양일 경우 */
.styleTab {overflow:hidden; position:relative;}
.styleTab:after {position:absolute; right:0; bottom:0; left:0; z-index:1; height:1px; background-color:#666; content:'';}
.styleTab ul {overflow:hidden;}
.styleTab ul li {float:left; position:relative; z-index:1;}
.styleTab ul li a {display:block; padding:13px 15px 14px; border-width:3px 1px 0 1px; border-style:solid; border-color:#fff; background:#fff; color:#999; font-size:14px;}
.styleTab ul li.on {z-index:2;}
.styleTab ul li.on a {border-color:#666; color:#333; font-weight:300;}
.boardArea .styleTab {margin:0 0 28px}
@media all and (max-width:720px){
	.styleTab:after {background-color:#ebebeb;}
	.styleTab ul li {width:50%; border-bottom:1px solid #ebebeb;}
	.styleTab ul li a {height:45px; padding:0 10px 0; border-width:2px 0 0; font-size:12px; line-height:1.3;}
	.styleTab ul li a span {display:table-cell; height:45px; vertical-align:middle;}
	.boardArea .styleTab {margin:0 0 15px; padding:0;}
}

.pagination {position:relative; margin-top:60px; text-align:center; font-size:0;}
.pagination * {vertical-align:middle;}
.pagination span {display:inline-block; margin:0 30px; line-height:0;}
.pagination span a {display:inline-block; margin-left:5px; padding:0 3px; color:#999; font-size:16px; line-height:23px;}
.pagination span a:first-child {margin-left:0;}
.pagination span a:hover,
.pagination span a.on {color:#333;}
.pagination span a.on {border-bottom:1px solid #333;}
.pagination .btnFirst,
.pagination .btnLast,
.pagination .btnPrev,
.pagination .btnNext {display:inline-block; width:30px; height:30px; border:1px solid #333; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;}
.pagination .btnFirst {margin-right:6px; background-image:url(/images/btn/btn_first.png);}
.pagination .btnLast {margin-left:6px; background-image:url(/images/btn/btn_last.png);}
.pagination .btnPrev {background-image:url(/images/btn/btn_prev.png);}
.pagination .btnNext {background-image:url(/images/btn/btn_next.png);}
@media all and (max-width:720px){
	.pagination {margin-top:25px;}
	.pagination span {display:block; margin:0 30px; line-height:0;}
	.pagination span a {margin-left:6%; font-size:13px; line-height:23px;}
	.pagination .btnFirst,
	.pagination .btnLast,
	.pagination .btnPrev,
	.pagination .btnNext {position:absolute; top:0; width:27px; height:27px; -webkit-background-size:25px; background-size:25px;}
	.pagination .btnFirst {left:0; background-image:url(/images/btn/btn_first_m.png);}
	.pagination .btnLast {right:0; background-image:url(/images/btn/btn_last_m.png);}
	.pagination .btnPrev {left:30px; background-image:url(/images/btn/btn_prev_m.png);}
	.pagination .btnNext {right:30px; background-image:url(/images/btn/btn_next_m.png);}
}

.schBox {position:relative;}
.schBox .txt {padding-right:43px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.schBox .btnSch {position:absolute; top:1px; right:1px;}

.cstChk {position:relative; font-size:0;}
.cstChk input {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.cstChk i {display:inline-block; width:18px; height:18px; margin-top:1px; border:1px solid #999; background-color:#fff; vertical-align:middle;}
.cstChk i.checked {background:url(/images/btn/bg_chk_on.png) 50% 50% no-repeat;}
.cstChk i.disabled {background:#dedede;}
.cstChk span {display:inline-block; margin-left:8px; color:#333; font-size:14px; vertical-align:middle;}

.cstChk2 {position:relative; font-size:0;}
.cstChk2 input {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.cstChk2 i {display:inline-block; width:18px; height:18px; margin-top:1px; border:1px solid #999; background-color:#fff; vertical-align:middle;}
.cstChk2 i.checked {background:url(/images/btn/bg_chk_on.png) 50% 50% no-repeat;}
.cstChk2 i.disabled {background:#dedede;}
.cstChk2 span {display:inline-block; margin-left:8px; color:#333; font-size:14px; vertical-align:middle;}

.chkStTxt {position:relative;}
.chkStTxt input {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.chkStTxt i.checked + span {color:#e75f36;}
.chkStTxt span {display:inline-block; font-size:13px; line-height:22px !important; word-break:keep-all;}

.cstRdo {position:relative; margin-left:30px; font-size:0;}
.cstRdo:first-child {margin-left:0;}
.cstRdo input {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.cstRdo i {display:inline-block; width:18px; height:18px; margin-top:1px; background:url(/images/btn/bg_rdo_off.png) no-repeat 0 0; vertical-align:middle;}
.cstRdo i.checked {background-image:url(/images/btn/bg_rdo_on.png);}
.cstRdo span {display:inline-block; margin-left:8px; color:#333; font-size:14px; vertical-align:middle;}

.agrChk {position:relative; font-size:0;}
.agrChk i {display:inline-block; width:28px; height:28px; background:url(/images/btn/bg_agrChk_off.png) no-repeat 0 0; vertical-align:middle;}
.agrChk i.checked {background-image:url(/images/btn/bg_agrChk_on.png);}
.agrChk input {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.agrChk input:checked ~ i {background-image:url(/images/btn/bg_agrChk_on.png);}
@media all and (max-width:720px){
	.chkStTxt {display:block; font-size:12px;}

	.agrChk i {background:url(/images/btn/bg_agrChk_m_off.png) 0 0 no-repeat; background-size:28px auto;}
	.agrChk input:checked ~ i {background-image:url(/images/btn/bg_agrChk_m_on.png); background-size:28px auto;}
}

.imgArea  {width:100%; min-height:80px; padding:10px 0px 10px 0px; border-top:1px solid #e6e6e6; color:#333;}
.imgArea img {width:100%; min-height:50px; }
.fileArea {width:100%; min-height:80px; padding:40px 30px 40px 85px; border-top:1px solid #e6e6e6; color:#333; background:url(/images/common/bg_file.png) no-repeat 23px 50%; font-size:12px;}
.fileArea.img {background-image:url(/images/common/bg_file_02.png);}
.fileArea.a {padding-top:30px; padding-bottom:30px; background-image:url(/images/common/bg_file_03.png); background-color:#f7f7f7;}
.fileArea .addFile {font-size:0;}
.fileArea .desc {position:relative; margin-left:25px; vertical-align:top; line-height:22px;}
.fileArea .desc:after {position:absolute; top:2px; left:-12px; height:10px; border-left:1px solid #d4d4d4; content:'';}
.fileArea .fileList .fizleBox {margin-top:10px;}
.fileArea .fileList li {margin-top:5px;}
.fileArea .fileList li:first-child {margin-top:0;}
.fileArea .fileList li a {display:block;}
.fileArea .fileList li span {margin-left:3px;}
.fileArea .fileList li span:first-child {margin-left:0;}
.fileArea.a .fileList li a {position:relative; padding-right:16px;font-weight:300;}
.fileArea.a .fileList li a:after {margin-left:10px; font-weight:100; font-size:12px; content:'▶'; line-height:1.2;}
.fileArea.a .fileList li a:hover {color:#0050a5;}
@media all and (max-width:720px){
	.imgArea  {width:100%; min-height:70px; padding:10px 10px 10px 10px; border-top:1px solid #e6e6e6; color:#333;}
	.imgArea img {width:100%; min-height:50px; }
	.fileArea {min-height:50px; padding:25px 20px 25px 75px; background-image:url(/images/common/bg_file_m.png); background-position:20px 50%; -webkit-background-size:40px;
		background-size:40px;}
	.fileArea.img {background-image:url(/images/common/bg_file_02_m.png);}
	.fileArea.a {background-image:url(/images/common/bg_file_03_m.png);}
	.fileArea .fileList li .btnDel {display:none;}
}

.inpFile {position:relative; padding-right:30px; margin-top:7px;}
.inpFile:first-child {margin-top:10px;}
.inpFile .btnDel {position:absolute; top:11px; right:0;}
.inpFile .cstRdo {position:absolute; top:7px; left:8px; z-index:3;}
.inpFile .inp {position:relative; height:35px;}
.inpFile .inp input[type=file] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0);}
.inpFile .inp label {display:block; position:absolute; top:0; right:0; left:0; bottom:0; z-index:2; text-indent:-99999px; background-color:#000; opacity:0; filter:alpha(opacity=0);}
.inpFile .fileName {display:block; position:relative; z-index:1; width:100%; height:35px; padding:0 10px; border:1px solid #d0d0d0; background-color:#f5f5f5; color:#333; font-weight:100; font-size:12px; font-family:ng, Verdana, Dotum, AppleGothic, sans-serif; line-height:33px;}
.inpFile .fileName.on {background-color:#fff;}
.inpFile input.fileName::-webkit-input-placeholder {color:#999 !important;}
.inpFile input.fileName:-moz-placeholder {color:#999 !important;}
.inpFile input.fileName::-moz-placeholder {color:#999 !important;}
.inpFile input.fileName:-ms-input-placeholder {color:#999 !important;}
.inpFile.type2:after {position:absolute; top:0; bottom:0; left:33px; z-index:2; border-left:1px solid #d0d0d0; content:'';}
.inpFile.type2 .inp label {left:35px;}
.inpFile.type2 .fileName {padding-left:45px;}

#helpBox {display:inline-block; position:relative; vertical-align:middle; font-size:0;}
#helpBox #helpInner {display:none; position:absolute; top:-20px; left:40px; width:200px; padding:7px 10px; border:1px solid #c8c8c8; background:#fff;}
#helpBox.on #helpInner {display:block;}
#helpBox #helpInner:before {position:absolute; top:20px; left:-7px; width:10px; height:10px; border-width:1px 0 0 1px; border-style:solid; border-color:#c8c8c8; background:#fff; transform:rotate(-45deg); content:'';}

.boxSt1 {border-top:1px solid #1e6fad; background:#edeef2;}
.boxSt2 {border:1px solid #ddd; background:#f5f5f5;}
.boxSt3 {border-top:1px solid #333; border-bottom:1px solid #e6e6e6; background:#f4f5f7;}
.boxSt4 {padding:15px 20px; border:1px solid #dedede; background:#f1f1f1;}
.boxSt5 {padding:15px 20px; border:1px solid #d7e7f8; background:#f5f8fb;}
.boxSt6 {padding:10px; border:2px solid #eaeaea; background:#fff; color:#333; text-align:center; font-size:14px;}
.boxSt7 {padding:20px; background:#f3f3f3;}
.boxSt8 {border-top:0 solid #1e6fad; background:#f5f8fb; width:70%;}
@media all and (max-width:720px){
	.boxSt4 {padding:10px 15px;}
}

/* ETC */
#ifr {display:block;}
.none {display:none;}
.moVer {display:none;}
.pcBr {display:none;}
.clearfix:after {display:block; clear:both; content:"";}

.txtLine {border-bottom:1px solid;}
.txtBold2 {font-weight:700;}
.txtBold {font-weight:300;}
.txtNml {font-weight:100;}
.txtEmp {color:#333;}
.txtBlack {color:#111;}
.txtGray {color:#999;}
.txtGray2 {color:#666;}
.txtOrg {color:#e75f36;}
.txtOrg2 {border-bottom:1px solid; color:#e75f36;}
.txtRed {color:#e31b32 !important;}
.txtRed li {color:#e31b32 !important;}
.txtRed2 {border-bottom:1px solid; color:#e31b32;}
.txtBlue {color:#0050a5 !important;}
.txtBlue2 {border-bottom:1px solid; color:#0050a5;}
.hiddenArea {display:none;}
.hiddenArea.on {display:block;}
.alc {text-align:center;}
.all {text-align:left;}
.alr {text-align:right;}

.desc {position:relative; color:#999; font-size:12px;}
.desc2 {position:relative; color:#999; font-size:12px;}
.desc2 em {color:#e75f36;}
.desc3 {padding:20px; background:#f4f5f7;}
.desc4 {position:relative; padding-left:15px; color:#999; }
.desc4:before {position:absolute; top:0; left:0; content:'※';}
.titDesc {margin-bottom:24px; color:#666; font-size:14px;}
.titDesc li:before {display:inline-block; width:2px; height:2px; margin-right:8px; background:#666; vertical-align:middle; content:"";}
.titDesc li {padding-left:10px; text-indent:-10px;}
.titDesc a {display:inline-block; margin-left:10px; padding:0 8px; background:#206cab; color:#fff; font-size:12px; line-height:25px; text-indent:0; vertical-align:middle;}

.link {display:inline-block; position:relative;}
.link:after {display:inline-block; position:absolute; top:50%; right:-6px; width:5px; height:8px; margin:-4px; background:url(/images/icon/arr_link.png); content:"";}
.linkWrap .link {margin:5px 0; border-bottom:1px solid #999; color:#666; font-size:13px; line-height:19px;}
.linkWrap .link:not(:last-of-type){margin-right:25px;}
.cirArr:after {display:inline-block; width:24px; height:24px; border-radius:50%; background:url(/images/icon/arr_w.png) 50% 50% no-repeat; content:"";}

.sCut {position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; text-indent:-99999px; font-size:0;}
.noData {padding:50px !important; text-align:center;}
.divLine {background:url(/images/common/bg_dot_vt.png) 0 0 repeat-y;}
.emp {display:inline-block !important; margin-left:2px; color:#f00;}
.emTxt {position:relative; padding-left:10px; color:#1e6fad;}
.emTxt:before {position:absolute; top:0; left:0; content:"*";}
.strTxt {color:#333; font-size:22px; font-weight:300;}
.txtList li {padding-left:10px; text-indent:-9px;}
.txtList li:before {margin-right:5px; content:"-";}
.picto:before {display:block; width:180px; height:180px; margin-left:auto; margin-right:auto; border-radius:50%; background-color:#edeef2; background-position:50% 50%; background-repeat:no-repeat; vertical-align:top; content:"";}
@media all and (max-width:720px){
	.pcVer {display:none !important;}
	.moVer {display:block;}
	.moBr {display:block;}

	.desc4 {padding-left:13px; font-size:12px; line-height:1.3;}
	.titDesc {margin-top:20px; font-size:12px;}
	.titDesc a {font-size:11px; line-height:21px; vertical-align:top;}
	.titDesc li {padding-left:8px; text-indent:-8px;}

	.noData {padding:30px !important;}
	.exArea {margin-left:-14px; margin-right:-14px;}
	.strTxt {font-size:17px;}
}

/* TAB */
.ui-tab {position:relative; padding-top:64px;}
.ui-menu {display:block; position:absolute; top:0; left:0; width:100%;}
.ui-menu.li2 button {width:50%;}
.ui-menu .ui-btn {display:block; float:left; height:64px; border-width:2px 0 1px; border-style:solid; border-color:#fff #fff #1e6fad; color:#666; font-size:18px; letter-spacing:-0.03em;}
.ui-menu .ui-btn.on {border-width:3px 1px 1px; border-color:#1e6fad #1e6fad #fff; color:#1e6fad; font-weight:500;}
.ui-tab-cont {display:none;}
.ui-tab-cont.on {display:block;}
@media all and (max-width:720px){
	.ui-tab {padding-top:55px;}
	.ui-menu .ui-btn {height:55px; font-size:12px;}
}

/* ACCORDION */
.ui-accordion-tit {position:relative;}
.ui-accordion-tit.on .ui-accordion-btn {-webkit-transform:rotate3d(0, 0, 1, -180deg); -moz-transform:rotate3d(0, 0, 1, -180deg); -ms-transform:rotate3d(0, 0, 1, -180deg); -o-transform:rotate3d(0, 0, 1, -180deg);}
.ui-accordion-btn {display:block; position:absolute; top:50%; right:0; width:55px; height:50px; margin-top:-23px; background:url(/images/icon/arr_gr_t.png) 50% 50% no-repeat; text-indent:-9999px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
@media \0screen { /* IE 8 */
	.ui-accordion-tit.on .ui-accordion-btn {background:url(/images/icon/arr_gr_bt.png) 50% 50% no-repeat;}
}
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { /* IE 9 */
	.ui-accordion-tit.on .ui-accordion-btn {background:url(/images/icon/arr_gr_bt.png) 50% 50% no-repeat;}
}
@media all and (max-width:720px){
	.ui-accordion-btn {width:34px; height:31px; margin-top:-15px; background:url(/images/icon/arr_gr_bt_m.png) 50% 50% no-repeat; background-size:14px auto;}
}

/* SAMPLE */
.sampleTable {border:1px solid #d0d0d0;}
.sampleTable thead th {border-left:1px solid #d0d0d0;}
.sampleTable thead th:first-child {border-left:0;}
.sampleTable tbody th {border-top:1px solid #d0d0d0;}
.sampleTable td {border-width:1px 0 0 1px; border-style:solid; border-color:#d0d0d0; text-align:center;}

/* BUTTON */
.btnAlign {position:relative; z-index:1; width:100%; height:36px; margin-top:20px; text-align:center; font-size:0;}
.btnAlign.st2 {margin-top:30px;}
.btnAlign + .pagination {margin-top:4px;}
.btnAlign button,
.btnAlign a {margin-left:5px;}
.btnAlign button:first-child,
.btnAlign a:first-child {margin-left:0;}
.btnAlign .aCenter {position:absolute; top:0; right:0; left:0; z-index:-1;}
.btnAlign .aLeft {display:inline-block; float:left;}
.btnAlign .aRight {display:inline-block; float:right;}

.btnLink {margin-top:10px; font-size:0;}
.btnLink.st2 {margin-bottom:20px;}
.btnLink.st3 {margin-bottom:60px;}
.btnLink.mgtb {margin:20px 0;}
.btnLink.mgt {margin-top:20px;}
.btnLink p {margin-top:10px;}
.btnLink p:first-child {margin-top:0;}
.btnLink a {margin-left:20px;}
.btnLink a:first-child {margin-left:0;}
.btnLink2 {margin-top:10px; text-align:center; font-size:0;}
.btnLink2 a {margin:5px;}
.btnLink3 {display:inline-block; margin:0 0 10px 10px;}

li .btnLink {margin-bottom:25px;}
@media all and (max-width:1024px){
	/* BUTTON */
	li .btnLink {margin-bottom:12px;}
}
@media all and (max-width:720px){
	/* BUTTON */
	.btnAlign {height:auto; margin-top:10px;}
	.btnAlign + .pagination {margin-top:15px;}
	.btnAlign .aRight {display:block; float:none; text-align:right;}
	.btnAlign.st2 .aRight button {margin-left:0; margin-top:5px;}
	.btnAlign.st2 .aRight button:first-child {margin-top:0;}
	.btnLink a {margin-top:10px; margin-left:0;}
	.btnLink a:first-child {margin-top:0;}
	.btnLink3 {margin:5px 0 10px;}

}

/* BUTTON :: LAYOUT */
.btnMail {display:none;}

.btnSearch {width:50px; height:50px; background:url(/images/btn/btn_search.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnSearch.on {background-image:url(/images/btn/btn_search_on.png);}
.btnSearch2 {width:100px !important; border:1px solid #ebf0f3; color:#888; font-weight:100;}
.btnSearch2 span {padding-right:23px; background:url(/images/btn/btn_search_02_off.png) no-repeat 100% 50%;}
.btnSearch2.on span {background-image:url(/images/btn/btn_search_02_on.png);}

.btnAll {width:50px; height:50px; margin-left:5px; background-color:transparent; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.btnAll span {display:block; position:relative; width:30px; height:26px; margin:0 auto; border:0; border-bottom:2px solid #111; border-top:2px solid #111; background-color:transparent; outline:0; -webkit-transition:border-color 150ms ease-out, transform 150ms ease-out; -moz-transition:border-color 150ms ease-out, transform 150ms ease-out; -ms-transition:border-color 150ms ease-out, transform 150ms ease-out; -o-transition:border-color 150ms ease-out, transform 150ms ease-out; transition:border-color 150ms ease-out, transform 150ms ease-out; font-size:0;}
.btnAll span:after,
.btnAll span:before {position:absolute; right:0; bottom:10px; left:0; height:0; border-bottom:2px solid #111; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; content:'';}
.btnAll span::after,
.btnAll span::before {position:absolute; right:0; bottom:10px; left:0; height:0; border-bottom:2px solid #111; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; content:'';}
.btnAll.on span {border-color:transparent;}
.btnAll.on span::after {-webkit-transform:rotate3d(0, 0, 1, 45deg); -moz-transform:rotate3d(0, 0, 1, 45deg); -ms-transform:rotate3d(0, 0, 1, 45deg); -o-transform:rotate3d(0, 0, 1, 45deg);}
.btnAll.on span::before {-webkit-transform:rotate3d(0, 0, 1, -45deg); -moz-transform:rotate3d(0, 0, 1, -45deg); -ms-transform:rotate3d(0, 0, 1, -45deg); -o-transform:rotate3d(0, 0, 1, -45deg);}
.btnAll.on span:after {-webkit-transform:rotate3d(0, 0, 1, 45deg); -moz-transform:rotate3d(0, 0, 1, 45deg); -ms-transform:rotate3d(0, 0, 1, 45deg); -o-transform:rotate3d(0, 0, 1, 45deg);}
.btnAll.on span:before {-webkit-transform:rotate3d(0, 0, 1, -45deg); -moz-transform:rotate3d(0, 0, 1, -45deg); -ms-transform:rotate3d(0, 0, 1, -45deg); -o-transform:rotate3d(0, 0, 1, -45deg);}

.btnGnb {display:none; width:50px; height:50px; margin-left:5px; background-color:transparent;}
.btnGnb span {display:block; position:relative; width:30px; height:26px; margin:0 auto; border:0; border-bottom:2px solid #111; border-top:2px solid #111; background-color:transparent; outline:0; font-size:0;}
.btnGnb span:before,
.btnGnb span::before {position:absolute; right:0; bottom:10px; left:0; height:0; border-bottom:2px solid #111; content:'';}
.btnGnbClose {display:none; position:absolute; top:17px; right:13px; width:19px; height:19px; background:url(/images/btn/btn_gnbclose_m.png) no-repeat 50% 50%; -webkit-background-size:16px auto; background-size:16px auto; text-indent:-99999px;}
@media all and (max-width:1024px){
	/* BUTTON ::LAYOUT */
	.btnMail {display:inline-block; width:50px; height:50px; background:url(/images/btn/btn_mail.png) no-repeat 50% 50%; text-indent:-99999px;}
	.btnAll {display:none;}
	.btnGnb {display:inline-block;}
	.btnGnbClose {display:block;}
}
@media all and (max-width:720px){
	/* BUTTON ::LAYOUT */
	.btnAll {display:none;}
	.btnMail {width:30px; height:30px; background-image:url(/images/btn/btn_mail_m.png); -webkit-background-size:18px; background-size:18px;}
	.btnSearch {width:30px; height:30px; background-image:url(/images/btn/btn_search_m.png); -webkit-background-size:16px; background-size:16px;}
	.btnSearch.on {background-image:url(/images/btn/btn_search_on_m.png);}
	.btnSearch2 {display:none;}
	.btnGnb {width:30px; height:30px; margin-left:3px; background:url(/images/btn/btn_gnb_m.png) no-repeat 50% 50%; -webkit-background-size:22px auto; background-size:22px auto;}
	.btnGnb span {border:0;}
	.btnGnb span:before,
	.btnGnb span:after {display:none;}
}

/* BUTTON ::COMMON */
.btnSch {width:33px; height:33px; background:url(/images/btn/btn_sch.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnSch2 {width:70px; height:57px; background:#2f76d7 url(/images/btn/btn_sch_02.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnSch3 {width:50px; height:35px; background:#2f76d7 url(/images/btn/btn_sch_02.png) no-repeat 50% 50%; -webkit-background-size:auto 20px; background-size:auto 20px; text-indent:-99999px;}
.btnSch4 {width:35px; height:35px; background:#5c5c5c url(/images/btn/btn_sch_wh.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnSch5 {width:39px; height:35px; background:#005bbb url(/images/btn/btn_sch_wh.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnReset {width:39px; height:35px; background:#5c5c5c url(/images/btn/btn_sch_reset.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnReply {width:105px; height:105px; border:1px solid #262626; background:#333; color:#fff;}
.btnPrint {position:relative; z-index:1; width:35px; height:35px; margin-right:-1px; border:1px solid #d0d0d0; background:#fff url(/images/btn/btn_print.png) no-repeat 50% 50%; text-indent:-99999px; vertical-align:top;}
.btnShare {position:relative; z-index:1; width:35px; height:35px; border:1px solid #d0d0d0; background:#fff url(/images/btn/btn_share.png) no-repeat 50% 50%; text-indent:-99999px; vertical-align:top;}
.btnPrint:focus,
.btnShare:focus {z-index:2;}
.btnLike {min-width:65px; height:35px; margin-right:5px; padding:0 8px 0 33px; border:1px solid #d0d0d0; background:#fff url(/images/btn/btn_like.png) no-repeat 7px 50%; color:#666; font-size:14px;}
.btnLike.on {background-image:url(/images/btn/btn_like_on.png);}
.btnClose {position:absolute; top:-33px; right:0; width:17px; height:17px; background:url(/images/btn/btn_close.png) no-repeat; text-indent:-99999px;}
.btnClose2 {position:absolute; top:0; right:0; width:53px; height:45px; background:url(/images/btn/btn_close_02.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnClose3 {position:absolute; top:20px; right:20px; width:24px; height:24px; background:url(/images/btn/btn_close_03.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnFile {display:inline-block; width:68px; height:22px;background:url(/images/btn/btn_file.png) no-repeat; text-indent:-99999px; font-size:0; cursor:pointer;}
.btnFile2 {display:inline-block; width:77px; height:22px;background:url(/images/btn/btn_file_02.png) no-repeat; text-indent:-99999px; font-size:0; cursor:pointer;}
.btnDel {width:15px; height:15px; margin-left:7px; background:url(/images/btn/btn_delete.png) no-repeat; text-indent:-99999px;}
.btnDw {display:inline-block; min-width:250px; height:52px; padding:0 34px; background:#005bbb; color:#fff; font-weight:300; font-size:15px; line-height:52px;}
.btnDw span {display:block; padding-right:57px; background:url(/images/btn/btn_dw.png) no-repeat 100% 50%;}
.btnDw2 {display:inline-block; min-width:120px; border-bottom: 1px solid #111; height:35px; padding:0 6px; color:#111; font-weight:300; font-size:15px; line-height:35px;}
.btnDw2 span {display:block; text-align:left; background:url(/images/btn/btn_dw2.png) no-repeat 100% 50%;}
.btnDw3 {display:inline-block; width:23%; height:48px; background:#005bbb; color:#fff; font-weight:300; vertical-align:top; font-size:14px; line-height:48px;}
.good_btn {border: 1px solid black; background:black; color:white; height:35px; width:55px; font-size:16px}

.btnHelp {display:inline-block; width:17px; height:17px; margin-left:5px; border:1px solid #999; background:#fff; text-align:center; font-size:11px; line-height:15px; border-radius:20px; outline:0;}
.btnF5 {height:35px; padding-left:23px; padding-right:5px; background:url(/images/btn/btn_rpt.png) 5px 50% no-repeat; font-size:14px;}
.btnF5 span {border-bottom:1px solid #333;}
.btnV {width:38px; height:23px; border:1px solid #999; border-radius:3px; background:#fff; font-size:12px;}
.btnbrw {display:block; width:162px; height:42px; color:#805d2e; border:1px solid #805d2e; line-height:40px; text-align:center; font-size:14px; font-weight:300; background:#fff;}
@media all and (max-width:900px){
	.btnDw3 {font-size:13px;}
}
@media all and (max-width:720px){
	/* BUTTON ::COMMON */
	.btnSch2 {width:43px; height:35px; background-image:url(/images/btn/btn_sch_02_m.png); -webkit-background-size:22px auto; background-size:22px auto;}
	.btnSch3 {width:100%;}
	.btnReply {width:100%; height:35px; border-color:#1b619b; background:#206cab; font-size:12px;}
	.btnPrint {display:none;}
	.btnShare {width:25px; height:25px; background-image:url(/images/btn/btn_share_m.png); -webkit-background-size:23px; background-size:23px;}
	.good_btn {width:50px; height:25px; font-size:12px}
	.btnLike {min-width:45px; height:23px; margin-right:3px; padding:0 8px 0 20px; -webkit-background-size:auto 10px; 	background-size:auto 10px; font-size:12px;}
	.btnLike.on {background-image:url(/images/btn/btn_like_on.png);}
	.btnClose3 {top:15px; right:15px; background-image:url(/images/btn/btn_close_03_m.png); -webkit-background-size:24px; background-size:24px;}
	.btnDw {display:block; min-width:0; height:44px; padding:0 12px; font-size:12px; line-height:44px; text-align:left;}
	.btnDw span {padding-right:30px; background-image:url(/images/btn/btn_dw_m.png); -webkit-background-size:18px auto; background-size:18px auto;}
	.btnDw3 {width:48%; height:40px; line-height:40px;}
	.btnDw.multi {padding:4px 12px; line-height:1.5;}
	.btnbrw {width:160px; height: 40px; line-height:38px; font-size:13px;}
}

/* BUTTON ::COLOR */
.btnDft {width:80px; height:36px; border:1px solid #333; background:#fff;}
.btnDft2 {display:inline-block; min-width:250px; height:52px; padding:0 34px; border:1px solid #666; background:#fff; color:#333; text-align:center; font-weight:300; font-size:15px; line-height:50px;}
.btnDft2:hover {border-color:#005bbb; background:#005bbb; color:#fff;}
.btnDft3 {display:inline-block; min-width:250px; height:36px; padding:0 34px; border:1px solid #666; background:#fff; color:#333; text-align:center; font-weight:300; font-size:15px; line-height:34px;}
.btnDft3:hover {border-color:#005bbb; background:#005bbb; color:#fff;}
.btnDft4 {width:120px; height:36px; border:1px solid #333; background:#fff;}
.btnDft5 {display:inline-block; min-width:100px; height:25px; padding:0 10px; border:1px solid #666; background:#fff; color:#333; text-align:center; font-weight:300; font-size:13px; line-height:23px;}
.btnDft5:hover {border-color:#005bbb; background:#005bbb; color:#fff;}
.btnPk {display:inline-block; min-width:250px; height:52px; padding:0 34px; border:1px solid #e31b32; background:#fff; color:#e31b32; text-align:center; font-weight:300; font-size:15px; line-height:50px;}
.btnPk.type2 {display:inline-block; min-width:160px; height:42px; padding:0 34px; border:1px solid #e31b32; background:#fff; color:#e31b32; text-align:center; font-weight:300; font-size:15px; line-height:40px;}
.btnPk.type3 {display:inline-block; min-width:160px; height:42px; padding:0 34px; border:1px solid #e31b32; background:#fff; color:#e31b32; text-align:center; font-weight:300; font-size:15px; line-height:40px;}
.btnPk.newBtn {position:relative;border-radius:32px;-webkit-border-radius:32px;-moz-border-radius:32px;background:#086bd3;border:solid 1px #00aeef;color:#fff;}
.btnPk.newBtn::before {content:"";display:block;position:absolute;width:22px;height:22px;top:15px;right:15px;background:url(/images/btn/btn_arr_new.png) no-repeat;}
.btnBl {display:inline-block; min-width:250px; height:52px; padding:0 34px; border:1px solid #206cab; background:#fff; color:#206cab; text-align:center; font-weight:300; font-size:15px; line-height:50px;}
.btnBl.type3 {display:inline-block; min-width:160px; height:42px; padding:0 34px; border:1px solid #206cab; background:#206cab; color:#fff; text-align:center; font-weight:300; font-size:15px; line-height:40px;}
.btnCha {width:80px; height:36px; border:1px solid #262626; background:#333; color:#fff;}
.btnCha2 {height:25px; padding:0 8px; border:1px solid #262626; background:#333; color:#fff; font-weight:100; font-size:12px;}
.btnGray {width:80px; height:36px; border:1px solid #b4b4b4; background:#bbb; color:#fff;}
.btnDgray {width:90px; height:35px; background:#666; color:#fff;}
.btnDgray2 {display:inline-block; min-width:250px; height:52px; padding:0 34px; background:#333; color:#fff; text-align:center; font-weight:300; font-size:15px; line-height:50px;}
.btnBlue {width:80px; height:36px; border:1px solid #1b619b; background:#206cab; color:#fff;}
.btnBlue2 {width:175px; height:36px; padding:0 8px; border:1px solid #1b619b; background:#206cab; color:#fff;}
.btnBlue3 {height:36px; padding:0 20px; border:1px solid #1b619b; background:#206cab; color:#fff;}
.btnBlue4 {height:20px; padding:0 15px; background:#005bbb; color:#fff; font-weight:100; font-size:12px;}
.btnBlue5 {width:170px; height:52px; background:#005bbb; color:#fff; font-size:16px;}
.btnEg {width:170px; height:52px; background:#26a9be; color:#fff; font-size:16px;}
.btnSky {width:80px; height:36px; border:1px solid #608ab1; background:#7fa7cc; color:#fff;}
.btnSky2 {display:inline-block; min-width:250px; height:46px; padding:0 34px; border:1px solid #608ab1; color:#fff; text-align:left; font-weight:300; font-size:15px; line-height:44px; background:#7fa7cc url(/images/btn/btn_arr_06.png) no-repeat 85% 50%;}

.btnDft.lt {border-color:#999; color:#666;}
.arr span {display:block; margin-right:-4px; padding-right:43px; background:url(/images/btn/btn_arr.png) no-repeat 100% 50%; text-align:left;}
.arr:hover span {background-image:url(/images/btn/btn_arr_on.png);}
.apply span {padding-left:15px; background:url(/images/btn/btn_apply.png) no-repeat 0 50%;}
.gray {background:#333; color:#fff;}
.wh {background:#fff; color:#333;}
@media all and (max-width:720px){
	/* BUTTON ::COLOR */
	.btnDft {border-color:#ddd;}
	.btnDft.list {width:100%;}
	.btnDft2 {display:block; height:44px; padding:0 12px; font-size:13px; line-height:42px;}
	.btnDgray2 {display:block; height:44px; padding:0 12px; font-size:13px; line-height:42px;}
	.btnDft3 {display:block; padding:0 12px; font-size:13px;}
	.btnDft4 {width:80px;}
	.btnDft5 {height:30px; font-size:12px; line-height:28px;}
	.btnPk {display:block; min-width:0; height:44px; padding:0 12px; font-size:13px; line-height:44px;}
	.btnPk.newBtn::before {top:10px;right:10px;} 
	.btnPk.type3 {display:block; min-width:0; height:44px; padding:0 12px; font-size:13px; line-height:44px;}
	.btnBl.type3 {display:block; min-width:0; height:44px; padding:0 12px; font-size:13px; line-height:44px;}
	.btnDgray {width:70px;}
	.btnBlue3.list {width:100%;}
	.btnBlue5 {width:125px; height:37px; font-size:14px;}
	.btnEg {width:125px; height:37px; font-size:14px;}
	.btnSky2 {min-width:100%;}

	.arr span {padding-right:20px; background-image:url(/images/btn/btn_arr_m.png); -webkit-background-size:8px auto; background-size:8px auto;}
}

/* BUTTON ::SIZE */
.btnS {font-size:14px; height:48px;}
.btnM {min-width:140px; font-size:15px; height:50px;}
.btnL {min-width:180px; font-size:15px; height:73px; font-weight:100;}
.btnL .txt2 {display:block; margin-top:5px; color:#b9d8f2; font-size:12px;}
.btnMini {display:inline-block; padding:0 10px; font-size:12px; line-height:25px; text-align:center; vertical-align:middle;}
[class^="btn"].w100 {width:100%;}
@media all and (max-width:720px){
	/* BUTTON ::SIZE */
	.btnS {height:45px;}
	.btnM {height:45px; font-size:14px;}
	.btnMini {line-height:24px;}
}

/* BANNER TYPE */
.bannerArea {margin-bottom:20px; font-size:0;}
.bannerArea.ea2 {margin-right:-5px; margin-left:-5px;}
.bannerArea.ea2 p {display:inline-block; width:50%; padding:0 5px; vertical-align:top;}
.bannerArea2 {overflow:hidden; position:relative; margin:20px 0;}
.bannerArea2 a {display:block;}
.bannerArea2 img {display:block; width:100%;}
.bannerArea2 .linkSt {overflow:hidden; position:absolute; top:0; right:2%; bottom:0; z-index:2; width:46%;} /* 국민은행 환율정보서비스 */
.bannerArea2 .linkSt a {float:left; width:33.3%; height:100%; font-size:0;}
.bannerArea2.ea2 section {float:left; width:50%;}
.bannerArea2.ea2 .inner {position:relative; height:169px;}
.bannerArea2.ea2 .box1 {padding-right:10px;}
.bannerArea2.ea2 .box1 .inner {padding:8px 20px 25px; border:1px solid #bbb;}
.bannerArea2.ea2 .box1 .sTit2 {display:block; margin-bottom:7px; color:#111; font-size:16px;}
.bannerArea2.ea2 .box1 .latest {overflow:hidden; position:relative; padding-left:180px;}
.bannerArea2.ea2 .box1 .latest .thumb {overflow:hidden; float:left; margin-left:-180px; width:160px; height:100px;}
.bannerArea2.ea2 .box1 .latest .thumb img {display:block; width:160px; height:100px;}
.bannerArea2.ea2 .box1 .latest dl {float:none; margin-top:-4px;}
.bannerArea2.ea2 .box1 .latest dl dt a {display:block; overflow:hidden; color:#111; font-weight:300; font-size:14px; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.bannerArea2.ea2 .box1 .latest dl dd {margin-top:5px;}
.bannerArea2.ea2 .box1 .latest dl dd p {overflow:hidden; max-height:40px; font-size:12px;}
.bannerArea2.ea2 .box1 .latest dl dd .date {display:block; margin-top:12px;}
.bannerArea2.ea2 .box2 {padding-left:10px;}
.bannerArea2.ea2 .box2 .inner {padding:20px 0 0 29px; border:1px solid #c4b5a0; background:#f0e7cb url(/images/contents/bg_banner_03.png) no-repeat 100% 100%;}
.bannerArea2.ea2 .box2 .inner .txt {color:#40321f; font-weight:300; font-size:22px; line-height:1.3;}
.bannerArea2.ea2 .box2 .inner .txt span {display:block; color:#7e541b;}
.bannerArea2.ea2 .box2 .inner a {position:absolute; bottom:20px; left:29px; width:160px; height:42px; border:1px solid #805d2e; background:#f9f1d4; color:#805d2e; text-align:center; font-weight:300; font-size:16px; line-height:40px;}
.bannerArea3 {overflow:hidden; position:relative;}
.bannerArea3 img {display:block; width:100%; max-width:700px;}
.bannerArea4 {overflow:hidden; position:relative;}
.bannerArea4 img {display:block; width:100%; max-width:460px;}

.bnSt {display:block; position:relative; padding:15px 60px 15px 14%; border:1px solid #eaeaea;}
.bnSt:after {position:absolute; top:50%; right:10%; width:15px; height:24px; margin-top:-12px; background:url(/images/btn/btn_banst.png) no-repeat; content:'';}
.bnSt strong {display:block; color:#005bbb; font-size:20px; line-height:1.3;}
.bnSt span {display:block; color:#666; font-size:14px; line-height:1.4;}
@media all and (max-width:720px){
	/* BANNER TYPE */
	.bannerArea {margin-bottom:0; padding:15px 0;}
	.bannerArea.ea2 {margin-right:-4px; margin-left:-4px;}
	.bannerArea.ea2 p {padding:0 4px;}
	.bannerArea2 {margin:15px 0;}
	.bannerArea2.ea2 {margin-top:-7px;}
	.bannerArea2.ea2 section {float:none; width:100%;}
	.bannerArea2.ea2 .inner {height:150px;}
	.bannerArea2.ea2 .box1 {display:none;}
	.bannerArea2.ea2 .box2 {padding-left:0;}
	.bannerArea2.ea2 .box2 .inner .txt {font-size:18px;}
	.bannerArea2.ea2 .box2 .inner a {width:130px; height:36px; font-size:14px; line-height:34px;}

	.bnSt {padding:10px 20px 9px 10px;}
	.bnSt:after {right:5px; width:13px; height:12px; margin-top:-6px; background-image:url(/images/btn/btn_banst_m.png); -webkit-background-size:auto 12px; background-size:auto 12px;}
	.bnSt strong {color:#666; font-size:11px;}
	.bnSt span {display:none;}
}

/* 통합검색, 신문고 상단메뉴*/
#topMenu {position:relative; height:98px; padding:36px 0 2px;}
#topMenu:after {position:absolute; right:0; bottom:1px; left:0; z-index:1; height:1px; background:#ddd; content:'';}
#topMenu ul {overflow:hidden; padding-bottom:2px;}
#topMenu ul li {float:left; width:25%;}
#topMenu ul li a {display:block; position:relative; height:60px; padding-top:15px; text-align:center; font-size:18px;}
#topMenu ul li.on a {color:#0050a5; font-weight:300;}
#topMenu ul li.on a:after {position:absolute; right:0; bottom:-2px; left:0; z-index:2; height:2px; background:#005bbb; content:'';}
@media all and (max-width:960px){
	#topMenu {height:61px; padding-top:10px;}
	#topMenu ul li a {height:49px; padding-top:5px; font-size:13px; line-height:1.4;}
	#topMenu ul li a span {display:block;}
}

/* POPUP */
.ovh {overflow:hidden;}
.modal {overflow:hidden}
.trpLayer {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity="60");}
.trpLayer2 {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity="60");}
.trpLayerW {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}

.modalPop {position:absolute; left:50%; top:50%; z-index:101; border:1px solid #cbcbcb; background:#fff;}
.modalPop .popTit {overflow:hidden; height:70px; padding-left:40px; border-bottom:1px solid #206cab; line-height:69px; font-size:0;}
.modalPop .popTit h4 {display:inline-block; color:#206cab; font-weight:500; font-size:20px; vertical-align:middle;}
.modalPop .popTit span {display:inline-block; margin-left:10px; color:#666; font-size:13px; vertical-align:middle;}
body.aWidth .modalPop {left:0 !important; margin-left:0 !important;}
body.aHeight .modalPop {top:0 !important; margin-top:0 !important;}
body.aWidth .trpLayerW,
body.aHeight .trpLayerW {overflow:auto;}

.modalWrap {width:713px; height:538px; padding:30px 40px 100px;}
.modalWrap h5 {margin-bottom:6px; color:#333; font-weight:300; font-size:16px;}
.modalWrap .btnAlign {position:absolute; right:0; bottom:40px; left:0; z-index:2; margin-top:0;}
.modalWrap .conWrap {border-top:0;}
.modalWrap .conWrap section {margin-top:0;}

.regCtg .inner {margin-top:25px;}
.regCtg .inner:first-child {margin-top:0;}
.regCtg section {padding:25px 30px; border:1px solid #d0d0d0; background:#f5f5f5;}
.regCtg section dl {margin-top:20px;}
.regCtg section dl:first-child {margin-top:0;}
.regCtg section dl dt span {display:inline-block; padding:0 10px; background:#333; color:#fff; font-size:12px; line-height:20px;}
.regCtg section dl dd {margin-top:5px;}
.regCtg section ul {overflow:hidden; margin-left:-40px; font-size:0;}
.regCtg section ul li {display:inline-block; min-width:85px; margin-left:40px; padding:4px 0 5px;}
.regCtg .continent section {height:80px;}
.regCtg .continent section ul li {min-width:60px;}
.regCtg .nation section {height:230px;}
.regCtg .business section {height:140px; padding:21px 30px;}
.regCtg .business section ul li {min-width:78px;}
.regCtg .item section {height:170px;}

.layerArea {position:fixed; top:50%; left:50%; z-index:101;}
.layerPop {position:relative; width:280px; height:185px; margin:-92px 0 0 -140px; border:1px solid #333; background:#fff;}
.layerPop.type2 {width:380px; height:290px; margin:-145px 0 0 -190px;}
.layerPop.type3 {width:314px; height:185px; margin:-92px 0 0 -157px;}
.layerPop.type4 {width:380px; height:376px; margin:-188px 0 0 -190px;}
.layerPop.type5 {width:575px; height:600px; margin:-300px 0 0 -287px;}
.layerPop.st2 {width:auto; height:auto; margin:0; border:0;}
.layerPop.st3 {width:380px; height:auto; margin:0; padding-bottom:25px;}
.layerPop.st4 {width:500px; height:auto; margin:0; padding-bottom:25px;}
.layerPop.st4 h4 {background:#206cab;color:#fff;font-size:16px;text-align:center;padding:0;}
.layerPop.st4 .popInner2.st2 {padding:15px;}
.layerPop.st4 .popInner2.st2>dl {margin-bottom:15px;}
.layerPop.st4 .popInner2.st2>dl>dt {margin-bottom:5px;}
.layerPop.st4 .popInner2.st2>dl>dt>strong {position:relative;font-size:15px;color:#1a2d84;padding-left:15px;}
.layerPop.st4 .popInner2.st2>dl>dt>strong:before {position:absolute;top:4px;left:0;content:'';width:10px;height:10px;background:#1a2d84;}
.layerPop.st4 .popInner2.st2>dl>dd.dotted {background:#fafcff;padding:10px;border:1px dashed #b7cdec;text-align:center;}
.layerPop.st4 .popInner2.st2 .table_st2 { text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.layerPop.st4 .popInner2.st2 .table_st2 caption { display:none;}
.layerPop.st4 .popInner2.st2 .table_st2 tr {}
.layerPop.st4 .popInner2.st2 .table_st2 tr td { border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;}
.layerPop.st4 .popInner2.st2 .table_st2 thead td { background:#fafcff;}
.layerPop.st4 .popInner2.st2 .agrees {text-align:right;margin: 5px 0 20px 0;}
.layerPop.st4 .popInner2.st2 .agrees p {font-weight:bold;font-size:14px;color:#1a2d84; margin-bottom:5px;}

/* Mobile css 추가 2020-03-06 */
.layerPop.st4.mb {width:100%;max-width:500px;}
.layerPop.st4.mb .boardReg2 > ul > li input.txt {text-align:left;width:98%; height:30px; border:1px solid #ccc;margin:2px 1%;}

@media all and (max-width:420px){
	.layerPop.st4 .popInner2.st2>dl>dd.dotted br {display:none;}
	.layerPop .desc5 span br {display:none;}
	.layerPop.st4 .popInner2.st2 .table_st2 tr td {padding:5px 5px;}
}


/* 20-03-16 event popup style 추가 */

.goodEventPop {background-color:#f7f7f3;}
.goodEventPop div.popInner1 {max-width:700px;width:100%;text-align:center;margin:auto;}
.goodEventPop div.popInner1 img.pcImg {display:block;max-width:640px;width:100%;margin:20px auto;}
.goodEventPop div.popInner1 img.mobileImg {display:none;}
.goodEventPop div.popInner1 h3.evtTit {display:inline-block;width:100%;font-size:48px;color:#222;line-height:1.2;text-align:center;margin:30px 0;}
.goodEventPop div.popInner1 h3.evtTit em {font-weight:300;}
.goodEventPop div.popInner1 h3.evtTit span {font-weight:300;color:#112f7b;}
.goodEventPop div.popInner1 p {text-align:center;color:#222;font-size:16px;}
.goodEventPop div.popInner1 img{width:100%;max-width:700px;}
.goodEventPop h4.topTit {font-size:46px;font-weight:100;text-align:center;line-height:1.4;color:#222;}
.goodEventPop h4 em {font-weight:300;}
.goodEventPop h4 span {font-weight:300;}
.goodEventPop div.popInner2 {max-width:700px;width:100%;margin:30px auto 0 auto;border:solid 1px #112f7b;}
.goodEventPop div.popInner2 .boardReg2 {}
.goodEventPop div.popInner2 .boardReg2 .txtBox {padding:0 0 15px 0;}
.goodEventPop div.popInner2 .boardReg2 .txtBox h5{background:#112f7b;height:50px;line-height:50px;font-size:24px;color:#fff;font-weight:300;text-align:center;margin: 0 0 15px 0 ;}
.goodEventPop div.popInner2 .boardReg2 .txtBox p {font-size:16px;padding:0 20px;margin:0;}
.goodEventPop div.popInner2 .boardReg2 .txtBox p > em {font-weight:500;}
.goodEventPop div.popInner2 .boardReg2 .txtBox p > br {display:none;}
.goodEventPop div.popInner2 .boardReg2 > ul {margin:0 20px;}
.goodEventPop div.popInner2 .boardReg2 > ul > li input.txt {width:74%;margin:6px 1%;height:36px;border:1px solid #d0d0d0;}
.goodEventPop div.popInner2 .boardReg2 > ul > li {padding-left:200px;min-height:46px;}
.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dt {width:200px;background:#ebebe8;}
.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dt > label {background:#ebebe8;width:200px;height:48px;line-height:48px;letter-spacing:-0.07em;text-align:center;font-weight:500;}
.goodEventPop div.popInner2 .desc2 {padding:15px 20px;}

@media all and (max-width:640px){
	.goodEventPop div.popInner1 img.pcImg {width:92%;margin:20px 4%;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li {padding-left:130px;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li input.txt {width:65%;margin:6px 1%;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dt {width:130px;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dt > label {width:130px;}
	
}

@media all and (max-width:600px){	
	.goodEventPop div.popInner1 h3.evtTit {font-size:36px;line-height:1.4;}
	.goodEventPop div.popInner1 p {padding:0 4%;}
	.goodEventPop div.popInner2 .boardReg2 .txtBox h5 {font-size:26px;}
}
@media all and (max-width:425px){
	.goodEventPop div.popInner1 img.pcImg {display:none;}
	.goodEventPop div.popInner1 img.mobileImg {display:block;width:90%;margin:20px 5%;}
	.goodEventPop div.popInner1 h3.evtTit {font-size:28px;line-height:1.4;}
	.goodEventPop div.popInner1 p {font-size:13px;}
	.goodEventPop div.popInner2 .boardReg2 .txtBox h5 {font-size:18px;}
	.goodEventPop div.popInner2 .boardReg2 .txtBox p {font-size:13px;padding:0 4%;}
	.goodEventPop div.popInner2 .boardReg2 .txtBox p > br {display:block;}
	.goodEventPop div.popInner2 .desc2 {padding:4% 4%;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li {padding-left:0;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li input.txt {width:65%;margin:6px 1%;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dt {position:relative;width:100%;min-height:45px;border-bottom:1px solid #d0d0d0}
	.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dt > label {width:100%;}
	.goodEventPop div.popInner2 .boardReg2 > ul > li > dl > dd {text-align:center;}
}



.layerPop h4 {padding-left:30px; border-bottom:1px solid #206cab; color:#333; font-size:14px; line-height:45px;}
.layerPop input.txt {width:100%;}
.layerPop .popInner {padding:24px 29px;}
.layerPop .popInner2 {padding:0;}
.layerPop .popInner3 {padding:20px;}
.layerPop .popInner4 {padding:10px;}
.layerPop .popInner5 {overflow-y:scroll; height:552px; padding:20px;}
.layerPop .btnBox {margin-top:20px; text-align:center;}
.layerPop .btnBox2 {margin-top:15px; text-align:center; font-size:0;}
.layerPop .btnBox2 button {margin-left:5px;}
.layerPop .btnBox2 button:first-child {margin-left:0;}
.layerPop .btnBox3 {margin-top:15px; text-align:center; font-size:0;}
.layerPop .btnBox3 button {margin-left:20px;}
.layerPop .btnBox3 button:first-child {margin-left:0;}
.layerPop .desc2 {margin:5px 20px 0 20px; padding-left:10px; text-indent:-10px;}
.layerPop .desc3 {margin-top:10px; padding:10px;}
.layerPop .desc5 {padding-left:10px; text-indent:-10px;margin-top:5px;font-size:13px;}
.layerPop .desc5 em {color:#e75f36;}
.layerPop .desc5 span {color:#999;}

/* 2020-02-21 모바일 레이어 팝업 css 추가*/	
#layerPopup2.poRight {background-color:rgba(0,255,0,0.0);height:1px;width:1280px!important;right:0px;margin-left:-640px;left:50%!important;top:120px!important;}
#layerPopup.poRight>div.popSt01,#layerPopup2.poRight>div.popSt01 {float:right;}
#layerPopup>div.popSt01,#layerPopup2>div.popSt01 {max-width:500px;}
	#layerPopup>div a img {float:left;width:100%;}
	#layerPopup2 div.popSt01 > img {float:left;width:100%;}
	#layerPopup2 div.popSt01 > img {float:left;width:100%;}
	.w100 {float:left;display:inline;width:100%;}
	.w50 {float:left;display:inline;width:50%;}
	.w100 a,.w50 a {float:left;width:100%;}
	#layerPopup2 {left:500px!important;}


@media all and (max-width:1280px){
	#layerPopup2.poRight {width:100%!important;max-width:100%!important;margin-left:0!important;left:0!important;}
}

@media all and (max-height:800px){
	#layerPopup,#layerPopup2 {max-width:350px;}
	#layerPopup2.poRight {max-width:1280px;}
	#layerPopup2 {left:350px!important;}	
}

@media all and (max-width:900px){
	#layerPopup2.poRight {right:0px;left:0!important;top:10%!important;}
	#layerPopup2 {left:0px!important;}
}

@media all and (max-width:500px){
	#layerPopup {position:absolute;top:0;left:0;width:80%!important;margin-left:10%;}
	#layerPopup2.poRight {width:80%!important;margin-left:10%!important;}
	#layerPopup>div.popSt01 {float:left;width:100%;}
	.popSt01 div.popClose {float:left;width:100%!important;}
	.popSt01 div.popClose .close_left {width:100%!important;}
	
	#layerPopup2 {position:absolute;top:0;left:0!important;width:80%!important;margin-left:10%;}
}

/* 2020-02-21 모바일 레이어 팝업 css 추가*/
#layerPopup2>div.popSt01 {max-width:500px;}
	#layerPopup2>div a img {float:left;width:100%;}
	.w100 {float:left;display:inline;width:100%;}
	.w50 {float:left;display:inline;width:50%;}
	.w100 a,.w50 a {float:left;width:100%;}

@media all and (max-height:500px){
	#layerPopup2>div.popSt01 {max-width:350px;}
	}

@media all and (max-width:500px){
	#layerPopup2 {position:absolute;top:0;left:0;width:80%!important;margin-left:10%;}
	#layerPopup2>div.popSt01 {float:left;width:100%;}
	.popSt01 div.popClose {float:left;width:100%!important;}
	.popSt01 div.popClose .close_left {width:100%!important;}
}

.layerPop .date {font-size:0;}
.layerPop .date span {display:inline-block; width:115px;}
.layerPop .date i {display:inline-block; width:24px; color:#111; vertical-align:middle; text-align:center; font-size:13px;}
@media all and (max-width:720px){
	.trpLayer2 {display:block;}
	.layerArea2 {top:0; right:0; bottom:0; left:0;}
	.layerPop.type3 {width:100%; height:100%; margin:0;}
	.layerPop.type5 {width:300px; height:300px; margin:-150px 0 0 -150px;}
	.layerPop .btnBox3 button {margin-left:10px;}
	.layerPop .popInner5 {height:252px; padding:10px;}
}

/* 멤버십안내팝업 */
.memMsg {width:400px; height:352px; margin:-176px 0 0 -200px; background:url(/images/contents/bg_membership.png) no-repeat; color:#c6daee; text-align:center;}
.memMsg .txt1 {margin-top:60px; font-size:16px;}
.memMsg .txt1 p {color:#fff; font-weight:300; font-size:26px; line-height:1.4;}
.memMsg .txt2 {margin-top:30px; font-size:15px; line-height:1.5;}
.memMsg .txt2 strong {border-bottom:1px solid; color:#fff;}
.memMsg .btnBox3 {position:absolute; right:0; bottom:20px; left:0;}
@media all and (max-width:720px){
	.memMsg {width:290px; height:273px; margin:-176px 0 0 -145px; background-image:url(/images/contents/bg_membership_m.png); -webkit-background-size:290px auto; background-size:290px auto;}
	.memMsg .txt1 {margin-top:40px; font-size:15px;}
	.memMsg .txt1 p {font-size:22px;}
	.memMsg .txt2 {margin-top:20px; font-size:14px;}
	.memMsg .btnBox3 {bottom:15px;}
}

.layerType h4 {display:none;}
.layerType .btnBox2 {display:none;}
.layerType .btnClose2 {display:none;}
@media all and (max-width:720px){
	.layerType {display:none; position:fixed; top:50%; left:50%; z-index:100; width:300px; height:300px; margin:-150px 0 0 -150px; border:1px solid #333; background:#fff;}
	.layerType.on {display:block;}
	.layerType h4 {display:block; padding-left:30px; border-bottom:1px solid #206cab; color:#333; font-size:14px; line-height:45px;}
	.layerType .popInner {padding:10px;}
	.layerType .btnBox2 {display:block; margin-top:15px; text-align:center; font-size:0;}
	.layerType .btnBox2 button {margin-left:5px;}
	.layerType .btnBox2 button:first-child {margin-left:0;}
	.layerType .btnClose2 {display:block;}
}

#share {display:none; position:absolute; top:35px; right:0; width:280px; height:185px; padding-top:10px;}
#share.on {z-index:101;}
#share .inner {padding:29px; border:1px solid #333; background:#fff;}
#share .inner:after {position:absolute; top:4px; right:12px; width:10px; height:10px; border-width:1px 0 0 1px; border-style:solid; border-color:#333; background:#fff; content:''; transform:rotate(45deg);}
#share .linkBox {margin:0 -10px; text-align:center; font-size:0;}
#share .linkBox a {display:inline-block; width:60px; padding-top:50px; background-repeat:no-repeat; background-position:50% 0; text-align:center; font-size:12px;}
#share .linkBox a:first-child {margin-left:0;}
#share .linkBox a.tw {background-image:url(/images/icon/icon_share_tw.png);}
#share .linkBox a.fb {background-image:url(/images/icon/icon_share_fb.png);}
#share .linkBox a.mail {background-image:url(/images/icon/icon_share_mail.png);}
#share .linkBox a.scrap {background-image:url(/images/icon/icon_share_scrap.png);}
#share .urlBox {position:relative; margin-top:20px; padding-right:59px; border:1px solid #d0d0d0;}
#share .urlBox input.txt {overflow:hidden; width:100%; border:0; height:33px; background:#f5f5f5; color:#666; font-size:12px; line-height:33px; text-overflow:ellipsis; white-space:nowrap;}
#share .urlBox .btnCopy {position:absolute; top:0; right:0; width:59px; height:33px; margin:0; color:#333;}
@media all and (max-width:720px){
	#share {position:fixed; top:50%; right:auto; left:50%; margin:-92px 0 0 -140px; padding-top:0;}
	#share .inner:after {display:none;}
	#share .linkBox a {-webkit-background-size:40px; background-size:40px;}
	#share .linkBox a.tw {background-image:url(/images/icon/icon_share_tw_m.png);}
	#share .linkBox a.fb {background-image:url(/images/icon/icon_share_fb_m.png);}
	#share .linkBox a.mail {background-image:url(/images/icon/icon_share_mail_m.png);}
	#share .linkBox a.scrap {background-image:url(/images/icon/icon_share_scrap_m.png);}
}

/* UI */
.ui-datepicker {display:none; width:17em; padding:.2em .2em 0;}
.ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0;}
.ui-icon {display:block; overflow:hidden; width:16px; height:16px; text-indent:-99999px;}
.ui-icon-circle-triangle-w {background:url(/images/btn/btn_prev_cal.png) no-repeat 50% 50%;}
.ui-icon-circle-triangle-e {background:url(/images/btn/btn_next_cal.png) no-repeat 50% 50%;}
.ui-datepicker {padding:5px; border:1px solid #cdcdcd;}
.ui-datepicker .ui-datepicker-prev {position:absolute; top:11px; left:3px; width:1.8em; height:1.8em;}
.ui-datepicker .ui-datepicker-next {position:absolute; top:11px; right:3px; width:1.8em; height:1.8em;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display:block; position:absolute; top:5px; left:50%; margin-top:-8px; margin-left:-8px; cursor:pointer;}
.ui-datepicker .ui-datepicker-title {margin:0; color:#383838; text-align:center; font-size:13px; line-height:1.8em;}
.ui-datepicker .ui-datepicker-title select {margin:1px 0; font-size:1em;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:49%;}
.ui-datepicker table {width:100%; margin:7px 0 0 0; border-collapse:collapse;}
.ui-datepicker table th {padding:2px 0 5px 0; border:0; color:#383838; text-align:center; font-weight:bold; font-size:11px; font-family:verdana;}
.ui-datepicker table td {padding:1px; font-size:9px; font-family:verdana;}
.ui-datepicker table td span,
.ui-datepicker table td a {display:block; width:23px; text-align:center; font-size:9px; font-family:verdana;}
.ui-datepicker table td a:hover {background:#e1e1e1;}
.ui-datepicker table td span {color:#c8c8c8;}
.ui-datepicker table td a {color:#666;}
.ui-datepicker table td.ui-datepicker-today a {border:1px solid #000;}

.ui-datepicker-row-break {clear:both; width:100%; font-size:0;}
.ui-widget {font-size:1.1em; font-family:Verdana,Arial,sans-serif;}
.ui-widget .ui-widget {font-size:1em;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-size:1em; font-family:Verdana,Arial,sans-serif;}
.ui-widget-content {background:#fff; color:#222;}
.ui-widget-content a {color:#222;}
.ui-widget-header {background:#ccc; color:#222; font-weight:bold;}
.ui-widget-header a {color:#222;}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {content:""; display:table; border-collapse:collapse;}
.ui-helper-clearfix:after {clear:both;}
.ui-helper-clearfix {min-height:0;} /* support:IE7 */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius:4px;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius:4px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius:4px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius:4px;}
.ui-datepicker-trigger {vertical-align:middle; cursor:pointer;}

.calList {margin:-43px 0 80px;}
.dncalendar-header {margin:0 0 10px; text-align:center;}
.dncalendar-header * {vertical-align:middle;}
.dncalendar-header h2 {display:inline-block; position:relative; z-index:2; width:95px; margin:0 10px; color:#111; font-weight:300; font-size:24px; font-family:ng; line-height:1.4;}
.dncalendar-header a {display:inline-block; width:35px; color:#999; font-weight:300; font-size:18px; cursor:pointer;}
.dncalendar-header button {width:20px; height:20px; border:1px solid #d0d0d0; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;}
.dncalendar-header button.bNext {margin-left:10px; background-image:url(/images/btn/btn_next_cal_03.png);}
.dncalendar-header button.bPrev {margin-right:10px; background-image:url(/images/btn/btn_prev_cal_03.png);}
.dncalendar-body {border-top:1px solid #333;}
.dncalendar-body table {border-width:0 1px 1px 0; border-style:solid; border-color:#eaeaea;}
.dncalendar-body table thead td {height:48px; border-width:0 0 0 1px; border-style:solid; border-color:#eaeaea; background:#f7f7f7; vertical-align:middle; text-align:center; font-weight:300;}
.dncalendar-body table tbody td {position:relative; height:70px; padding:5px 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#eaeaea; vertical-align:top;}
.dncalendar-body table tbody td.tMonth {background:#fff;}
.dncalendar-body table tbody td.tMonth.on {background:#ccd8e6;}
.dncalendar-body table tbody td .date {font-size:12px; opacity:.5;}
.dncalendar-body table tbody td a {position:absolute; top:0; right:0; bottom:0; left:0;}
.dncalendar-body table tbody td a .txt {position:absolute; right:10px; bottom:5px;}
.dncalendar-body table tbody td a .txt strong {color:#333;}
.dncalendar-body table tbody td.tMonth .date {opacity:1;}
.dncalendar-body table thead td.sat,
.dncalendar-body table tbody td.sat .date {color:#0050a5 !important;}
.dncalendar-body table thead td.sun,
.dncalendar-body table tbody td.sun .date {color:#e31b32 !important;}
@media all and (max-width:720px){
	.calList {display:none;}
}

/* 게시판본문 :: 하드코딩 */
.infraInfo dt {color:#333; text-align:center; font-weight:300; font-size:30px;}
.infraInfo dd {margin-top:20px; font-size:14px;}
.infraBox .inner {margin-top:20px;}
.infraBox .type2 {margin-top:15px;}
.infraBox .listSt4 {margin-left:10px;}

/* 무역실무매뉴얼 추가 */
span.dp-b {display:block;}
.tableType table thead tr th {text-align:center;}
.p_indent {text-indent:10px;}
.ty01_7 {padding-left:13px;}
.ty01_6 {padding-left:10px;}
.big-tit {font-size:14px;font-weight:bold;color:#000;}
li.Blit1{list-style-type:disc; margin-left:15px;}

/* 메인팝업 */
.mainPop {overflow:hidden; width:450px; height:410px; margin:-225px 0 0 -225px;/*-225px 0 0 -200px;*/ color:#333; border:1px solid #333;}
.mainPop .inner {position:relative; background: url(/images/common/logo_kr.png) no-repeat 50% 94%; -webkit-background-size:100px; background-size:100px;}
.mainPop .inner .txtTop {position:absolute; top:0; left:0; width:100%; border-bottom:0; background:#005bbb; color:#fff; font-size:18px; line-height:40px;}
.mainPop .inner .txtAreaWrap {overflow-y:auto;}
.mainPop .inner .txtArea {height:370px; font-size:15px; line-height:1.7;}
.mainPop .inner .txtArea .title {padding-top:40px; text-align:center;}
.mainPop .inner .txtArea .title p {font-weight:300; font-size:18px; color:#111;}
.mainPop .inner .txtArea .title span {font-size:15px; color:#005bbb;}
.mainPop .inner .txtArea .txt {margin-top:20px;}
.mainPop .inner .txtArea .txt p {text-align:center; margin:20px; color:#666; font-size:14px;}
.mainPop .inner .txtArea .txt ul {padding:0 60px;}
.mainPop .inner .txtArea .txt ul li{font-weight:300;}
.mainPop .inner .txtArea .txt ul li span {position:absolute; padding-left:5px; font-weight:100;}
.mainPop .inner .txtArea img {width:100%; height:auto;}
.mainPop .popClose {position:absolute; right:0; bottom:0; left:0; background:#bbb; height:38px; line-height:30px;}
.close_left {float:left; margin-left:20px;}
.close_left .cstChk i {width:16px; height:16px;}
.close_left .cstChk span {color:#fff; font-size:13px;}
.close_left .cstChk2 i {width:16px; height:16px;}
.close_left .cstChk2 span {color:#fff; font-size:13px;}
.close_right {float:right;}
.close_right .btnClose {top:11px; right:20px;}
.mainPop .popWrap .slick-arrow {position:absolute; top:50%; width:35px; height:40px; margin-top:10px; background-color:rgba(255,255,255,.5); background-position:50%; background-repeat:no-repeat; text-indent:-99999px; z-index:100;}
.mainPop .popWrap .slick-prev {left:0; background-image:url(/images/btn/btn_prev_02.png);}
.mainPop .popWrap .slick-next {right:0; background-image:url(/images/btn/btn_next_02.png);}
.mainPop .popWrap .slick-dots {position:absolute; left:0; bottom:10px; width:100%; font-size:0; text-align:center;}
.mainPop .popWrap .slick-dots li {display:inline-block; width:8px; height:8px; margin:0 2px; background-color:#c4c4c4; text-indent:-9999px; border-radius:50%;}
.mainPop .popWrap .slick-dots li.slick-active {background-color:#005bbb;}

@media all and (max-width:720px){
	.mainPop {width:320px; height:280px; margin:-160px 0 0 -160px;/*-176px 0 0 -200px;*/}
	.mainPop .inner {-webkit-background-size:80px; background-size:80px;}
	.mainPop .inner h4{padding-left:20px; font-size:16px; line-height:35px;}
	.mainPop .inner .txtArea {height:243px;}
	.mainPop .inner .txtArea .title {padding-top:25px;}
	.mainPop .inner .txtArea .title p {font-size:15px;}
	.mainPop .inner .txtArea .title span {font-size:13px;}
	.mainPop .inner .txtArea .txt {margin-top:10px;}
	.mainPop .inner .txtArea .txt p {margin:10px; font-size:13px;}
	.mainPop .inner .txtArea .txt ul {padding:0 30px;}
	.mainPop .inner .txtArea .txt ul li{font-size:12px;}
	.mainPop .popClose {height:35px; line-height:25px;}
	.close_left .cstChk i {width:15px; height:15px;}
	.close_left .cstChk span {font-size:12px;}
	.close_left .cstChk2 i {width:15px; height:15px;}
	.close_left .cstChk2 span {font-size:12px;}
	.close_right .btnClose {top:10px;}
}


/* 20-03-24 KITA멤버십카드 페이지 수정 */
.pageNew section h4.secTit {margin-bottom:18px; padding-left:0;background:none;color:#0050a5; font-weight:300; font-size:22px; line-height:25px;}

.kbListSt {list-style:none;}
.kbListSt li.cardName {font-size:17px;font-weight:300;line-height:1.4;}
.kbListSt li.mbCard {display:block;color:#00518f;font-size:17px;font-weight:bolder;}
.kbListSt li.cardCont {margin-top:20px;font-size:12px;line-heigh:1.3;}

/* 폰트조정 */
.pageNew section {font-size:16px;letter-spacing:0px;}
.pageNew section > ul li {font-size:16px;letter-spacing:0px;}
.pageNew section > div * {font-size:16px;}
.pageNew section > div ul li {font-size:16px;}
.pageNew section > div ul li span{font-size:16px;}
.pageNew section > div ul span {font-size:12px;}
.pageNew section > h4.secTit2 {line-height:1.6;font-size:18px; background:url(/images/icon/bu_bl.png) no-repeat 0 8px}
.pageNew section > h5.sTit {line-height:1.6;font-size:16px;background:url(/images/icon/bu_dot_02.png) no-repeat 0 11px;}
.pageNew section > h5.secTit2 {font-size:19px;}

.pageNew section > ul.listSt {padding:0 0 10px 0;}
.pageNew section > ul.listSt li {background:url(/images/icon/bu_dot.png) no-repeat 0 9px;line-height:normal;}

.conWrap.kbCard .secTit:first-child {color:#333;}
.conWrap.kbCard .secTit:first-child span {color:#00518f; font-weight:bolder;}
.conWrap.kbCard .cardList {overflow:hidden; margin:40px 0 20px 0;}
.conWrap.kbCard .cardList li {float:left; width:50%; font-size:0;}
.conWrap.kbCard .cardList li:before {display:inline-block; width:250px; height:200px; background:url(/images/contents/card_info_02_02.png) 100% 0 no-repeat; vertical-align:top; content:'';}
.conWrap.kbCard .cardList li:first-child:before {background:url(/images/contents/card_info_02.png) 100% 0 no-repeat; }
.conWrap.kbCard .cardList li dl {display:inline-block; width:180px;padding-top:15px;margin-left:-10px; font-size:13px; vertical-align:top;}
.conWrap.kbCard .cardList li dl dt {font-size:17px; font-weight:300; line-height:1.4;}
.conWrap.kbCard .cardList li dl dt strong {display:block; color:#00518f; font-weight:bolder;}
.conWrap.kbCard .cardList li dl dd {margin-top:20px; font-size:12px; line-height:1.3;}
.conWrap.kbCard .cardList li dl dd.buSt {margin-top:15px;}
.conWrap.kbCard .cardList li dl dd em {color:#333; font-size:14px; font-weight:500;}
.conWrap.kbCard .btnLink {margin-top:20px;}

.conWrap.kbCard .cardList li dl dd .btnLink a.btnDft2 {min-width:180px;padding:0 10px}

.conWrap.kbCard .tableSt.st3 th{word-break:break-all;padding:5px;}

@media all and (max-width:960px){
	.conWrap.kbCard .cardList li:before {height:180px;}
	.conWrap.kbCard .cardList li dl {width:300px;padding-left:10px;}
}

@media all and (max-width:900px){
	.pageNew section > ul.listSt4 {font-size:13px;}
	.pageNew section > ul li {font-size:13px;letter-spacing:0px;}
	.pageNew section > div * {font-size:13px;}
	.pageNew section > h5 {line-height:1.4;font-size:13px;}	
	.pageNew section > h5.sTit {line-height:1.4;font-size:13px;background:url(/images/icon/bu_dot_02.png) no-repeat 0 8px;}
		
	.pageNew section > h5.secTit2 {line-height:1.4;font-size:18px;background:url(/images/icon/bu_bl.png) no-repeat 0 8px;}
	
}

@media all and (max-width:720px){
	.conWrap.kbCard .cardList {margin-top:15px;}
	.conWrap.kbCard .cardList li:before {width:250px; height:180px;}
	.conWrap.kbCard .cardList li {float:none; width:100%;}
	.conWrap.kbCard .cardList li + li {margin-top:20px;}
	.conWrap.kbCard .cardList li dl {width:240px;padding-top:30px; padding-left:10px;margin-left:0;}
	.conWrap.kbCard .cardList li dl dt {font-size:14px;}
	.conWrap.kbCard .cardList li dl dt strong {display:inline; margin-left:8px;}
	.conWrap.kbCard .cardList li dl dd {margin-top:10px;}
	.conWrap.kbCard .cardList li dl dd.buSt {margin-top:6px;}
	.conWrap.kbCard .tableSt.st3 th{font-size:15px;}
}



.cardStepSt {overflow:hidden; margin:28px 0 25px;}
.cardStepSt ul {margin:0 0 -20px 0; font-size:0;text-align:center;}
.cardStepSt ul li {display:inline-block; position:relative; min-width:195px; margin-bottom:20px; vertical-align:top; text-align:center;}
.cardStepSt ul li:after {position:absolute; top:56px; right:-3px; width:6px; height:12px; background:url(/images/icon/arr_step_blue.png) no-repeat; content:'';}
.cardStepSt ul li.last {margin-right:0;}
.cardStepSt ul li.last:after {background:none;}
.cardStepSt ul li .box {display:inline-block;}
.cardStepSt ul li .inner {display:table-cell;width:125px;height:125px;border:1px solid #eaeaea;background:#f7f7f7;vertical-align:middle;text-align:center;border-radius:50%;}
.cardStepSt ul li dl dt {color:#333; font-weight:300; font-size:16px;}
.cardStepSt ul li dl dd {margin-top:10px; font-size:13px;}
.cardStepSt ul li .box dl dt {color:#0050a5;line-height:initial;}
.cardStepSt ul li .box dl dd {color:#725a53;}
.cardStepSt ul li .box + dl {margin-top:15px;}
.cardStepSt.ea5 ul {margin-right:-20px;}
.cardStepSt.ea5 ul li {min-width:0; margin-right:20px;}
.cardStepSt.ea5 ul li.last {margin-right:0;}
.cardStepSt.ea5 ul li:after {right:-14px;}
.cardStepSt.ea4 ul li {width:20%;}
.cardStepSt.ea3 ul {margin:0 15%;}
.cardStepSt.ea3 ul li {width:20%;}
.cardStepSt.ea2 ul {margin:0 18%;}
.cardStepSt.ea2 ul li {width:20%;}
.cardStepSt.imgType ul li .inner i {display:inline-block; width:100%;}
.cardStepSt.imgType ul li .inner i img {height:44px;}
.cardStepSt.imgType ul li .inner span {display:inline-block; width:100%; margin-top:10px; color:#e31b32; font-weight:300; font-size:13px;}

@media all and (max-width:768px){
	.cardStepSt.ea3 ul li,.cardStepSt.ea4 ul li {}
	
}


@media all and (max-width:720px){
	.cardStepSt {margin:23px 0 20px; text-align:center;}
	.cardStepSt ul {display:inline-block; width:auto; margin:0 -15px -15px 0; text-align:left;}
	.cardStepSt ul li {min-width:145px; margin:0 0 15px 0;}
	.cardStepSt ul li:after {top:56px; background-image:url(/images/icon/arr_step_blue_m.png); -webkit-background-size:6px auto; background-size:6px auto;}
	.cardStepSt ul li .inner {width:130px; height:130px; line-height:1.5;}
	.cardStepSt ul li dl dt {font-size:13px;}
	.cardStepSt ul li dl dd {margin-top:5px; font-size:12px;}
	.cardStepSt.ea5 ul li {margin-right:15px;}
	.cardStepSt.ea5 ul li.last {margin-right:0;}
	.cardStepSt.ea5 ul li:after {right:-11px;}
	.cardStepSt.ea4 ul {margin:0;}
	.cardStepSt.ea4 ul li {width:25%;}
	.cardStepSt.ea3 ul {margin:0;}
	.cardStepSt.ea3 ul li {width:33.33%;}
	.cardStepSt.ea2 ul {margin:0;}
	.cardStepSt.ea2 ul li {width:50%;}
}

.conWrap .cardList li dl dd span.txtVisa {font-size:14px;}
.conWrap .cardInfo ul.kbListSt span.txtVisa {font-size:14px;}
.conWrap .cardInfo dl dt.noBg {border:0;background:none;}

/* 20-07-06 KITA멤버십카드 페이지 수정 */
.pageNew section h4.secTit {margin-bottom:18px; padding-left:0;background:none;color:#0050a5; font-weight:300; font-size:22px; line-height:25px;}

.HanaListSt {list-style:none;}
.HanaListSt li.cardName {font-size:17px;font-weight:300;line-height:1.4;}
.HanaListSt li.mbCard {display:block;color:#00518f;font-size:17px;font-weight:bolder;}
.HanaListSt li.cardCont {margin-top:20px;font-size:12px;line-heigh:1.3;}

/* 폰트조정 */
.pageNew section {font-size:16px;letter-spacing:0px;}
.pageNew section > ul li {font-size:16px;letter-spacing:0px;}
.pageNew section > div * {font-size:16px;}
.pageNew section > div ul li {font-size:16px;}
.pageNew section > div ul li span{font-size:16px;}
.pageNew section > div ul span {font-size:12px;}
.pageNew section > h4.secTit2 {line-height:1.6;font-size:18px; background:url(/images/icon/bu_bl.png) no-repeat 0 8px}
.pageNew section > h5.sTit {line-height:1.6;font-size:16px;background:url(/images/icon/bu_dot_02.png) no-repeat 0 11px;}
.pageNew section > h5.secTit2 {font-size:19px;}

.pageNew section > ul.listSt {padding:0 0 10px 0;}
.pageNew section > ul.listSt li {background:url(/images/icon/bu_dot.png) no-repeat 0 9px;line-height:normal;}

.conWrap.HanaCard .secTit:first-child {color:#333;}
.conWrap.HanaCard .secTit:first-child span {color:#00518f; font-weight:bolder;}
.conWrap.HanaCard .cardList {overflow:hidden; margin:40px 0 20px 0;}
.conWrap.HanaCard .cardList li {float:left; width:50%; font-size:0;}
.conWrap.HanaCard .cardList li:before {display:inline-block; width:250px; height:200px; background:url(/images/contents/card_info_03_02.png) 100% 0 no-repeat; vertical-align:top; content:'';}
.conWrap.HanaCard .cardList li:first-child:before {background:url(/images/contents/card_info_03.png) 100% 0 no-repeat; }
.conWrap.HanaCard .cardList li dl {display:inline-block; width:180px;padding-top:15px;margin-left:-10px; font-size:13px; vertical-align:top;}
.conWrap.HanaCard .cardList li dl dt {font-size:17px; font-weight:300; line-height:1.4;}
.conWrap.HanaCard .cardList li dl dt strong {display:block; color:#00518f; font-weight:bolder;}
.conWrap.HanaCard .cardList li dl dd {margin-top:20px; font-size:12px; line-height:1.3;}
.conWrap.HanaCard .cardList li dl dd.buSt {margin-top:15px;}
.conWrap.HanaCard .cardList li dl dd em {color:#333; font-size:14px; font-weight:500;}
.conWrap.HanaCard .btnLink {margin-top:20px;}

.conWrap.HanaCard .cardList li dl dd .btnLink a.btnDft2 {min-width:180px;padding:0 10px}

.conWrap.HanaCard .tableSt.st3 th{word-break:break-all;padding:5px;}

@media all and (max-width:960px){
	.conWrap.HanaCard .cardList li:before {height:180px;}
	.conWrap.HanaCard .cardList li dl {width:300px;padding-left:10px;}
}

@media all and (max-width:900px){
	.pageNew section > ul.listSt4 {font-size:13px;}
	.pageNew section > ul li {font-size:13px;letter-spacing:0px;}
	.pageNew section > div * {font-size:13px;}
	.pageNew section > h5 {line-height:1.4;font-size:13px;}	
	.pageNew section > h5.sTit {line-height:1.4;font-size:13px;background:url(/images/icon/bu_dot_02.png) no-repeat 0 8px;}
		
	.pageNew section > h5.secTit2 {line-height:1.4;font-size:18px;background:url(/images/icon/bu_bl.png) no-repeat 0 8px;}
	
}

@media all and (max-width:720px){
	.conWrap.HanaCard .cardList {margin-top:15px;}
	.conWrap.HanaCard .cardList li:before {width:250px; height:180px;}
	.conWrap.HanaCard .cardList li {float:none; width:100%;}
	.conWrap.HanaCard .cardList li + li {margin-top:20px;}
	.conWrap.HanaCard .cardList li dl {width:240px;padding-top:30px; padding-left:10px;margin-left:0;}
	.conWrap.HanaCard .cardList li dl dt {font-size:14px;}
	.conWrap.HanaCard .cardList li dl dt strong {display:inline; margin-left:8px;}
	.conWrap.HanaCard .cardList li dl dd {margin-top:10px;}
	.conWrap.HanaCard .cardList li dl dd.buSt {margin-top:6px;}
	.conWrap.HanaCard .tableSt.st3 th{font-size:15px;}
}



.cardStepSt {overflow:hidden; margin:28px 0 25px;}
.cardStepSt ul {margin:0 0 -20px 0; font-size:0;text-align:center;}
.cardStepSt ul li {display:inline-block; position:relative; min-width:195px; margin-bottom:20px; vertical-align:top; text-align:center;}
.cardStepSt ul li:after {position:absolute; top:56px; right:-3px; width:6px; height:12px; background:url(/images/icon/arr_step_blue.png) no-repeat; content:'';}
.cardStepSt ul li.last {margin-right:0;}
.cardStepSt ul li.last:after {background:none;}
.cardStepSt ul li .box {display:inline-block;}
.cardStepSt ul li .inner {display:table-cell;width:125px;height:125px;border:1px solid #eaeaea;background:#f7f7f7;vertical-align:middle;text-align:center;border-radius:50%;}
.cardStepSt ul li dl dt {color:#333; font-weight:300; font-size:16px;}
.cardStepSt ul li dl dd {margin-top:10px; font-size:13px;}
.cardStepSt ul li .box dl dt {color:#0050a5;line-height:initial;}
.cardStepSt ul li .box dl dd {color:#725a53;}
.cardStepSt ul li .box + dl {margin-top:15px;}
.cardStepSt.ea5 ul {margin-right:-20px;}
.cardStepSt.ea5 ul li {min-width:0; margin-right:20px;}
.cardStepSt.ea5 ul li.last {margin-right:0;}
.cardStepSt.ea5 ul li:after {right:-14px;}
.cardStepSt.ea4 ul li {width:20%;}
.cardStepSt.ea3 ul {margin:0 15%;}
.cardStepSt.ea3 ul li {width:20%;}
.cardStepSt.ea2 ul {margin:0 18%;}
.cardStepSt.ea2 ul li {width:20%;}
.cardStepSt.imgType ul li .inner i {display:inline-block; width:100%;}
.cardStepSt.imgType ul li .inner i img {height:44px;}
.cardStepSt.imgType ul li .inner span {display:inline-block; width:100%; margin-top:10px; color:#e31b32; font-weight:300; font-size:13px;}

@media all and (max-width:768px){
	.cardStepSt.ea3 ul li,.cardStepSt.ea4 ul li {}
	
}


@media all and (max-width:720px){
	.cardStepSt {margin:23px 0 20px; text-align:center;}
	.cardStepSt ul {display:inline-block; width:auto; margin:0 -15px -15px 0; text-align:left;}
	.cardStepSt ul li {min-width:145px; margin:0 0 15px 0;}
	.cardStepSt ul li:after {top:56px; background-image:url(/images/icon/arr_step_blue_m.png); -webkit-background-size:6px auto; background-size:6px auto;}
	.cardStepSt ul li .inner {width:130px; height:130px; line-height:1.5;}
	.cardStepSt ul li dl dt {font-size:13px;}
	.cardStepSt ul li dl dd {margin-top:5px; font-size:12px;}
	.cardStepSt.ea5 ul li {margin-right:15px;}
	.cardStepSt.ea5 ul li.last {margin-right:0;}
	.cardStepSt.ea5 ul li:after {right:-11px;}
	.cardStepSt.ea4 ul {margin:0;}
	.cardStepSt.ea4 ul li {width:25%;}
	.cardStepSt.ea3 ul {margin:0;}
	.cardStepSt.ea3 ul li {width:33.33%;}
	.cardStepSt.ea2 ul {margin:0;}
	.cardStepSt.ea2 ul li {width:50%;}
}

.conWrap .cardList li dl dd span.txtVisa {font-size:14px;}
.conWrap .cardInfo ul.HanaListSt span.txtVisa {font-size:14px;}
.conWrap .cardInfo dl dt.noBg {border:0;background:none;}




/* 유투브 CSS 추가 2020-05-04 */
.youtubeBox {position:relative;max-width:600px;min-height:800px;margin:0 auto;background-size:100%;background:url(/images/contents/youtube_bg.png)no-repeat;background-position:center 75px;}
.youtubeBox div.youtubeTop {position:relative;top:0;height:670px;}
.youtubeBox div.youtubeTop h3.yotubeTit {text-align:center;margin:35px 0 25px 0;}
.youtubeBox ul.youtubeList {position:relative;background-color:#3491ec;display:inline-block;width:100%;}
.youtubeBox ul.youtubeList li {float:left;width:50%;box-sizing:border-box;background:url(/images/contents/youtube_thumnail.png)no-repeat;background-position:top 2px; }

.youtubeBox ul.youtubeList li a {display:inline-block;padding:10px 5px 10px 0;letter-spacing:-0.05em;}
.youtubeBox ul.youtubeList li a h5 {font-size:24px;color:#fff;line-height:140%;}
.youtubeBox ul.youtubeList li a p {font-size:14px;color:#fff;line-height:140%;padding:10px 0 15px 0;}

.youtubeBox p.youtubeChar {position:absolute;z-index:333;bottom:0;left:80px;width:205px;height:275px;}
.youtubeBox p.youtubeChar img, .channerBtn img {width:100%;height:auto;}
.youtubeBox h4.yotubeSTit {position:absolute;box-sizing:border-box;z-index:33;width:90%;letter-spacing:-0.05em;padding:40px 20px;max-width:560px;font-size:22px;color:#000;text-align:center;font-weight:100;border-radius:32px;background-color:#fff;border:solid 6px #1760a9;line-height:140%;margin:0 5%;bottom:210px;}
.youtubeBox h4.yotubeSTit em{display:block;font-weight:500;margin-top:10px;}
.channerBtn {position:absolute;z-index:3;width:294px;height:182px;bottom:15px;right:78px;}
.youtubeBox h4.yotubeSTit span.stArr {position:absolute;display:block;width:45px;height:31px;background:url(/images/contents/youtube_st_arr.png) no-repeat;bottom:-31px;right:20%; }
.youtubeBox .mobile {display:none;}

@media all and (max-width:600px){
#video-container {position:relative;max-width:100%;height:0;overflow:hidden;padding-bottom:89.26%;}
#video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
	.youtubeBox.mobile div.youtubeTop h3.yotubeTit {margin:-15px auto 25px auto;}
	.youtubeBox.mobile ul.youtubeList li:nth-child(2n-1) {width:calc(50%-3px);padding-right:3px;}
	.youtubeBox.mobile ul.youtubeList li:nth-child(2n-2) {width:calc(50%-3px);padding-left:3px;}
	.youtubeBox.mobile {width:90%;min-height:800px;background-position:center 195px;background-size:100% auto;}
	.youtubeBox.mobile div.youtubeTop {height:810px;}
	.youtubeBox.mobile p.youtubeChar {left:8%;}
	.youtubeBox.mobile ul.youtubeList li {background:none;}
	.channerBtn {right:8%;}
	.youtubeBox.mobile ul.youtubeList li a h5 {font-size:20px;}
	
	.youtubeBox .pc {display:none;}
	.youtubeBox .mobile {display:block;}
}


@media all and (max-width:560px){
	.channerBtn {width:240px;height:149px;right:10%;}
	.youtubeBox.mobile p.youtubeChar {width:170px;height:228px;left:10%;}
}

@media all and (max-width:560px){
	.youtubeBox.mobile p.youtubeChar {width:142px;height:190px;left:8%;}
	
}

@media all and (max-width:450px){
	#video-container {padding-bottom:65%;}
	.youtubeBox.mobile ul.youtubeList li:nth-child(2n-1) {width:100%;max-width:100%;padding-right:0;}
	.youtubeBox.mobile ul.youtubeList li:nth-child(2n-2) {width:100%;max-width:100%;padding-left:0;}
	.youtubeBox.mobile {background-position:center 135px;}
	.youtubeBox.mobile div.youtubeTop h3.yotubeTit {width:70%;}
	.youtubeBox.mobile div.youtubeTop h3.yotubeTit img {width:100%;height:auto;}
	.channerBtn {width:190px;height:118px;}
	.youtubeBox.mobile div.youtubeTop {height:560px;}
	.youtubeBox.mobile h4.yotubeSTit {padding:10px 10px;font-size:14px;bottom:180px;}	
}

@media all and (max-width:380px){	
	.youtubeBox.mobile p.youtubeChar {width:110px;height:148px;}
	.channerBtn {width:170px;height:105px;bottom:25px;}
	.youtubeBox.mobile h4.yotubeSTit {bottom:170px;}
}

@media all and (max-width:320px){	
	.youtubeBox.mobile {background-position:center 115px;}
	.youtubeBox.mobile div.youtubeTop {height:480px;}
	.youtubeBox.mobile p.youtubeChar {width:90px;height:120px;}
	.channerBtn {width:160px;height:99px;bottom:15px;}
	.youtubeBox.mobile h4.yotubeSTit {bottom:130px;}
}



#prdlstlayerPop {display:none;position:absolute;border:1px solid #bbb;top:100px;width:800px;margin-left:-400px;left:50%;z-index:3;background-color:#fff;}
#prdlstlayerPop h2.prdlstTit {position:relative;width:100%;height:56px;line-height:56px;text-align:center;background-color:#5c5c5c;color:#fff;font-weight:700;letter-spacing:0.05em;}
#prdlstlayerPop .btnBox {position:absolute;right:10px;top:10px;width:36px;height:36px;}
#prdlstlayerPop div.prdlstBox {height:500px;overflow:auto;}
#prdlstlayerPop .btnBox button.btnClose {position:relative;width:36px; height:36px; border:1px solid #fff; text-indent:-99999em;background:url(/images/btn/btn_close.png) no-repeat center;top:0;}
#prdlstlayerPop .hsTable.prdlst {width:96%;margin:30px auto;}
#prdlstlayerPop .hsTable tbody th {padding:13px 0;text-align:center;vertical-align:middle;}
#prdlstlayerPop .hsTable tbody td {padding:13px 20px;text-align:center;vertical-align:middle;}
p.popTitEx button.updateBtn {display:inline-block;width:90px;height:24px;text-align:center;background:none;border-radius:3px;color:#fff;line-height:18px;vertical-align:middle;margin-top:-2px;border:solid 1px #fff;}


/* 맞춤형 추천 서비스 */
.bDataRcmnSvc {display: block; padding: 80px 0;}
.bDataRcmnSvc:after {display: block; content: ''; clear:both;}
.bDataRcmnSvc > div {box-sizing: border-box;width: calc(50% - 3px);min-height: 203px;padding: 13px 14px 0 14px;border: 1px solid #0050a5;background-color: #f7f7f7;}
.bDataRcmnNews {float:left; margin-right: 3px;}
.bDataotherUserNews {float: right; margin-left: 3px;}

.bDataRcmnHeader {display: table; width: 100%;}
.bDataRcmnHeader:after {display: block; content: ''; clear: both; }
.bDataRcmnNewsIcon {display: table-cell;background-image: url(/images/bigDataImg/bizSchedule/ico_code01_on.png);background-repeat: no-repeat; background-position: center;}
.bDataOtherUserNewsIcon {display: table-cell; background-image: url(/images/bigDataImg/bizSchedule/ico_code08_on.png);background-repeat: no-repeat; background-position: center;}
.bDataNewsIcon {width: 68px; height: 68px;}
.bDataRcmnTitle {display: table-cell; width: calc(100% - 81px);  padding-left: 15px; font-family: ng, Verdana, Dotum, AppleGothic, sans-serif; font-size: 16px; font-weight: 300; letter-spacing: -0.05em; color: #16619f; word-break: keep-all; vertical-align: middle; }


.bDataRcmnBody {margin: 15px 0 0 0;}
.bDataNewList li + li {margin-top: 5px;}
.bDataNewList li a {display: block;}
.bDataNewList .tagTitle {display: inline-block;width: 118px;font-size: 13px;font-weight: 400;color: #206cab;text-align: center;border: 1px solid #79a5ca;border-radius: 20px;background-color: #fff;}
.bDataNewList .newsTitle {display: inline-block;width: calc(100% - 82px);max-width: calc(100% - 139px);margin: 0 0 0 7px;font-family: ng, Verdana, Dotum, AppleGothic, sans-serif;font-size: 14px;font-weight: 300;letter-spacing: -0.05em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: top;}

@media screen and (max-width: 800px) {
	.bDataRcmnSvc > div {width: 100%; margin: 0 0 10px 0 !important;}
}

@media screen and (max-width: 720px) {
	.bDataRcmnSvc {padding: 24px 0;}
	.bDataRcmnSvc ul {padding-bottom: 24px;}
	.bDataRcmnSvc ul a {text-decoration: none !important;}
	.bDataNewList .tagTitle {display: block;}
	.bDataNewList .newsTitle {display: block; width: 100%; max-width: 90%; margin-top: 5px; color: #333;}
}
/* END : 맞춤형 추천 서비스 */



/* 2020-07-14 KITA 회원 할인 서비스 */
.benefitSCList {display:flex;flex-wrap:wrap;width:100%;}
.benefitSCList.pc {}
.benefitSCList.mobile {display:none;}
.benefitSCList ul.sCBox {display:inline-flex;flex-wrap:wrap;border:solid 1px #eaeaea;}
.benefitSCList ul.sCBox li {display:flex;width:12.5%;height:115px;border:0;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;margin:0;}
.benefitSCList ul.sCBox li:nth-child(8n) {border-right:0;}
.benefitSCList ul.sCBox li.tit {border-bottom:solid 1px #eaeaeaf;border-right:solid 1px #eaeaea;}
.benefitSCList ul.sCBox li.tit h5 {display:inline-block;max-width:116px;width:100%;height:114px;line-height:114px;text-align:center;background-color:#87c5bd;}
.benefitSCList ul.sCBox li.tit.txt2 h5 {line-height:94px;}
.benefitSCList ul.sCBox li.tit h5 span {display:inline-flex;line-height:140%;color:#fff;font-size:15px;font-weight:300;}
.benefitSCList ul.sCBox li a {width:100%;height:100%;}
.benefitSCList ul.sCBox li a dl {position:relative;width:100%;height:100%;}
.benefitSCList ul.sCBox li a dl dt {position:relative;width:100%;height:100%;text-align:center;vertical-align:middle;line-height:114px;background-color:#fff;}
.benefitSCList ul.sCBox li a dl:hover dd {display:block;transition:all 3s;-webkit-transition:all .3s;}
.benefitSCList ul.sCBox li a dl dt>img {width:auto;vertical-align:middle;max-width:76px;}
.benefitSCList ul.sCBox li a dl dt>img.bigImg {max-width:96px;width:auto;max-height:38px;height:auto;vertical-align:middle;}
.benefitSCList ul.sCBox li a dl dd {display:none;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;border:solid 5px #87c5bd;}
.benefitSCList ul.sCBox li a dl dd span {position:absolute;top:50%;margin-top:-11px;display:inline-block;width:100%;text-align:center;font-weight:700;color:#0b6459;line-height:22px;}
.benefitSCList ul.sCBox li a dl dd span.txt2 {margin-top:-22px;}

@media all and (max-width:900px){
	.benefitSCList ul.sCBox li {width:20%;max-width:20%;height:130px;line-height:130px;}
	.benefitSCList ul.sCBox li.tit {width:20%;max-width:20%;height:130px;line-height:130px;}
	.benefitSCList ul.sCBox li.tit h5 {width:100%;max-width:100%;height:130px;line-height:130px;}
	.benefitSCList ul.sCBox li a dl dt {line-height:130px;}
	.benefitSCList ul.sCBox li:nth-child(5n) {border-right:0;}
}


	
@media all and (max-width:740px){
	.benefitSCList.pc {display:none;}
	.benefitSCList.mobile {display:block;}
	.benefitSCList.mobile td a dl dt img {width:auto;heigh:auto;max-height:20px;max-width:100px;}
	.benefitSCList.mobile td a dl dt img.big {height:auto;}
	.benefitSCList.mobile td a dl dt {display:inline;}
	.benefitSCList.mobile td a dl dd {display:none;}
}

@media all and (max-width:640px){
	.benefitSCList ul {display:table;}
	.benefitSCList ul.sCBox {wdith:100%;}
	.benefitSCList ul.sCBox li.tit {width:100%;max-width:100%;height:42px;line-height:42px;border-right:0;}
	.benefitSCList ul.sCBox li.tit h5 {max-width:100%;height:42px;line-height:42px;}
	.benefitSCList ul.sCBox li {width:100%;max-width:100%;height:42px;line-height:42px;border-right:0;}
	.benefitSCList ul.sCBox li:last-child {border-bottom:0;}
	.benefitSCList ul.sCBox li a dl dt {line-height:34px;}
}



/* 2020-08-10 통상보고서 탭 게시판 */
.tap_cmercReport{width: 100%; margin: 30px auto;}
.inner_tabs{margin: 0px; list-style: none;}
.inner_tabs li{width:49.8%; background: antiquewhite; color: #222; display: inline-block; padding: 15px; cursor: pointer; background-color: #fff; font-size: 15px; font-weight: 300;text-align: center; border-width: 2px 1px 1px 1px; border-style:solid;border-color: #000 #ddd #ddd #ddd;}
.inner_tabs li.report{border-color: #000 #ddd #fff #ddd}

.tab_otherLink {overflow:hidden;}
.tab_otherLink .inner {overflow:hidden; margin:0 -10px;}
.tab_otherLink .inner .box {float:left; width:33.3%; padding:0 10px;}
.tab_otherLink .inner .box dl {overflow:hidden; position:relative; height:210px; padding: 15px 20px; border-width:0 1px 1px; border-style:solid; border-color:transparent #ddd #ddd;}
.tab_otherLink .inner .box dl:after {position:absolute; top:0; right:-1px; left:-1px; height:2px; content:'';}
.tab_otherLink .inner .box dl dt {color:#111; font-weight:300; font-size:18px;}
.tab_otherLink .inner .box dl dd {margin-top:7px;}
.tab_otherLink .inner .box dl dd ul li {height:37px; border-bottom:1px solid #ddd;}
.tab_otherLink .inner .box dl dd ul li:nth-child(4) {border-bottom:0;}
.tab_otherLink .inner .box dl dd ul li a {display:block; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.tab_otherLink .inner .box dl dd ul.type1 li {padding-top:7px;}
.tab_otherLink .inner .box dl dd ul.type2 li {background:url(/images/btn/btn_arr_08.png) no-repeat 100% 50%; line-height:36px;}
.tab_otherLink .inner .box dl dd ul.type2 li a {padding-right:15px; padding-left:15px;}

.tab_otherLink.report {overflow:hidden; display: inherit; margin-right:1px;}
.tab_otherLink.report .box { float: none; width: 100%;}
.tab_otherLink.report .box dl { height: auto;}
.tab_otherLink.report .inner .box dl dd ul li {height:auto; border-bottom:1px solid #ddd;}
.tab_otherLink.report .inner .box dl dd ul li:last-child {border-bottom:0;}
.tab_otherLink.report .inner .box dl dd ul.type1 li {display: flex;padding:7px 0;background:url(/images/btn/btn_arr_08.png) no-repeat 100% 14px; }
.tab_otherLink.report .inner .box dl dd ul.type1 li .category {margin-right: 15px; flex-shrink: 0;}
.tab_otherLink.report .inner .box dl dd ul.type1 li .date {margin-left: auto;margin-right: 15px; flex-shrink: 0;}
.tab_otherLink.report .inner .box dl dd ul.type1 li a {padding-right:15px; padding-left:15px;}
@media all and (max-width:800px){
	.inner_tabs li{width:49.7%}
	.tab_otherLink .inner {position:relative; padding-top:230px;}
	.tab_otherLink .inner .box {width:50%;}
	.tab_otherLink .inner .box:first-child {float:none; position:absolute; top:0; right:0; left:0; width:100%;}
}
@media all and (max-width:640px){
	.tab_otherLink {}
	.tab_otherLink .inner {margin:0; padding-top:0;}
	.tab_otherLink .inner .box {float:none; width:100%; margin-top:15px; padding:0;}
	.tab_otherLink .inner .box:first-child {position:static; margin-top:0;}
	.tab_otherLink .inner .box dl dt {font-size:16px;}
	.tab_otherLink .inner .box dl dd ul li a {font-size:12px;}
	.tab_otherLink .inner .box dl dd ul.type2 li {background-image:url(/images/btn/btn_arr_08_m.png); -webkit-background-size:5px auto; background-size:5px auto;}
	.tab_otherLink.report .inner .box dl dd ul.type1 li a {-webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box;    white-space: normal;}
}
@media all and (max-width:480px){
	.inner_tabs li{width:49.4%}
}




/* 2020-08-10 통상보고서 탭 게시판 */
.tap_cmercReport{width: 100%; margin: 30px auto;}
.inner_tabs{margin: 0px; list-style: none;}
.inner_tabs li{width:49.8%; color: #222; display: inline-block; padding: 15px; cursor: pointer; background-color: #fafafa; font-size: 15px; font-weight: 300;text-align: center; border-width: 2px 1px 1px 1px; border-style:solid;border-color: #000 #ddd #ddd #ddd;}
.inner_tabs li.report{border-color: #000 #ddd #fff #ddd; background-color: #fff;}

.tab_otherLink {overflow:hidden;}
.tab_otherLink .inner {overflow:hidden; margin:0 -10px;}
.tab_otherLink .inner .box {float:left; width:33.3%; padding:0 10px;}
.tab_otherLink .inner .box dl {overflow:hidden; position:relative; height:210px; padding: 15px 20px; border-width:0 1px 1px; border-style:solid; border-color:transparent #ddd #ddd;}
.tab_otherLink .inner .box dl:after {position:absolute; top:0; right:-1px; left:-1px; height:2px; content:'';}
.tab_otherLink .inner .box dl dt {color:#111; font-weight:300; font-size:18px;}
.tab_otherLink .inner .box dl dd {margin-top:7px;}
.tab_otherLink .inner .box dl dd ul li {height:37px; border-bottom:1px solid #ddd;}
.tab_otherLink .inner .box dl dd ul li:nth-child(4) {border-bottom:0;}
.tab_otherLink .inner .box dl dd ul li a {display:block; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.tab_otherLink .inner .box dl dd ul.type1 li {padding-top:7px;}
.tab_otherLink .inner .box dl dd ul.type2 li {background:url(/images/btn/btn_arr_08.png) no-repeat 100% 50%; line-height:36px;}
.tab_otherLink .inner .box dl dd ul.type2 li a {padding-right:15px; padding-left:15px;}

.tab_otherLink.report {overflow:hidden; display: inherit; margin-right:1px;}
.tab_otherLink.report .box { float: none; width: 100%;}
.tab_otherLink.report .box dl { height: auto;}
.tab_otherLink.report .inner .box dl dd ul li {height:auto; border-bottom:1px solid #ddd;}
.tab_otherLink.report .inner .box dl dd ul li:last-child {border-bottom:0;}
.tab_otherLink.report .inner .box dl dd ul.type1 li {display: flex;padding:7px 0;background:url(/images/btn/btn_arr_08.png) no-repeat 100% 14px; }
.tab_otherLink.report .inner .box dl dd ul.type1 li .category {margin-right: 15px; flex-shrink: 0;}
.tab_otherLink.report .inner .box dl dd ul.type1 li .date {margin-left: auto;margin-right: 15px; flex-shrink: 0;}
.tab_otherLink.report .inner .box dl dd ul.type1 li a {padding-right:15px;padding-left:15px;width:650px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:keep-all;}

.otherLink_class{width:100px;}
.otherLink_date{width: 75px; right: 35px; position: absolute;}

@media all and (max-width:900px){
	.inner_tabs li{width:49.7%;}
	.tab_otherLink .inner {position:relative; padding-top:230px;}
	.tab_otherLink .inner .box {width:50%;}
	.tab_otherLink .inner .box:first-child {float:none; position:absolute; top:0; right:0; left:0; width:100%;}
	.tab_otherLink.report .inner .box dl dd ul.type1 li a {width:400px;}
}
@media all and (max-width:640px){
	.inner_tabs li{width:49.6%;}
	.tab_otherLink .inner {margin:0; padding-top:0;}
	.tab_otherLink .inner .box {float:none; width:100%; margin-top:15px; padding:0;}
	.tab_otherLink .inner .box:first-child {position:static; margin-top:0;}
	.tab_otherLink .inner .box dl dt {font-size:16px;}
	.tab_otherLink .inner .box dl dd ul li a {font-size:12px;}
	.tab_otherLink .inner .box dl dd ul.type2 li {background-image:url(/images/btn/btn_arr_08_m.png); -webkit-background-size:5px auto; background-size:5px auto;}
	.tab_otherLink.report .inner .box dl dd ul.type1 li a {width:330px;}
}
@media all and (max-width:575px){
	.inner_tabs li{width:49.5%;}
	.otherLink_date{display:none;}
}
@media all and (max-width:480px){
	.tab_otherLink.report .inner .box dl dd ul.type1 li a {width:240px; overflow:hidden;text-overflow:ellipsis;white-space: normal; line-height: 1.8; height: 3.6em; word-break:keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left}
	.inner_tabs li{width:49.4%;}
    .otherLink_date{display:none;}
    .otherLink_class{font-size:11px; width:60px; padding-top:2px;}
}
@media all and (max-width:380px){
	.tab_otherLink.report .inner .box dl dd ul.type1 li a {width: 180px;padding-left: 8px;}
    .otherLink_class{width:80px; padding-top:2px; padding-left:8px;}
}

.btntxtDown span {display:inline-block;border-radius:4px;border:soid 1px #ebebeb;width:18px;height:18px;text-indent:-99999em;background:#666 url(../images/btn/btn_download.png) 4px center no-repeat;margin-left:1px;vertical-align:middle;}
.conWrap .txt.lh200 {line-height:200%;}

.imm_cont01 {font-weight:bold; font-size:14px; color:#333; line-height:1.6; padding:15px 33px; margin:0px 0 20px 0; background: #ffffff; border: 1px solid #005bbb;}
.imm_cont02 {padding: 5px 0px 15px 0px; background: #f7f7f7;}

.tradeImgView {display:inline-block;margin:40px 0;box-sizing:border-box;}
.tradeImgView ul li {float:left;display:inline-block;box-sizing:border-box;vertical-align:top;}
.tradeImgView ul li.imgView01 {width:49.62%;max-width:459px;}
.tradeImgView ul li.imgView02 {width:50.38%;max-width:466px;padding:0 0 0 7px;}
.tradeImgView ul li.imgView03 {clear:both;width:33.51%;max-width:310px;padding:7px 7px 0 0;}
.tradeImgView ul li.imgView04 {width:32.97%;max-width:305px;padding:7px 0 0 0}
.tradeImgView ul li.imgView05 {width:33.30%;max-width:308px;padding:7px 0 0 7px;}
.tradeImgView ul li a {width:100%;}
.tradeImgView ul li a img {width:100%;}

.tradeImgPop {position: fixed;top: -100%;width: 100%;width: 100%;opacity: 0;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;overflow: hidden;z-index:300;}
.tradeImgPop:target {opacity: 1;top: 0;left:0;bottom: 0;}
.tradeImgView {display:inline-block;margin:0 0 40px 0;box-sizing:border-box;}
.tradeImgView ul li {float:left;display:inline-block;box-sizing:border-box;vertical-align:top;}
.tradeImgView ul li.imgView01 {width:49.62%;max-width:459px;}
.tradeImgView ul li.imgView02 {width:50.38%;max-width:466px;padding:0 0 0 7px;}
.tradeImgView ul li.imgView03 {clear:both;width:33.51%;max-width:310px;padding:7px 7px 0 0;}
.tradeImgView ul li.imgView04 {width:32.97%;max-width:305px;padding:7px 0 0 0}
.tradeImgView ul li.imgView05 {width:33.30%;max-width:308px;padding:7px 0 0 7px;}
.tradeImgView ul li a {width:100%;}
.tradeImgView ul li a img {width:100%;}

.tradeImgPop {position: fixed;top: -100%;width: 100%;width: 100%;opacity: 0;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;overflow: hidden;z-index:300;}
.tradeImgPop:target {opacity: 1;top: 0;left:0;bottom: 0;}
.tradeImgPop .containerPhoto {margin: auto;position:absolute;width:100%; max-width:1024px;;top: 50vh;left: 50vw;background-color: white;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);-webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;text-align:left;transform: translate3d(-50%, -50%, 0);}
.tradeImgPop .containerPhoto img {width: 100%;}
a.tradeImgPop-close {position:absolute;display: block;width: 50px;height: 50px;border: 1px solid #fff;background: url(/images/btn/btn_close.png) no-repeat center;text-decoration: none;position: absolute;top: 10px;right: 10px;margin: 0;padding-top: 10px;}
.tradeImgView ul li a {display: inline-block;text-align: center;text-decoration:none;color:white;}
.tradeImgView ul li a p {position:absolute;opacity: 0;font-size: 20px;top:45%;z-index:100;left: 0;right: 0;margin: auto;}
.blind {z-index:-1px;overflow:hidden;position:absolute;height:1px;height:1px;text-indent:-999999em;}

@media all and (max-width:1024px){
	.tradeImgPop .containerPhoto {width: 100%;left:0;top: 30%;transform: none;}
}

@media all and (max-width:900px){
	a.tradeImgPop-close {width: 30px;height: 30px;}
    .tradeImgPop .containerPhoto {top: 20vh;}
	.tradeImgView ul li.imgView01 {width:calc(50% - 1px);padding:0 1px 0 0;}
	.tradeImgView ul li.imgView02 {width:calc(50% - 1px);padding:0 0 0 1px;}
	.tradeImgView ul li.imgView03 {clear:both;width:calc(33.333% - 2px);padding:2px 2px 0 0;}
	.tradeImgView ul li.imgView04 {width:calc(33.333% - 1px);padding:2px 1px 0 0}
	.tradeImgView ul li.imgView05 {width:calc(33.333% - 1px);padding:2px 0 0 1px;}	
}

@media all and (max-height:840px) and (min-width:1024px){
    .tradeImgPop .containerPhoto {top: 55vh;max-width:800px;}
}