@charset "utf-8"; 
/* Layout CSS Document */
.skipNav {display:block; position: fixed; top: 0; left: 0; width: 100%; z-index: 101;}
.skipNav a {display: block; position: absolute; top: -9999px;}
.skipNav a span {display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center;}
.skipNav a:hover, .skipNav a:active, .skipNav a:focus {display:inline-block; width: 100%; z-index: 100; top:0;}


/* Desktop Layout Style */
.sectionWrap {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.innerZone {display:block; position:relative; width:1140px; height:100%; margin:0 auto; box-sizing:border-box;}


/* header layout  */
.sectionHeader {display:block; position:relative; margin:0; padding:35px 0 0 0; background-color:#f2f2f2; z-index:100;}
.sectionHeader .toastBanner {display:none;}
.sectionHeader .headerWrap {display:block; position:relative; height:80px; margin:0; padding:0; background-color:#FFF;}
.sectionHeader .headerWrap .innerZone {padding:0;}
.sectionHeader .headerWrap a.logo {display:inline-block; position:absolute; left:0; top:15px;}
.sectionHeader .headerWrap a.logo img {position:relative; width:185px; vertical-align:middle;}
.sectionHeader .headerWrap a.logo img + img {width:100px; margin-left:10px; padding-left:15px; background:url('/images/common/layout/h1_linedot.jpg') no-repeat center left; background-size:2px 34px;}

.headerWrap .quickBg {display:none;}
.headerWrap .quickArea.pc {position:absolute; right:0; top:-35px;}
.headerWrap .quickArea{display:inline-block; color:#666; font-size:0.875em;}
.headerWrap .quickArea li {float:left; display:inline-block; position:relative; height:30px; margin:0; padding:5px 14px 0 14px;}
.headerWrap .quickArea li + li {padding-left:17px; background:url("/images/common/dot22_b3.gif") no-repeat left 50%;}
.headerWrap .quickArea li.lang {padding:5px 22px 0 22px; background:#e6e6e6;}
.headerWrap .headFunction {display:table; float:right; margin-top:15px;}


/* 본문영역 layout  */
.sectionBody {display:block; position:relative; margin:0; padding:0;}
.sectionBody .subVisual {display:table; position:relative; width:100%; height:180px; margin:0; padding:0; background-color:#FFF; background-position:50% 50%; background-repeat:repeat-x;}
.sectionBody .subVisual .innerZone {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#0d0d0d;}
.sectionBody .subVisual .innerZone .svT {display:inline-block; position:relative; margin:0; padding:0; font-size:1.125em;}
.sectionBody .subVisual.category {background-image:url("/images/common/subvisualBg.jpg")}/* 샘플 */
.sectionBody .subVisual.government {background-image:url("/images/common/subvisualBg_government.jpg")}/* 01정부3.0 */
.sectionBody .subVisual.company {background-image:url("/images/common/subvisualBg_company.jpg")}/* 02회사소개 */
.sectionBody .subVisual.support {background-image:url("/images/common/subvisualBg_business.jpg")}/* 03기업지원 */
.sectionBody .subVisual.customer {background-image:url("/images/common/subvisualBg_customer.jpg")}/* 04고객지원 */
.sectionBody .subVisual.operation {background-image:url("/images/common/subvisualBg_operation.jpg")}/* 05지속가능경영 */
.sectionBody .subVisual.promotion {background-image:url("/images/common/subvisualBg_promotion.jpg")}/* 06홍보 */
.sectionBody .subVisual.etc {background-image:url("/images/common/subvisualBg_etc.jpg")}/* 07기타 */

.sectionBody .pageNav {display:block; position:relative; margin:0; padding:0; border-bottom:solid #e6e6e6 1px; font-size:1em;}
.sectionBody .pageNav .innerZone {border-left:solid #e6e6e6 1px; border-right:solid #e6e6e6 1px;}
.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
.sectionBody .pageNav button[type="button"] {float:left; display:block; position:relative; width:69px; height:50px; margin:0; padding:0; text-indent:-9999px; font-size:0; border:none; background-color:#FFF;}
.sectionBody .pageNav button[type="button"]:hover {background-color:#e4f3fa;}
.sectionBody .pageNav button[type="button"] var {display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url("/images/common/ico_home.png") no-repeat}
.sectionBody .pageNav button[type="button"].home var {background-position:50% -8px;}
.sectionBody .pageNav button[type="button"].share {left:-1px; border-right:1px solid #e6e6e6;}
.sectionBody .pageNav button[type="button"].share var {background-position:50% -208px;}
.sectionBody .pageNav button[type="button"].print var {background-position:50% -108px;}
.sectionBody .pageNav .share_list {display:none; position:absolute; width:71px; padding:69px 0 0 0; border:solid #e6e6e6 1px; background:#FFF; right:69px; top:0; z-index:5;}
.sectionBody .pageNav .share_list ul {display:block; position:relative; margin:0; padding:5px 8px;}
.sectionBody .pageNav .share_list li {display:block; position:relative; margin:0; padding:5px 0; text-align:center;}
.sectionBody .pageNav .share_list button {float:inherit; width:40px; height:40px; margin:0 auto;}
.sectionBody .pageNav .share_list button.pUrl {background:url("/images/common/Share/mUrl.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pFacebook {background:url("/images/common/Share/mFacebook.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.pMail {background:url("/images/common/Share/mMail.png") no-repeat left top; background-size:cover}
.sectionBody .pageNav .share_list button.close_share {position:absolute; width:69px; height:69px; background:url("/images/common/Share/pClose.png") no-repeat left top; background-size:cover; left:0; top:0}

.sectionBody .pageNav .lnb {float:left; display:block; position:relative; width:930px; margin:0; padding:0; box-sizing:border-box; border-left:solid #e6e6e6 1px; z-index:50;}
.sectionBody .pageNav .lnb .item {float:left; display:table; position:relative; margin:0; padding:0; border-right:solid #e6e6e6 1px; background:url("/images/common/lnbArrow_befor.png") no-repeat right 50%; box-sizing:border-box;}
.sectionBody .pageNav .lnb .item.on {background-image:url("/images/common/lnbArrow_open.png")}
.sectionBody .pageNav .lnb .item a {display:table-cell; position:relative; height:50px; min-width:258px; margin:0; padding:0 30px 0 20px; vertical-align:middle;}
.sectionBody .pageNav .lnb .item ul {display:none; position:absolute; width:100%; padding:17px 0; left:-1px; top:50px; z-index:10; background-color:#FFF; border:solid #e6e6e6 1px;}
.sectionBody .pageNav .lnb .item ul li {display:table; position:relative; width:100%; margin:0; padding:0;}
.sectionBody .pageNav .lnb .item ul li a {display:table-cell; position:relative; width:inherit; height:20px; margin:0; padding:10px 20px; background:none; font-size:1em; line-height:1.15em;}
.sectionBody .pageNav .lnb .item ul li a:hover, .sectionBody .pageNav .lnb .item ul li a:focus {background-color:#e4f3fa; color:#0d0d0d;}

.sectionBody .contentsArea {display:block; position:relative; margin:0 0 80px 0; padding:0;}
.contentsArea .contentTitle {display:block; position:relative; margin:0; padding:80px 0 0 0;}

.sectionBody .promoteArea {display:block; position:relative; margin:0; padding:0; border-top:solid #e6e6e6 1px; text-align:center;}
.promoteArea .specialistInfo {display:table; position:relative; margin:0 auto; padding:24px 0; font-size:1em;}
.promoteArea .specialistInfo li {display:inline-block; position:relative; margin:0; padding:0;}
.promoteArea .specialistInfo li + li {margin:0 0 0 23px; padding:0 0 0 26px; background:url("/images/common/dot22_b3.gif") no-repeat left 50%;}

.promoteArea .komipoStory {display:block; position:relative; margin:0; padding:70px 0; background-color:#f2f2f2;}
.promoteArea .komipoStory h3 {display:block; position:relative; margin:0; padding:0 0 40px 0; font-size:1.750em; color:#000;}
.promoteArea .komipoStory .kms .bg {display:block;}
.promoteArea .komipoStory .kms .bg img {width:100%;}
.promoteArea .komipoStory .str {display:block; height:203px; padding:19px 25px 0 25px; margin:0; box-sizing:border-box; background-color:#fff; text-align:left; color:#0d0d0d;}
.promoteArea .komipoStory .str h4 {position:absolute; left:24px; bottom:23px; font-size:1em; color:#0079bf;}
.promoteArea .komipoStory .str .title {overflow:hidden; display:block; position:relative; height:54px; margin:0 0 10px 0; padding:0; font-size:1.05em; line-height:1.7}
.promoteArea .komipoStory .str .cont {overflow:hidden; display:block; position:relative; height:51px; margin:0; padding:0; font-size:1em; color:#666;}
.promoteArea .komipoStory .kms:hover .str .title {text-decoration:underline}

.mShare {display:none;}

/* 본문영역 layout Tablet  */
@media all and (min-width:768px) and (max-width:1150px) {
	.sectionWrap {padding:80px 0 0 0;}
	.innerZone {width:100%;}

	.sectionHeader {padding-top:0; position:fixed; width:100%; /*height:80px;*/ left:0; top:0; z-index:100;}
	.sectionHeader .headerWrap {height:80px;}
	.sectionHeader .headerWrap .innerZone {padding:0;}
	.sectionHeader .headerWrap a.logo {left:50%; margin-left:-148px; top:20px;}
	.sectionHeader .headerWrap .quickArea.pc {display:none;}
	.sectionHeader .headerWrap .gnbArea {left:0; width:100%; padding:0;}

	.sectionBody .innerZone {padding:0 20px;}
	.sectionBody .pageNav .innerZone {padding:0 138px 0 69px;}
	.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
	.sectionBody .pageNav button[type="button"] {}
	.sectionBody .pageNav button[type="button"].home {position:absolute; left:0; top:0;}
	.sectionBody .pageNav button[type="button"].share {position:absolute; left:inherit; right:69px; top:0;}
	.sectionBody .pageNav button[type="button"].print {position:absolute; right:0; top:0;}
	.sectionBody .pageNav .lnb {width:100%;}
	.sectionBody .pageNav .lnb .item {width:33.33%;}
	.sectionBody .pageNav .lnb .item a {min-width:inherit; width:100%;}

	.promoteArea .komipoStory {padding-top:38px;}
	.promoteArea .komipoStory .str {padding:20px 20px 0 20px;}
	.promoteArea .komipoStory .str h4 {left:20px; bottom:20px;}	
	.promoteArea button.pTop {display:none;}
}

/* 본문영역 layout Mobile */
@media all and (max-width:767px) {
	.sectionWrap {padding:55px 0 0 0;}
	.innerZone {width:100%;}

	.sectionHeader {padding-top:0; position:fixed; width:100%; /*height:65px;*/ left:0; top:0; z-index:100;}
	.sectionHeader .headerWrap {height:65px;}
	.sectionHeader .headerWrap .innerZone {padding:0;}
	.sectionHeader .headerWrap a.logo {left:50%; margin-left:-103px; top:18px;}
	.sectionHeader .headerWrap a.logo img {width:95px;}
	.sectionHeader .headerWrap a.logo img + img {width:90px; margin-left:6px; padding-left:10px; top:-1px; background-size:1px 25px;}
	.sectionHeader .headerWrap .quickArea.pc {display:none;}

	.sectionBody .innerZone {padding:0 15px;}
	.sectionBody .subVisual {height:110px; background-size:cover;}
	.sectionBody .subVisual .innerZone .svH {font-size:1.5em;}
	.sectionBody .subVisual .innerZone .svT {display:none;}

	.sectionBody .pageNav {font-size:0.857em;}
	.sectionBody .pageNav .innerZone {border:none; padding:0 39px 0 39px;}
	.sectionBody .pageNav .innerZone:after {content:''; display:block; clear:both;}
	.sectionBody .pageNav button[type="button"] {width:39px; height:39px;}
	.sectionBody .pageNav button[type="button"].home {position:absolute; left:0; top:0;}
	.sectionBody .pageNav button[type="button"].home var {background-position:50% -16px; background-size:70px;}
	.sectionBody .pageNav button[type="button"].share,
	.sectionBody .pageNav button[type="button"].print {display:none;}
	.sectionBody .pageNav .lnb {width:100%;border-left:0}
	.sectionBody .pageNav .lnb .item {position:initial;border-right:0; padding-right:8px; background:url("/images/common/ico_lnbarr02.png") no-repeat left 50%; background-size:16px 16px;}
	.sectionBody .pageNav .lnb .item.on {background:url("/images/common/ico_lnbarr02.png") no-repeat left 50%; background-size:16px 16px;}
	.sectionBody .pageNav .lnb .item.depth_one {display:none;}
	.sectionBody .pageNav .lnb .item a {height:39px; min-width:30px; padding:0 20px 0 10px;}
	.sectionBody .pageNav .lnb .item ul {position:absolute; width:100%; padding:0; left:-1px; top:39px; z-index:10;}
	.sectionBody .pageNav .lnb .item ul li {margin:0; padding:0;}
	.sectionBody .pageNav .lnb .item ul li a {height:inherit; width:inherit; padding:10px;}
	.sectionBody .pageNav .lnb .item .holder {padding-left:13px;padding-right:18px;background:url("/images/common/ico_lnbarr01.png") no-repeat right 50%;background-size:9px 9px} 
	.sectionBody .pageNav .lnb .item a > span {font-size:1.272em; color:#0d0d0d;}
	.sectionBody .pageNav .lnb .item.on .holder {background:url("/images/common/ico_lnbarr03.png") no-repeat right 50%;background-size:9px 9px}
	
	.sectionBody .contentsArea {margin-bottom:40px;}
	.contentsArea .contentTitle {padding-top:25px;}

	.promoteArea .specialistInfo {margin:0; padding:19px 15px; text-align:left;}
	.promoteArea .specialistInfo li {float:inherit; display:block;}
	.promoteArea .specialistInfo li {margin-bottom:3px;}
	.promoteArea .specialistInfo li + li {margin-bottom:3px; margin-left:0; padding-left:0; background:none;}

	.promoteArea .komipoStory {padding:27px 0;}
	.promoteArea .komipoStory h3 {padding-bottom:25px; font-size:1.286em;}
	.promoteArea .komipoStory .str {display:block; box-sizing:border-box; height:190px; padding:15px 15px 0 15px; text-align:left;}
	.promoteArea .komipoStory .str h4 {left:15px; bottom:15px; font-size:1.143em;}
	.promoteArea .komipoStory .str .title {display:block; position:relative; height:54px; margin:0 0 10px 0; padding:0; font-size:1.143em;}
	.promoteArea .komipoStory .str .cont {height:44px}
	.promoteArea button.pTop {display:none;}

	.mShare {display:block; position:fixed; width:50px; padding-bottom:50px; right:20px; bottom:20px; z-index:90;}
	.mShare button {display:block; position:relative; width:50px; height:50px; background-color:transparent; border:none; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; background-size:cover;}
	.mShare button.ontop {background-image:url("/images/common/Share/mTop.png"); position:absolute; left:0; bottom:0;}
	.mShare button.share_open {display:block;background-image:url("/images/common/Share/mShare.png")}
	.mShare .share_list {display:none; position:absolute; padding-bottom:50px; left:0; bottom:50px;}
	.mShare .share_list ul {display:block; position:relative; margin:0; padding:0;}
	.mShare .share_list li {display:block; position:relative; margin:0; padding:0;}
	.mShare .share_list li button.mKakao {background-image:url("/images/common/Share/mKakao.png")}
	.mShare .share_list li button.mMail {background-image:url("/images/common/Share/mMail.png")}
	.mShare .share_list li button.mFacebook {background-image:url("/images/common/Share/mFacebook.png")}
	.mShare .share_list li button.mUrl {background-image:url("/images/common/Share/mUrl.png")}
	.mShare button.share_close {background-image:url("/images/common/Share/mClose.png"); position:absolute; left:0; bottom:0;}

	.promoteArea button.pTop {display:none;}
}


/* 컨텐츠 영역분할  */
.partitionWrap {display:block; position:relative; margin:0; padding:0;}
.partitionWrap:after {content:''; display:block; clear:both;}
.partitionWrap .deck {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.partitionWrap.col02 .deck, .partitionWrap.col03 .deck, .partitionWrap.col04 .deck {float:left;}
.partitionWrap.col02 .deck {width:535px;}
.partitionWrap.col02 .deck + .deck {margin-left:70px;}
.partitionWrap.col03 .deck {width:348px;}
.partitionWrap.col03 .deck + .deck {margin-left:48px;}
.partitionWrap.col04 .deck {width:267px;}
.partitionWrap.col04 .deck + .deck {margin-left:24px;}

/* 컨텐츠 영역분할 Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
	.partitionWrap .deck img {width:100%;}
	.partitionWrap.col02 .deck, .partitionWrap.col03 .deck, .partitionWrap.col04 .deck {float:left;}
	.partitionWrap.col02 .deck {width:48%;}
	.partitionWrap.col02 .deck + .deck {margin-left:4%;}
	.partitionWrap.col02 .deck img {width:100%;}
	.partitionWrap.col03 .deck {width:32%;}
	.partitionWrap.col03 .deck + .deck {margin-left:2%;}
	.partitionWrap.col04 .deck {width:24%;}
	.partitionWrap.col04 .deck + .deck {margin-left:1.33%;}
}

/* 컨텐츠 영역분할 Mobile */	
@media all and (max-width:767px) {
	.partitionWrap.col02 .deck, .partitionWrap.col03 .deck, .partitionWrap.col04 .deck {float:left;}
	.partitionWrap.col02 .deck {width:100%;}
	.partitionWrap.col02 .deck img {width:100%;}
	.partitionWrap.col03 .deck {width:100%;}
	.partitionWrap.col03 .deck img {width:100%;}
	.partitionWrap.col04 .deck {width:48%;}
	.partitionWrap.col04 .deck img {width:100%;}
	.partitionWrap .deck + .deck, .partitionWrap.col02 .deck + .deck, .partitionWrap.col03 .deck + .deck, .partitionWrap.col04 .deck + .deck {margin-left:0px;}
	.partitionWrap.col02 .deck, .partitionWrap.col03 .deck {margin-bottom:30px;}
	.partitionWrap.col04 .deck {margin-bottom:4%;}
	.partitionWrap.col04 .deck:nth-child(2n) {margin-left:4%;}
}


/* modalDeck */
.modalDeck {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:999;}
.modalDeck.on {display:block;}
.modalDeck .modal_bg {display:block; position:absolute; width:100%; height:100%; background-color:#000; opacity:0.8; left:0; top:0;}
.modalDeck .modal_layer {display:block; position:absolute; margin:0; padding:0; background-color:#FFF; left:50%; top:50%; z-index:1;}
.modalDeck .modal_layer.s360 {width:360px; margin-left:-180px;}
.modalDeck .modal_layer.s500 {width:500px; margin-left:-250px;}
.modalDeck .modal_layer.s600 {width:600px; margin-left:-300px;}
.modalDeck .modal_layer .head_title {display:table; position:relative; width:100%; height:50px; margin:0; padding:0 60px 0 20px; box-sizing:border-box; background-color:#007dc5; color:#FFF}
.modalDeck .modal_layer .head_title h1 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.375em; color:#FFF; vertical-align:middle;}
.modalDeck .modal_layer .head_title h3 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.375em; color:#FFF; vertical-align:middle;}
.modalDeck .modal_layer .innerWrap {display:block; position:relative; /*min-height:150px;*/ margin:0; padding:30px;}
.modalDeck .modal_layer .innerWrap .modal_title {display:block; position:relative; margin-bottom:20px; text-align:center;}
.modalDeck .modal_layer .innerWrap .password input {display:block; position:relative; width:100%; text-align:center;}
.modalDeck .modal_layer .innerWrap .btn_wrap {margin-top:30px;}
.modalDeck .modal_layer .innerWrap .url {display:block; position:relative; width:100%;}
.modalDeck .modal_layer .innerWrap .url input {display:block; position:relative; width:100%;}
.modalDeck .modal_layer .modal_closed {display:block; position:absolute; width:50px; height:50px; border:none; background:url("/images/common/modal_closed.png") no-repeat left top; background-size:cover; text-indent:-9999px; right:0; top:0;}

/* modalDeck Mobile */
@media all and (max-width:767px) {
	.modalDeck .modal_layer.s360, .modalDeck .modal_layer.s600 {width:90%; margin-left:-45%;}
	.modalDeck .modal_layer.s360 .innerWrap, .modalDeck .modal_layer.s600 .innerWrap {padding:20px;} 
	.modalDeck .modal_layer .head_title {font-size:1.063em;}
}

/* 인증레이어-휴대폰인증추가 */
.myself_certified {display:table; position:relative; max-width:538px; margin:0 auto; padding:0;}
.myself_certified .phone_certified {float:left; display:table-cell; position:relative; width:252px; margin:0; padding:45px 0 30px; border:solid #ccc 1px;}
.myself_certified .phone_certified .phone_backg {display:block; position:relative; margin-bottom:30px; padding-bottom:137px; background:url('/shared_growth/images/common/popup/bg_phone_certified.png') no-repeat center bottom; font-size:1.125em; color:#0d0d0d; text-align:center;}
.myself_certified .ipin_certified {float:right; display:table-cell; position:relative; width:252px; margin:0 0 0 30px; padding:45px 0 30px; border:solid #ccc 1px;}
.myself_certified .ipin_certified .ipin_backg {display:block; position:relative; margin-bottom:30px; padding-bottom:137px; background:url('/shared_growth/images/common/popup/bg_ipin_certified.png') no-repeat center bottom; font-size:1.125em; color:#0d0d0d; text-align:center;}
.certified_phrase {display:block; position:relative; margin-top:30px; padding:0; font-size:1em; color:#666;}
.btn_certified .btnLarge {max-width:110px; padding:0 26px; font-size:1em;}
@media all and (max-width:767px){
	.myself_certified {width:100%;}
	.myself_certified .phone_certified {width:48%; padding:16px 5px 5px 5px;box-sizing:border-box;}
	.myself_certified .phone_certified .phone_backg {padding-bottom:80px; background-size:72px 72px; font-size:1em;}
	.myself_certified .ipin_certified {width:48%; margin:0; padding:16px 5px 5px 5px;box-sizing:border-box;}
	.myself_certified .ipin_certified .ipin_backg {padding-bottom:80px; background-size:72px 71px; font-size:1em;}
}

/* popDeck */
.popDeck {display:block; position:relative; margin:0; padding:0;}
.popDeck .head_title {display:table; position:relative; width:100%; height:50px; margin:0; padding:0 60px 0 20px; box-sizing:border-box; background-color:#007dc5; color:#FFF}
.popDeck .head_title h1 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.125em; color:#FFF; vertical-align:middle;}
.popDeck .innerWrap {display:block; position:relative; min-height:150px; margin:0; padding:30px;}
.popDeck .modal_closed {display:block; position:absolute; width:50px; height:50px; border:none; background:url("/images/common/modal_closed.png") no-repeat left top; background-size:cover; text-indent:-9999px; right:0; top:0;}

/* popDeck Mobile */
@media all and (max-width:767px) {
	.popDeck .modal_layer .head_title {font-size:1.063em;}
	.popDeck .innerWrap {padding:15px;}
}


/* Footer layout  */
.sectionFooter {display:block; position:relative; margin:0; padding:0; background-color:#494a4d; color:#aaabb2; font-size:0.875em;}
.sectionFooter .userGuide {display:block; position:relative; height:60px; margin:0; padding:0; border-bottom:solid #525256 1px;}
.sectionFooter .userGuide .innerZone:after {content:''; display:block; clear:both;}
.sectionFooter .userGuide .link {float:left; display:table; position:relative; margin:0; padding:17px 0 14px;}
.sectionFooter .userGuide .link li {float:left; display:inline-block; position:relative; margin:0; padding:0;}
.sectionFooter .userGuide .link li a {color:#aaabb2}
.sectionFooter .userGuide .link li:first-child>a{color:#ace5ff;}

.sectionFooter .userGuide .link li.focus a {color:#fefefe;}
.sectionFooter .userGuide .link li + li {margin-left:15px;}

.sectionFooter .userGuide .familySite {display:inline-block; position:relative; float:right; margin:0; padding:0;}
.sectionFooter .userGuide .familySite .familySite_layer {display:none;}
.sectionFooter .userGuide .btn_familySite {display:block; position:relative; width:177px; height:60px; line-height:1em; margin:0; padding:0px 25px 0px 10px; color:#aaabb2; text-align:left; border:solid #616266 1px; border-width:0 1px; background:transparent;}
.sectionFooter .userGuide .btn_familySite:after {content:""; display:block; position:absolute; right:5%; top:50%; width:11px; height:11px; margin-top:-5.5px; background:url(/images/common/familysite_arrow.png) no-repeat center bottom;background-size:11px 22px;}
.sectionFooter .userGuide .btn_familySite.open {background:#3c3d3f;}
.sectionFooter .userGuide .btn_familySite.open:after {background-position:center top;}
.sectionFooter .userGuide .btn_familySite.open + .familySite_layer {display:block;}

.sectionFooter .familySite_layer {position:absolute; right:0; bottom:60px; width:1140px; padding:40px 0; background:#fff; z-index:2;}
.sectionFooter .familySite_layer ul {display:block; position:relative;}
.sectionFooter .familySite_layer ul li {display:block; position:relative;}
.sectionFooter .familySite_layer ul li a {display:block; position:relative; padding:5px 0 5px 10px;}
.sectionFooter .familySite_layer ul li a:hover { background:#e4f3fa; text-decoration:underline;}
.sectionFooter .familySite_layer .title {margin-bottom:15px; text-align:center; color:#0d0d0d; font-size:22px;}
.sectionFooter .familySite_layer .familySite_cont {display:table; position:relative; width:100%;}
.sectionFooter .familySite_layer .btn_familySite_close {position:absolute; right:20px; top:-40px; width:22px; height:22px; border-width:0; text-indent:-99999px; background:#fff url(/images/common/btn_familySite_close.png) 0 0 no-repeat;}
.sectionFooter .familySite_cont dl {display:table-cell; position:relative; width:30%;}
.sectionFooter .familySite_cont dl:after {content:""; position:absolute; left:0; top:25%; width:1px; height:72%; background:#e6e6e6;}
.sectionFooter .familySite_cont dt {display:block; position:relative; width:100%; height:50px; line-height:50px; margin-bottom:37px; text-align:center; color:#fff; font-size:18px; background:#0079bf;}
.sectionFooter .familySite_cont dt:after {content:""; position:absolute; left:0; top:50%; width:1px; height:17px; margin-top:-8px; background:#409bcf;}
.sectionFooter .familySite_cont dd {position:relative; margin-bottom:11px;}
.sectionFooter .familySite_cont dd:after {content:""; position:absolute; left:40px; top:50%; width:2px; height:2px; margin-top:-1px; background:#464646;}
.sectionFooter .familySite_cont a {display:block; position:relative; padding-left:51px; color:#0d0d0d;}
.sectionFooter .familySite_cont a:hover,
.sectionFooter .familySite_cont a:focus {color:#0079bf; text-decoration:underline;}
.sectionFooter .familySite_cont dl:first-child:after,
.sectionFooter .familySite_cont dl:first-child dt:after {display:none;}
.sectionFooter .familySite_cont dl.type2 {width:40%;}
.sectionFooter .familySite_cont dl.type2:after {display:block; content:""; clear:both;}
.sectionFooter .familySite_cont dl.type2 dd {float:left; width:50%;}

.sectionFooter .addressArea {display:block; position:relative; margin:0; padding:20px 0 40px 0;}
.sectionFooter .addressArea .address {display:inline-block; position:relative; margin:0; padding:0 0 0 102px; width:660px;}
.sectionFooter .addressArea .address .logo {display:block; position:absolute; width:72px; height:72px; left:0; top:0;}
.sectionFooter .addressArea .logo img {width:100%;}
.sectionFooter .addressArea .address ul {display:block; position:relative; margin:0; padding:0;}
.sectionFooter .addressArea .address li {float:left; display:inline-block; position:relative; margin:0; padding:0;}
.sectionFooter .addressArea .address li + li {margin-left:30px;}
.sectionFooter .addressArea .address li.cut {margin-left:0 !important; clear:left;}
.sectionFooter .addressArea .certificate {display:inline-block; position:absolute; padding-left:80px; right:0; top:0; font-size:0.857em}
.sectionFooter .addressArea .certificate .logo {display:block; position:absolute; width:60px; height:60px; left:0; top:0;}

.sectionFooter .addressArea .webaccess {display:block; position:absolute; width:91px; height:60px; left:1045px; top:0;}
.sectionFooter .addressArea .webaccess img {width:100%;}

.sectionFooter .addressArea .certificate ul {display:block; position:relative; margin:0; padding:0;}
.sectionFooter .addressArea p.copyright {position:relative; padding:7px 0 5px 102px; font-size:0.857em; letter-spacing:0;}
.sectionFooter button.pTop {display:block; position:fixed; width:60px; height:60px; left:50%; margin-left:590px; bottom:10px; border:none; background:url("/images/common/Share/pTop.png") no-repeat left top; background-size:cover; text-indent:-9999px; z-index:20;}

/* Footer Tablet  */
@media all and (min-width:768px) and (max-width:1150px) {
	.sectionFooter {font-size:0.857em;}
	.sectionFooter .userGuide {float:inherit; height:auto; padding:0;}
	.sectionFooter .userGuide .link {padding:15px 0 0 15px;}
	.sectionFooter .userGuide .link li {margin-bottom:16px;}
	.sectionFooter .userGuide .link li + li {margin-left:35px;}
	.sectionFooter .userGuide .link li:nth-child(3) {display:none;}

	.sectionFooter .userGuide .familySite {float:inherit; display:block;}
	.sectionFooter .userGuide .familySite > button {width:100%; height:40px; border-width:1px;}
	.sectionFooter .userGuide .btn_familySite:after {right:2%;}
	.sectionFooter .familySite_layer {right:0; bottom:40px; width:100%; padding:15px 0;}
	.sectionFooter .familySite_cont dl,
	.sectionFooter .familySite_cont dl.type2 {display:table; width:100%; margin-bottom:5px;}
	.sectionFooter .familySite_cont dt {height:30px; padding:0; margin-bottom:17px; text-align:left; text-indent:10px; font-size:12px; line-height:30px;}
	.sectionFooter .familySite_cont dd {float:left; width:50%;}

	.sectionFooter .addressArea {padding:20px 15px;}
	.sectionFooter .addressArea .address {display:block; padding-left:0; width:inherit; margin-bottom:49px;}
	.sectionFooter .addressArea .address .logo {display:block; position:relative; width:35px; height:35px; margin-bottom:10px;}
	.sectionFooter .addressArea .address ul {width:100%;}
	.sectionFooter .addressArea .address li {float:inherit; display:block;}
	.sectionFooter .addressArea .address li + li {margin-left:0;}
	.sectionFooter .addressArea .certificate {display:block; position:relative; padding-left:0; right:inherit; top:inherit; font-size:1em;}
	.sectionFooter .addressArea .certificate .logo {display:block; position:relative; width:30px; height:30px; margin-bottom:10px; left:0;}
	
	.sectionFooter .addressArea .webaccess {display:block; position:static; width:46px; height:30px; margin-bottom:10px;}
	
	.sectionFooter .addressArea p.copyright {padding-left:0; font-size:1em;}
	
	.sectionFooter .addressArea .address li {color:#aaabb2;}
	.sectionFooter .addressArea .address li a {color:#aaabb2;}
}
/* Footer Mobile */
@media all and (max-width:767px) {
	.sectionFooter {font-size:0.857em;}

	.main_section .sectionFooter .innerZone {padding:0;}
	.sectionFooter .userGuide {float:inherit; height:auto; padding:0;}
	.sectionFooter .userGuide .link {padding:11px 0 0 15px;}
	.sectionFooter .userGuide .link li {margin-bottom:11px;}
	.sectionFooter .userGuide .link li + li {margin-left:35px;}
	.sectionFooter .userGuide .link li:nth-child(3) {display:none;}

	.sectionFooter .userGuide .familySite {float:inherit; display:block; border-bottom:1px solid #525256;}
	.sectionFooter .userGuide .familySite > button {width:100%; height:40px; border-width:0;}
	.sectionFooter .userGuide .btn_familySite:after {right:2%;}
	.sectionFooter .familySite_layer {right:0; bottom:40px; width:100%; padding:10px 15px; box-sizing:border-box;}
	.sectionFooter .familySite_cont dl,
	.sectionFooter .familySite_cont dl.type2 {display:table; width:100%; margin-bottom:5px;}
	.sectionFooter .familySite_cont dl:after {background:none;}
	.sectionFooter .familySite_cont dt {height:30px; padding:0; margin-bottom:17px; text-align:left; text-indent:10px; font-size:12px; line-height:30px;}
	.sectionFooter .familySite_cont dd {float:left; width:50%;}
	.sectionFooter .familySite_cont dd:after {left:20px;}
	.sectionFooter .familySite_cont a {padding-left:33px;}

	.sectionFooter .addressArea {padding:20px 15px;}
	.sectionFooter .addressArea .address {display:table; padding-left:0; width:inherit; margin-bottom:20px;}
	.sectionFooter .addressArea .address .logo {display:table-cell; position:relative; width:35px; height:35px; margin-bottom:10px;}
	.sectionFooter .addressArea .address ul {display:table-cell; padding-left:20px;}
	.sectionFooter .addressArea .address li {float:inherit; display:block;}
	.sectionFooter .addressArea .address li + li {margin-left:0;}
	.sectionFooter .addressArea .address li a {margin-right:10px;color:#aaabb2;}
	.sectionFooter .addressArea .certificate {display:table; position:relative; width:100%; padding-left:0; right:inherit; top:inherit; font-size:1em;}
	.sectionFooter .addressArea .certificate .logo {display:table-cell; position:relative; width:30px; height:30px; margin-bottom:10px; padding-right:5px; left:0;}
	.sectionFooter .addressArea .certificate ul {display:table-cell; padding-left:20px;}
	.sectionFooter .addressArea p.copyright	{font-size:1em;padding:8px 0 0 56px;}
	
	.sectionFooter .addressArea .webaccess {display:block; position:static; width:46px; height:30px; margin-bottom:10px;}
}


/* header / footer 기능구현 배경처리 */
.header_bg_box {display:none; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; opacity:0; z-index:1; border-top:1px solid #e6e6e6}
.header_bg_box.on,
.header_bg_box.gnb_on {display:block; top:115px; height:200px; opacity:1;}
.useToast .header_bg_box.gnb_on {top:265px;}
.header_bg_box.on:after {content:""; position:absolute; left:0; top:0; width:100%; height:60px; background:#007dc5;}
.header_bg_box.gnb_on {border-bottom:2px solid #0079bf;}
.footer_bg_box {display:none; position:absolute; left:0; bottom:0; width:100%; height:0; background:#fff; opacity:0; z-index:1;}
.footer_bg_box.on {display:block; bottom:0; height:200px; opacity:1;}

/* Gnb */
/* pc / mobile 나눔 */
.gnbArea.pc {display:block; float:left; width:60%; height:100%; padding:15px 0; margin:0 0 0 330px; box-sizing:border-box;}
.gnbArea .gnbToggle {display:none;} /* 모바일용 버튼 */
.gnbArea.mobile {display:none;}

.gnbArea.pc .btn_gnb_close {display:inline-block; position:absolute; right:0; bottom:-53px; height:37px; padding:7px 17px 7px 33px; color:#fff; border-width:0; background:#0079bf; font-size:1em;}
.gnbArea.pc .btn_gnb_close:focus{display:inline-block; position:absolute; right:0; bottom:-53px; height:37px; padding:7px 17px 7px 33px; color:#fff; border-width:0;background:#00a0e9; font-size:1em;}
.gnbArea.pc .btn_gnb_close:after {content:""; position:absolute; left:13px; top:50%; width:11px; height:11px; margin-top:-5.5px; background:url(/images/common/layout/btn_gnb_close.png) 0 0 no-repeat;}
.gnb_close_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; font-size:0; text-indent:-9999px; opacity:0;}
.gnb_close_bg.gnb_on {display:block;}
.pc .gnb_depth1 {display:table; width:100%;}
.pc .gnb_depth1 > li {display:table-cell; text-align:center;}
.pc .gnb_depth1 .depth1 {display:inline-block; padding:14px 8px; text-align:center; color:#000; font-size:18px; font-weight:bold; letter-spacing:-1px; border-width:0; background:#fff;}
.pc .gnb_depth1 .depth1.government {position:relative; padding-left:58px;}
.pc .gnb_depth1 .depth1.government:after {content:""; position:absolute; left:0; top:17px; width:58px; height:18px; background:url(/images/common/layout/depth1_company_government.png) 0 50% no-repeat;}
.pc .gnb_depth1 .depth1 img{vertical-align:text-top;}
.pc .depth1_banner {float:left; padding-left:30px;}
.pc .depth1_banner li + li {margin-top:8px;}
.pc .gnb_cont {display:block; position:absolute; left:-999999px; top:65px; width:1140px; height:337px; padding:29px 0 30px; text-align:left; z-index:-1;}
.pc .gnb_cont .depth1_title {float:left; width:285px;}
.pc .gnb_cont .depth1_title strong {display:block; margin-bottom:8px; color:#0079be; font-size:28px; font-weight:normal;}
.pc .gnb_cont .depth1_title span {display:block; color:#666; font-size:16px; line-height:24px; margin-bottom:0;}
.pc .gnb_cont .depth1_title a.submain {margin-top:10px; z-index:100;}
.pc .gnb_cont .gnb_depth2 {display:block; position:relative; float:left; width:520px; height:100%; border-right:1px solid #e6e6e6;}
.pc .gnb_cont .gnb_depth2:after {content:""; position:absolute; left:49.5%; top:0; width:1px; height:100%; background:#e6e6e6; z-index:100;}
.pc .gnb_cont .gnb_depth2 > li {padding-right:6px;}
.pc .gnb_cont .gnb_depth2 .depth2 {display:inline-block; width:45.5%; padding:2px 0 2px 15px; color:#0d0d0d;}
.pc .gnb_cont .gnb_depth3 {display:none; position:absolute; left:49.5%; top:0; width:50.5%; z-index:100;}
.pc .gnb_cont .gnb_depth3 > li {padding:0 8px;}
.pc .gnb_cont .gnb_depth3 .depth3 {display:inline-block; width:94.5%; padding:2px 0 2px 15px;}
.pc .gnb_depth1 .depth1:hover,
.pc .gnb_depth1 .depth1:focus,
.pc .gnb_depth1 > li.current .depth1 {padding-bottom:12px; border-bottom:2px solid #017dc5;}
.pc .gnb_depth1 > li.current .gnb_cont {display:block; left:0; z-index:100;}
.pc .gnb_depth2 .depth2:hover,
.pc .gnb_depth2 .depth2:focus,
.pc .gnb_depth2 > li.current .depth2 {color:#fff; background:#0079bf url(/images/common/layout/ico_arr_depth2.png) 95% 50% no-repeat;}
.pc .gnb_depth2 > li.current .gnb_depth3 {display:block;}
.pc .gnb_depth3 .depth3:hover,
.pc .gnb_depth3 .depth3:focus,
.pc .gnb_depth3 > li.current .depth3 {/*background:#e4f3fa;*/background:#87ceeb; color:#222;}

.pc .gnb_cont .depth1_title em {display:block; position:absolute; left:0; top:190px; width:219px; height:148px;}
.pc .gnb_cont .depth1_title .bg_goverment {background:url(/images/common/layout/bg_gnb_government.png) no-repeat}
.pc .gnb_cont .depth1_title .bg_company {background:url(/images/common/layout/bg_gnb_company.png) no-repeat}
.pc .gnb_cont .depth1_title .bg_support {background:url(/images/common/layout/bg_gnb_support.png) no-repeat}
.pc .gnb_cont .depth1_title .bg_customer {background:url(/images/common/layout/bg_gnb_customer.png) no-repeat}
.pc .gnb_cont .depth1_title .bg_operation {background:url(/images/common/layout/bg_gnb_operation.png) no-repeat}
.pc .gnb_cont .depth1_title .bg_promotion {background:url(/images/common/layout/bg_gnb_promotion.png) no-repeat}

/* Gnb Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
	.gnbArea.pc {display:none;}
	.gnbArea.mobile {display:block;}
	.gnbArea.mobile .gnbToggle {display:block; position:absolute; width:48px; height:48px; left:0px; top:3px; padding:0; border:none; background:url("/images/common/layout/header_generalmenu.png") no-repeat left top #FFF; background-size:cover; text-indent:-9999px;}

	.headerWrap .gnbArea.mobile {display:block;position:relative;z-index:100;background-color:rgba(0, 0, 0, 0.8);}
	.headerWrap .gnbArea.mobile .quickArea {display:table;width:100%;background:#f5f5f5;}
	.headerWrap .gnbArea.mobile .quickArea li {padding:0;height:42px;line-height:42px;background:0;}
	.headerWrap .gnbArea.mobile .quickArea li a {padding:0 12px 0 11px;font-size:0.750em;}
	.headerWrap .gnbArea.mobile .quickArea li:first-child a {padding-left:12px;}
	.headerWrap .gnbArea.mobile .quickArea li.lang {background:#e6e6e6;}
	.headerWrap .gnbArea.mobile .quickArea li.lang a {color:#0d0d0d;}
	.headerWrap .gnbArea.mobile .quickArea a {display:block;}

	.gnbArea.mobile .gnb_cont {display:none;position:relative;width:270px;height:100%;z-index:100;overflow:scroll;overflow-x:hidden;background:#fff;}
	.gnbArea.mobile .btn_gnbToggle_close {position:absolute;display:none;left:285px;top:13px;width:17px;height:17px;padding:0;border-width:0;text-indent:-9999px;background:url(/images/common/layout/btn_gnbToggle_close.png) 0 0 no-repeat;background-size:cover;}
	.gnbArea.mobile .gnb_depth1 {border-top:2px solid #0079be;}
	.gnbArea.mobile .gnb_depth1 button,
	.gnbArea.mobile .gnb_depth1 a {display:block;width:100%;text-align:left;text-indent:15px;padding:0;border-width:0;}
	.gnbArea.mobile .gnb_depth1 .depth1 {position:relative;text-align:left;color:#0b0b0b;font-size:1em;line-height:60px;border-bottom:1px solid #e6e6e6;background:#fff;}
	.gnbArea.mobile .gnb_depth1 .depth1:after {content:"";position:absolute;right:3%;top:50%;width:15px;height:9px;margin-top:-4.5px;background:url(/images/common/layout/depth1_mobile_arr.png) 50% 0 no-repeat;background-size:20px 20px;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth2,
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 {display:none;}
	.gnbArea.mobile .gnb_depth1 .depth2 {position:relative;height:44px;color:#666;font-size:0.875em;line-height:44px;border-bottom:1px solid #fff;background:#e4f3fa;}
	.gnbArea.mobile .gnb_depth1 .depth2:after {content:"";position:absolute;right:3%;top:50%;width:10px;height:10px;margin-top:-5px;background:url(/images/common/layout/depth2_mobile.png) 50% 0 no-repeat;background-size:20px 20px;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 {padding:7px 0 2px 15px;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 a {display:block;position:relative;padding:13px 0 13px 7px;text-indent:0;color:#666;font-size:0.750em;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 a:after {content:"-";position:absolute;left:0;top:27%;}

	.headerWrap .gnbArea.mobile .gnbToggle.on {z-index:10;}
	.gnbArea.mobile .current > .depth1 {color:#fff;background:#0079bf;}
	.gnbArea.mobile .current > .depth1:after {background-position:50% 100%;}
	.gnbArea.mobile .current > .gnb_depth2,
	.gnbArea.mobile .current > .gnb_depth3 {display:block;}
	.gnbArea.mobile .current > .depth2 {color:#0079bf;}
	.gnbArea.mobile .current > .depth2:after {height:5px;background-position:50% 100%;}
}

/* Gnb Mobile */
@media all and (max-width:767px) {
	.gnbArea.pc {display:none;}
	.gnbArea.mobile {display:block;}
	.gnbArea.mobile .gnbToggle {display:block; position:absolute; width:48px; height:48px; left:0px; top:8px; padding:0; border:none; background:url("/images/common/layout/header_generalmenu.png") no-repeat left top #FFF; background-size:cover; text-indent:-9999px;}

	.headerWrap .gnbArea.mobile {display:block;position:relative;z-index:100;background-color:rgba(0, 0, 0, 0.8);}
	.headerWrap .gnbArea.mobile .quickArea {display:table;width:100%;background:#f5f5f5;}
	.headerWrap .gnbArea.mobile .quickArea li {padding:0;height:42px;line-height:42px;background:0;}
	.headerWrap .gnbArea.mobile .quickArea li a {padding:0 12px 0 11px;font-size:1em;}
	.headerWrap .gnbArea.mobile .quickArea li:first-child {margin-left:10px}
	.headerWrap .gnbArea.mobile .quickArea li:first-child a {padding-left:12px;}
	.headerWrap .gnbArea.mobile .quickArea li.lang {position:absolute;right:0;top:0;background:#e6e6e6;}
	.headerWrap .gnbArea.mobile .quickArea li.lang a {color:#0d0d0d;}
	.headerWrap .gnbArea.mobile .quickArea a {display:block;}

	.gnbArea.mobile .gnb_cont {display:none;position:fixed;top:0;left:0;width:270px;height:100%;z-index:100;overflow:scroll;overflow-x:hidden;background:#fff;}
	.gnbArea.mobile .btn_gnbToggle_close {position:absolute;display:none;left:285px;top:13px;width:17px;height:17px;padding:0;border-width:0;text-indent:-9999px;background:url(/images/common/layout/btn_gnbToggle_close.png) 0 0 no-repeat;background-size:cover;}
	.gnbArea.mobile .gnb_depth1 {border-top:2px solid #0079be;}
	.gnbArea.mobile .gnb_depth1 button,
	.gnbArea.mobile .gnb_depth1 a {display:block;width:100%;text-align:left;text-indent:15px;padding:0;border-width:0;}
	.gnbArea.mobile .gnb_depth1 .depth1 {position:relative;margin:0;text-align:left;color:#0b0b0b;font-size:1.214em;line-height:60px;border-bottom:1px solid #e6e6e6;background:#fff;}
	.gnbArea.mobile .gnb_depth1 .depth1:after {content:"";position:absolute;right:3%;top:50%;width:15px;height:9px;margin-top:-4.5px;background:url(/images/common/layout/depth1_mobile_arr.png) 50% 0 no-repeat;background-size:20px 20px;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth2,
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 {display:none;}
	.gnbArea.mobile .gnb_depth1 .depth2 {position:relative;height:44px;color:#666;font-size:1.143em;line-height:44px;border-bottom:1px solid #d5e6ee;background:#e4f3fa;}
	.gnbArea.mobile .gnb_depth1 .depth2:after {content:"";position:absolute;right:3%;top:50%;width:10px;height:10px;margin-top:-5px;background:url(/images/common/layout/depth2_mobile.png) 50% 0 no-repeat;background-size:20px 20px;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 {padding:7px 0 2px 15px;}
	.gnbArea.mobile .gnb_depth1 .gnb_depth3 a {display:block;position:relative;padding:13px 0 13px 7px;background:url('/images/main/bl_dot.gif') no-repeat left center;background-size:2px 2px; text-indent:0;color:#666;font-size:1em;}
/* 	.gnbArea.mobile .gnb_depth1 .gnb_depth3 a:after {content:"-";position:absolute;left:0;top:12px;} */

	.headerWrap .gnbArea.mobile .gnbToggle.on {z-index:10;}
	.gnbArea.mobile .current > .depth1 {color:#fff;background:#0079bf;border-bottom:0 none;}
	.gnbArea.mobile .current > .depth1:after {background-position:50% 100%;}
	.gnbArea.mobile .current > .gnb_depth2,
	.gnbArea.mobile .current > .gnb_depth3 {display:block;}
	.gnbArea.mobile .current > .depth2 {color:#0079bf;}
	.gnbArea.mobile .current > .depth2:after {height:5px;background-position:50% 100%;}
	
}


/* 상단 통합검색/전체메뉴 버튼 */
.headFunction .commonSearch {float:left; display:block; margin:0; padding:0;}
.headFunction .commonSearch .searchBtn {display:block; position:relative; width:48px; height:48px; border:solid #e6e6e6 1px; background:#FFF url("/images/common/layout/header_search.png") no-repeat left top; background-size:cover; text-indent:-9999px;}
.headFunction .generalMenu {float:right; display:block; margin:0; padding:0;}
.headFunction .generalMenu .menuOpen {display:block; position:relative; width:48px; height:48px; border:solid #e6e6e6 1px; border-left:0; background:#FFF url("/images/common/layout/header_generalmenu.png") no-repeat left top; background-size:cover; text-indent:-9999px;}

/* 상단 통합검색/전체메뉴 버튼 Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
	.sectionHeader .headerWrap .headFunction {display:block; border:none; position:absolute; right:0; top:3px; margin-top:0;}
	.headFunction .commonSearch {float:inherit;}
	.headFunction .commonSearch .searchBtn {display:block; position:relative; width:48px; height:48px; border:none; background:url("/images/common/layout/header_search.png") no-repeat left top #FFF; background-size:cover; text-indent:-9999px;}
	.headFunction .generalMenu,
	.headFunction .generalMenu .menuOpen {display:none;}
}

/* 상단 통합검색/전체메뉴 버튼 Mobile */
@media all and (max-width:767px) {
	.sectionHeader .headerWrap .headFunction {display:block; position:absolute; right:0; top:8px; margin-top:0;}
	.headFunction .commonSearch {float:inherit;}
	.headFunction .commonSearch .searchBtn {display:block; position:relative; width:48px; height:48px; border:none; background:url("/images/common/layout/header_search.png") no-repeat left top #FFF; background-size:cover; text-indent:-9999px;}
	.headFunction .generalMenu,
	.headFunction .generalMenu .menuOpen {display:none;}
}


/* 상단 통합검색 레이어 */
.commonSearch .searchBtnClose {display:none;}
.commonSearch.on .commonSearch_open_box {display:table; left:0; opacity:1; z-index:200;}
.commonSearch.on .searchBtn {display:none;}
.commonSearch.on .searchBtnClose {display:block; position:relative; width:48px; height:48px; border:solid #007dc5 1px; border-radius:5px; margin-right:5px; text-indent:-9999px; background:#67aaf9 url(/images/common/layout/searchBtn_input_close.png) center center no-repeat;}
.commonSearch_open_box {display:none; position:absolute; left:-99999px; top:81px; width:100%; opacity:0; z-index:-1;}
.commonSearch_open_box:after {display:block; content:""; clear:both;}
.commonSearch_input {display:table; width:100%; height:60px; background:#007dc5;}
.commonSearch_input input[type="text"] {float:left; width:92%; height:60px; border:0; color:#fff; font-size:16px; line-height:60px; background-color:transparent;} 
.commonSearch_input .searchBtn_input {display:inline-block; float:right; width:26px; height:60px; border:0px; text-indent:-99999px; background:transparent url(/images/common/layout/searchBtn_input.png) right center no-repeat;}
.commonSearch_keyword {display:table; width:100%; background:#fff;}
.commonSearch_input ul {display:block; position:absolute; top:59px; width:100%; border:1px solid #0079bf; border-top:0 none; background:#fff; box-sizing:border-box; z-index:100;}
.commonSearch_input ul li {display:block; position:relative;}
.commonSearch_input ul li a {display:block;height:30px;padding:0 10px;color:#666;font-size:1em;line-height:30px;}
.commonSearch_input ul li a.current {background:#f3f3f3;}
.commonSearch_input ul li a strong {color:#007dc5;}

.keyword_cont {display:table-cell; width:50%; position:relative; padding:25px 0 30px 3.3%;}
.keyword_cont:after {content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#e6e6e6;}
.keyword_cont:first-child {width:50%; padding-left:0;}
.keyword_cont:first-child:after {display:none;}
.keyword_cont .keyword_tit {margin-bottom:14px; color:#007dc5; font-size:1em; vertical-align:top;}
.keyword_cont ul {display:table; width:100%;}
.keyword_cont li {float:left; margin:0 20px 6px 0;}
.keyword_cont li a {display:inline-block; color:#0d0d0d; font-size:14px; letter-spacing:-1px;}
.keyword_cont li a:visited,.keyword_cont li a:hover,.search_keyword_cont li a:focus {color:#0d0d0d; text-decoration:underline;}
.keyword_cont .type2 li {float:left; margin:0 5px 4px 0;}
.keyword_cont .type2 li a {display:block; padding:3px 12px 4px; color:#0d0d0d; border-radius:2px 2px; background:#e5f4fb;}

/* 상단 통합검색 레이어 Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
	.commonSearch.on .searchBtn {display:block;}
	.header_bg_box.on, .header_bg_box.gnb_on,
	.searchBtnClose,
	.commonSearch_open_box {display:none !important;}
}

/* 상단 통합검색 레이어 Mobile */
@media all and (max-width:767px) {
	.commonSearch.on .searchBtn {display:block;}
	.header_bg_box.on, .header_bg_box.gnb_on,
	.searchBtnClose,
	.commonSearch_open_box {display:none !important;}
}


/* 상단 전체메뉴 레이어 */
.generalMenu_cont {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:110;}
.generalMenu_cont .gMbg {display:block; position:absolute; width:100%; height:100%;  background:#fff; opacity:0.9;}

.generalMenu_cont .gMbg_head {display:block; position:relative; width:100%; margin:0; padding:0;}
.generalMenu_cont .generalMenu_txt {display:block; position:relative; padding:34px 0; text-align:center; color:#0d0d0d; background:#FFF; font-size:28px;}
.generalMenu_cont .generalMenu_txt span {color:#0079bf; font-size:1em;}
.generalMenu_cont .menu_sort {display:block; position:relative; width:100%; margin:0 0 50px 0; background:#0079bf;}
.generalMenu_cont .menu_sort ul {display:table; position:relative; margin:0 auto; padding:0;}
.generalMenu_cont .menu_sort ul li {float:left; display:inline-block; position:relative; margin:0 5px 0 0 ; padding:0 0 5px 0;}
.generalMenu_cont .menu_sort ul li + li {margin-left:0;}
.generalMenu_cont .menu_sort button {display:inline-block; position:relative; height:55px; padding:0 20px ; color:#fff; font-size:18px; font-weight:normal; border-width:0; vertical-align:middle; background:transparent; line-height:55px;}
.generalMenu_cont .menu_sort li + li:after {content:""; position:absolute; left:0; top:29%; width:1px; height:30%; opacity:.25; background:#fff;}
.generalMenu_cont .menu_sort button:hover,
.generalMenu_cont .menu_sort button:focus,
.generalMenu_cont .menu_sort button.current {height:52px; border-bottom:3px solid #fff;}

.generalMenu_list {display:table; width:100%;}
.generalMenu_list dl {display:table-cell; padding-left:40px;}
.generalMenu_list dl:first-child {padding-left:0;}
.generalMenu_list dt {padding-left:15px; margin-bottom:20px; color:#0d0d0d; font-size:18px;}
.generalMenu_list dd {margin-bottom:16px;}
.generalMenu_list dd a {padding:7px 15px 7px; font-size:14px;}
.generalMenu_list dd a.current {color:#fff; border-radius:5px; background:#0079bf;}
.generalMenu_list dd a.current:hover,
.generalMenu_list dd a.current:focus {text-decoration:underline;}

.menuOpen.on + .generalMenu_cont {display:block;}
.generalMenu_cont .btn_generalMenu_close {display:inline-block; position:absolute; right:0; top:-182px; width:33px; height:33px; text-indent:-99999px; border-width:0; background:url(/images/common/layout/btn_generalMenu_close.png) 0 0 no-repeat;}

/* 상단 전체메뉴 Tablet */
@media all and (min-width:768px) and (max-width:1150px) {
	
}

/* 상단 전체메뉴 Mobile */
@media all and (max-width:767px) {
	
}

/* sinmungoDeck */
.sinmungoDeck {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:999;}
.sinmungoDeck.on {display:block;}
.sinmungoDeck .sinmungo_bg {display:block; position:absolute; width:100%; height:100%;  opacity:0.8; left:0; top:0;}
.sinmungoDeck .sinmungo_layer {display:block; position:absolute; margin:0; padding:0; background-color:#FFF; left:43%; top:40%; z-index:1;}
.sinmungoDeck .sinmungo_layer.s600 {width:600px; margin-left:-300px;}
.sinmungoDeck .sinmungo_layer .head_title {display:table; position:relative; width:100%; height:50px; margin:0; padding:0 60px 0 20px; box-sizing:border-box; background-color:#007dc5; color:#FFF}
.sinmungoDeck .sinmungo_layer .head_title h1 {display:table-cell; position:relative; margin:0; padding:0; font-size:1.375em;  color:#FFF; vertical-align:middle;}
.sinmungoDeck .sinmungo_layer .innerWrap {display:block; position:relative; margin:0; padding:20px; background-color:#f2f2f2;}
.sinmungoDeck .sinmungo_layer .innerWrap p {display:block; position:relative;  text-align:left;}
@media all and (max-width:767px) {
	.sinmungoDeck .sinmungo_layer.s600 {width:90%; margin-left:-45%;}
	.sinmungoDeck .sinmungo_layer.s600 .innerWrap {padding:20px;} 
	.sinmungoDeck .sinmungo_layer .head_title {font-size:1.063em;}
}