@charset "utf-8";

#gnb.on::after {content: ''; position: absolute; width: 100%; height: 1px; display: block; background: #464c5c; top: 346px; left: 0; }
#container {margin-top:97px;}

/*path, util영역*/
#pathWrap {background:#464c5c; border-bottom:1px solid #ddd; height:50px;}
#pathWrap .path {float:left;}
#pathWrap .path > li { border-right:1px solid rgba(255,255,255,.2); position:relative; float:left; }
#pathWrap .path > li::after {content:''; display:block; position: relative; float:right; top:20px; right:20px; width:10px; height:10px; background:url('/Main/Images/section/newtech/sub/arr01.png') no-repeat 85% center; transform: rotate(0deg);}
#pathWrap .path > li.on::after  {transform: rotate(-180deg);}
#pathWrap .path > li:first-child {border-left:1px solid rgba(255,255,255,.2); background:none;}
#pathWrap .path > li:first-child::after {display:none;}
#pathWrap .path > li:last-child > a span { font-weight:400;}
#pathWrap .path > li > a {display:inline-block;  padding: 13px 60px 13px 30px;}
#pathWrap .path > li > a > span {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;}
#pathWrap .path .home a { text-indent:-99999px; background:url('/Main/Images/section/newtech/sub/home.png') no-repeat center; width:50px; height:50px; padding:0;}
#pathWrap .path .dept2 { display:none; position:absolute; left:-1px; top:49px; width: calc(100% + 2px); border:1px solid #ccc; background:#fff; padding:10px;  z-index:50; box-shadow: 3px 3px 3px rgba(221,221,221,.8);}
#pathWrap .path .dept2 li a { display:block; padding:5px; border-bottom:1px solid #eee; }
#pathWrap .path .dept2 li a span {font-size:14px;}
#pathWrap .path .dept2 li.on a,
#pathWrap .path .dept2 li a:hover {font-weight:600;}
#pathWrap .path .dept2 li:last-child a {border-bottom:0;}
#pathWrap .util {position:relative; float:right;}
#pathWrap .util div {display:inline-block;}
#pathWrap .util a {display:inline-block; height:50px; line-height:50px; width:50px; border-left:1px solid rgba(255,255,255,.2)}
#pathWrap .util a:last-child {border-right:1px solid rgba(255,255,255,.2)}
#pathWrap .util a {position:relative; text-indent:-99999px;}
#pathWrap .util a::after {content:''; display:block; position:absolute; top:15px; left:15px; background:url('/Main/Images/section/newtech/sub/iconUtil.png') no-repeat center; width:21px; height:21px;}
#pathWrap .util a.plus::after {background-position:0 0;}
#pathWrap .util a.minus::after {background-position:-21px 0;}
#pathWrap .util a.print::after {background-position:-42px 0;}
#pathWrap .util a.faceBook::after {background-position:-63px 0;}
#pathWrap .util a.twitter::after {background-position:-84px 0;}

@media all and (max-width:1023px){
	#container {margin-top:80px;}
	#pathWrap {margin-top:0px; height:auto;}
	#pathWrap .wrap {max-width:100%; margin:0;}
	#pathWrap .path {width:100%; }
	#pathWrap .util {float:none; text-align:center; clear:both; border-top:1px solid rgba(255,255,255,.2);}
	#pathWrap .util a,
	#pathWrap .util a:last-child {border-left:none; border-right:none;}
	#pathWrap .path .dept2 {box-shadow:none;}
}

@media all and (max-width:768px) {
	#pathWrap .path > li:first-child {display:none;}
	#pathWrap .path > li {width:50%;  height:45px; box-sizing:border-box;}
	#pathWrap .path > li:nth-of-type(4),
	#pathWrap .path > li:nth-of-type(5) {border-top:1px solid rgba(255,255,255,.2)}
	#pathWrap .path > li::after {position:absolute;}
	#pathWrap .path > li > a {padding:0 0 0 20px; width:100%; height:100%; line-height:45px;}
	#pathWrap .path .dept2 {width:100%; top:45px; left:0;}
}


/*콘텐츠 메뉴*/
#content {clear:both; margin:40px auto 100px;}
#content .snb {text-align:center; margin-bottom:40px; position: relative;}
.prevMenu {position:absolute; left:0; top:40px; z-index:11; font-weight:300;}
.prevMenu::before {content:''; display:inline-block; width:31px; height:31px; vertical-align:middle; margin-right:10px; background:#464c5c url('/Main/Images/section/newtech/sub/arr02.png')no-repeat center; border-radius:50%;}
.nextMenu {position:absolute; right:0; top:40px; z-index:11; font-weight:300;}
.nextMenu::after {content:''; display:inline-block; width:31px; height:31px; vertical-align:middle; margin-left:10px; background:#464c5c url('/Main/Images/section/newtech/sub/arr02.png')no-repeat center; transform:rotate(180deg); border-radius:50%;}
#content .snb h2 {font-size:18px; color:#a4a4a4;}
#content .snb h3 {font-size:36px; font-weight:400; letter-spacing:-0.08em; padding-bottom:30px; border-bottom:1px solid #c8d1d8}
#content .snb .snb_dept3 {overflow:hidden; position:relative; width:100%; background:#f6f6f6; font-size:0;}
#content .snb .snb_dept3:after {content:''; position:absolute; width:100%; height:1px; left:0; bottom:0; background:#c8d1d8; }
#content .snb .snb_dept3 li {position:relative; display:inline-block; width:25%; border-bottom:1px solid #c8d1d8;}
#content .snb .snb_dept3 li a {display:block; padding:15px 2% 0; margin-bottom:15px; }
#content .snb .snb_dept3 li::after {content:'|'; position:absolute; top:13px; right:0; color:#c8d1d8;}
#content .snb .snb_dept3 li:nth-of-type(4n)::after,
#content .snb .snb_dept3 li:last-child::after {display:none;}
#content .snb .snb_dept3 li.on a {font-weight:400;}
#content .snb .snb_dept4 {overflow:hidden; margin-top:25px; width:100%; text-align:center;}
#content .snb .snb_dept4 li {display:inline-block; border:3px solid #eee; margin:5px; border-radius:30px; }
#content .snb .snb_dept4 li a {display:block; padding:10px 20px;}
#content .snb .snb_dept4 li.on {background:#464c5c; border:3px solid #464c5c;}
#content .snb .snb_dept4 li.on a {color:#fff; font-weight:400;}
@media all and (max-width:1200px){
	#content .snb .snb_dept3 li {width:33.333%;}
	#content .snb .snb_dept3 li:nth-of-type(3n)::after {display:none;}
	#content .snb .snb_dept3 li:nth-of-type(4n)::after {display:block;}
}
@media all and (max-width:1023px){
	#content {margin-top:20px;}
	#content .snb h3 {font-size:30px;}
	.prevMenu,
	.nextMenu {display:none;}
	#content .snb .snb_dept3 li a {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
}
@media all and (max-width:640px){
	#content .snb {margin-bottom:30px;}
	#content .snb h3 {font-size:21px;}
	#content .snb .snb_dept3 li {width:50%;}
	#content .snb .snb_dept3 li:nth-of-type(3n)::after {display:block;}
	#content .snb .snb_dept3 li:nth-of-type(2n)::after {display:none;}
	#content .snb .snb_dept4 {margin-top:10px;}
}
@media all and (max-width:414px){
	#content .snb .snb_dept3 li {width:100%;}
	#content .snb .snb_dept3 li::after {display:none !important;}
	#content .snb .snb_dept3 li a {padding-top:10px; margin-bottom:10px; font-size:14px;}
}

/*콘텐츠 텝*/

/*콘텐츠 박스, 뎁스, 테이블, 버튼*/
#content {}
#content strong,
#content strong span {font-weight:500;}
#content .box {background:url('/Main/Images/section/newtech/sub/pattern01.gif') repeat; padding:7px; box-sizing:border-box;}
#content .box > div {background:#fff; padding:30px 3%; font-size:18px; letter-spacing:-0.03em;}
.colorR {color:#ed1c24;}
#content .box > div span,
#content .box > div a,
#content .box > div strong {font-size:18px;}
#content h4 { position:relative; font-size:26px; font-weight:500; margin:50px 0 20px; color:#464c5c;}
#content h5 { position:relative; font-size:22px; font-weight:400; margin:30px 0 20px;padding-top:15px;}
#content h5::before {content:''; position:absolute; top:0px; left:0; width:25px; height:2px; background:#464c5c;}
#content h6 {padding:5px 20px; background:#eef3ff; display:inline-block; border-radius:20px;margin-bottom:5px; }
#content .dept1 {padding-left:10px;}
#content .dept1 > li {position:relative; padding:5px 0 5px 15px; letter-spacing:-0.02em;}
#content .dept1 > li span.tit {font-weight:400; padding-right:5px;}
#content .dept1 > li::before {content:''; position:absolute; left:0; top:13px; width:3px; height:3px; border:3px solid #464c5c; border-radius:3px; }
#content .dept2 > li {position:relative; padding:5px 0 5px 12px;}
#content .dept2 > li::before {content:''; position:absolute; left:0; top:14px; width:4px; height:4px; background:#464c5c;}
#content .dept3 > li {position:relative; font-size:15px; padding:4px 0 0 12px;}
#content .dept3 > li::before {content:''; position:absolute; left:0; top:14px; width:4px; height:2px; background:#555; }
#content .dept4 > li {position:relative; font-size:14px; padding:4px 0 0 10px;}
#content .dept4 > li::before {content:''; position:absolute; left:0; top:13px; width:3px; height:1px; background:#555; }
@media all and (max-width:768px){
	#content h4 {font-size:20px;}
	#content h4.numSt span {font-size:17px;}
	#content h4.lineSt {font-size:19px;}
	#content h5 {font-size:17px;}
}
.tblWrap {margin:15px 0; overflow-x:auto; position:relative;}
.tblWrap table {border-collapse: separate; width:100%; margin-left:-1px; border-top:2px solid #434343; text-align:center;}
.tblWrap table td,
.tblWrap table th {letter-spacing:-0.05em;}
.tblWrap table thead th {padding:16px 1%; font-weight:400; border-bottom:1px solid #434343; background:#f8f8f8; border-left:1px solid #ddd;}
.tblWrap table tbody th,
.tblWrap table tbody td {padding:15px 1%; border-bottom:1px solid #ddd; background:#fff; border-left:1px solid #ddd;}
table.tdAl td {text-align:left;}
.tblWrap table tbody th {background:#f8f8f8; font-weight:300;}

@media all and (max-width:768px){
	.tblWrap.scroll table {width:768px;}
	.tblWrap.scroll:hover:after {content:'좌우로 스크롤 하시면 전체 내용을 확인하실 수 있습니다.'; display:block; font-size:12px; padding:3px 10px; text-align:center; position:absolute; width:768px; bottom:0px; left:0; background:rgba(0,0,0,0.3); color:#fff;}
}

/*공통*/
.leftCont {float:left;}
.rightCont {float:right;}

img.brd {border:1px solid #ddd;}
img.bxs {box-shadow:5px 5px 10px #ddd; margin:0 15px 15px 0;}

.f2a87c9 {color:#2a87c9;}
.fed1c24 {color:#ed1c24;}
.bold {font-weight:500 !important;}

/*버튼*/
a.moreBtn {position:relative; display:inline-block; background:#fff; border:3px solid #ebebeb; border-radius:25px; padding:7px 20px;}
a.zipCodeBtn {position:relative; display:inline-block; background:#333; color:#fff; border-radius:5px; padding:9px 10px; margin-left:5px; vertical-align:top; font-size:14px;}
a.txtBtn {position:relative; display:inline-block; padding:0 35px 0 5px; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a.txtBtn:hover {background:rgba(233,246,255,.8); font-weight:300;}
a.txtBtn::after { content:''; display:block; position:absolute; right:5px; top:50%; margin-top:-7.5px; width:15px; height:15px; }

a.whiteBtn,
a.blueBtn,
a.purpleBtn {position:relative; display:inline-block; background:#5068a8; padding:10px 40px 10px 20px; color:#fff; border-radius:10px; margin:2px;}

a.whiteBtn:hover,
a.blueBtn:hover,
a.purpleBtn:hover  { box-shadow:3px 3px 5px #ddd; font-weight:400;}

a.norBtn {padding:10px 40px 10px 40px; text-align:center;}
a.norBtn:after {background:none !important;}
a.blueBtn {background:#2a87c9;}

a.whiteBtn {border:1px solid #ccc; background:#fff; color:#555;}
a.whiteBtn::after,
a.blueBtn::after,
a.purpleBtn::after {content:''; display:block; position:absolute; right:15px; top:50%; margin-top:-7.5px; width:15px; height:15px; }
a.blueBtn::after,
a.purpleBtn::after { background:url('/Main/Images/section/newtech/sub/iconW.png') no-repeat; }
a.whiteBtn::after,
a.txtBtn::after{ background:url('/Main/Images/section/newtech/sub/iconB.png') no-repeat; }
a.whiteBtn.down::after,
a.blueBtn.down::after,
a.purpleBtn.down::after,
a.txtBtn.down::after {background-position:0px 0;}
a.whiteBtn.blank::after,
a.blueBtn.blank::after,
a.purpleBtn.blank::after,
a.txtBtn.blank::after {background-position:-15px 0;}
a.whiteBtn.link::after,
a.blueBtn.link::after,
a.purpleBtn.link::after,
a.txtBtn.link::after {background-position:-30px 0;}
a.big {padding:20px 200px 20px 30px; font-size:24px; font-weight:400;}
a.apply::after {display:inline-block; width:31px; height:31px; border-radius:50%; margin-top: -15.5px; right:40px; background:#fff url('/Main/Images/section/newtech/sub/arr03.png') no-repeat center;}