@charset "UTF-8";


#wrap {font-size:20px; font-weight:400; color:#222; line-height:1.4; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }

.inner {position:relative; max-width:89.6em; margin:0 auto;}
.inner:after,
.clFix {content:""; display:block; clear:both;}

@media all and (max-width:1792px) {
	.inner {margin-left:1em; margin-right:1em;}
}
@media all and (max-width:1240px) { 
	#wrap {font-size:18px; min-width:320px;}
}

@media all and (max-width:480px) { 
	#wrap {font-size:16px;}
}

#mid_0700000000 {display:none;}


/* ********************************************************************
	//GNB
********************************************************************  */
.gnbWrap {position:relative; display:block; border-bottom:1px solid #DFE4EF; z-index:99; background:#fff; padding-top:2.25em;}
.gnbWrap .fL,
.gnbWrap .fR {display:flex; flex-wrap:nowrap; align-items:center;}
.gnbWrap .fL > *,
.gnbWrap .fR > * {display:block; position:relative;}
.gnbWrap .fR {display:none;}

@media all and (max-width:1792px) {
	.gnbWrap .inner {margin-left:0; margin-right:0;}
}

.gnb-dropdown {position:relative; z-index:15;}
.gnb-dropdown button {display:block; position:relative; font-size:.75em; width:100%; height:3em; z-index:0; padding:0 1em 0 .25em; background:url(/portal/img/common/ico_gnb_dropdown.svg) no-repeat top 50% right 0; background-size:1em auto;}
.gnb-dropdown button.close {position:absolute; top:0; left:0; z-index:2; overflow:hidden; text-indent:-9999px; background:transparent; background:url(/portal/img/common/ico_gnb_dropdown_close.svg) no-repeat top 50% right 0; background-size:1em auto;}
.gnb-dropdown.on button.open {background:transparent;}
.gnb-dropdown > ul {display:block; position:absolute; font-size:.75em; min-width:9.5em; left:0; top:100%; margin-top:-.35em; background:#fff; border:1px solid #DFE4EF; border-radius:.5em; padding:.5em .75em; z-index:0; transition:.3s all; -webkit-transition:.3s all;}
.gnb-dropdown ul li + li {border-top:1px solid #DFE4EF;}
.gnb-dropdown ul a {display:block; position:relative; padding:.625em 0;color:#333;}
.gnb-dropdown ul a .selected {display:none;}
.gnb-dropdown ul a:hover,
.gnb-dropdown ul a:focus,
.gnb-dropdown ul a.on {font-weight:700; color:#003876;}
.gnb-dropdown ul a.on .selected {display:block;}

.gnb-dropdown:not(.on) button.close {visibility:hidden;}
.gnb-dropdown:not(.on) > ul {visibility:hidden; opacity:0; margin-top:-2em;}
 
@media all and (min-width:1560px) {
	.gnb-dropdown.show-full-pc button {display:none;}
	.gnb-dropdown.show-full-pc > ul {display:flex; flex-wrap:nowrap; align-items:center; position:relative; top:auto; margin-top:0 !important; border:none; border-radius:0; padding:0; visibility:visible !important; opacity:1 !important; font-size:.75em; height:3em; z-index:1; background:transparent;}
	.gnb-dropdown.show-full-pc li {position:relative; padding-right:.5em;}
	.gnb-dropdown.show-full-pc + *,
	.gnb-dropdown.show-full-pc li + li {padding-left:.4em; border:none;}
	.gnb-dropdown.show-full-pc li + li:before,
	.gnb-dropdown.show-full-pc + *:before {content:""; display:block; position:absolute; width:2px; height:.65em; top:50%; left:-1px; margin-top:-.325em; background:#E5E5E5;}
	.gnb-dropdown.show-full-pc ul a {padding:0;}
	.gnb-dropdown.show-full-pc ul a:hover,
	.gnb-dropdown.show-full-pc ul a:focus {text-decoration:underline; font-weight:inherit; color:inherit;}
	.gnb-dropdown.show-full-pc ul a.on {padding:.29em .7058823em; border-radius:9em; color:#fff; font-weight:800; background:#F15656;}
	.gnb-dropdown.show-full-pc + * button {padding-left:0;}
}

@media all and (max-width:1560px) {
	.gnb-dropdown {border:0px solid #DFE4EF; padding:0 .6em;}
	.gnb-dropdown > ul {top:100%; margin-top:0 !important; border-top-left-radius:0; border-top-right-radius:0;}
	
	.gnbWrap .fL .gnb-dropdown {border-right-width:1px;}
	.gnbWrap .fR .gnb-dropdown {border-left-width:1px;}
	.gnb-dropdown.gnb-lang > ul {left:auto; right:0;}
}
@media all and (max-width:420px) {
	.gnb-dropdown {border:0px solid #DFE4EF; padding:0 .2em;}
	.gnb-dropdown button {padding:0 1.3em 0 .25em;}
}

.gnb-flag a {display:block; position:relative; font-size:.8em; color:#333; padding-left:3.125em; margin-right:.7em; font-weight:700;}
.gnb-flag a:before {content:""; display:block; position:absolute; top:50%; left:0; font-size:1.25em; width:2.1em; height:1.4em; background:url(/portal/img/common/ico_flag.svg) no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


.zoom_list ul {display:table; height:2.25em; margin-right:.3em;}
.zoom_list li {display:table-cell; padding:0 .2em; vertical-align:middle;}
.zoom_list .txt {font-size:.8em; font-weight:700;}
.zoom_list a {display:block; width:1.2em; height:1.2em; color:#888; text-align:center; line-height:1.1em; border:1px solid #ddd; border-radius:50%; box-sizing:content-box; transition:.3s;}
.zoom_list a:hover {border-color:#003876;}


.gnb-lang button {padding-left:1.5em;}
.gnb-lang button:before {content:""; display:block; position:absolute; top:50%; left:0; width:1.176470588235294em; height:1.176470588235294em; background:url(/portal/img/common/ico_lang.svg) no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.gnb-lang button.close:before {display:none;}
.gnb-lang button strong {font-size:.9411764705882353em; font-weight:700;}

.gnb-fav {margin-left:.3em;}
.gnb-fav button {display:block; position:relative; background:#E7F2FF; border-radius:9em; height:1.9em; padding:0 1em;}
.gnb-fav button span {display:block; font-size:.8em; color:#003876; font-weight:700;}

@media all and (max-width:1600px){
	.gnb-flag a {margin-right:1em;}
	.gnb-fav {margin-left:.5em;}
	.gnb-fav button {height:1.6em;}
	.gnb-fav button span {font-size:.75em;}
}
@media all and (max-width:1024px) {
	.gnb-flag,
	.gnb-fav {display:none !important;}
}

@media all and (max-width:520px) {
	.zoom_list .txt {display:none;}
}

/*전자정부 공식배너*/
.nuri_txt {position:absolute; top:0; left:0; right:0; padding:.4em; background:#edf1f5; z-index:10;}
.nuri_txt span {position:relative;display:inline-block;padding-left:2em;font-size: .75em;}
.nuri_txt span:before {content:'';position:absolute;left:0;top:50%;margin-top: -.5em;width: 1.5em;height: 1em;background:url(/common/img/common/ico_flag.svg) no-repeat center center;background-size:100% auto;}



/* ********************************************************************
	//header
********************************************************************  */
#headerWrap {position:relative; z-index:99;}
#headerWrap .headerArea {position:relative;}
#headerWrap h1 {display:block; position:absolute; left:0; top:1.35em; z-index:1;}
#headerWrap h1 a {display:block; position:relative; width:9em; height:2.2em; background:url(../img/common/logo.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

#headerWrap .side {position:absolute; right:0; top:1.1em; display:flex; flex-wrap:nowrap; align-items:center; z-index:1;}
#headerWrap .side .mnu-list-control {width:2.4em; height:2.4em; margin-left:1.2em; background:url(../img/common/ico_sitemap.svg) no-repeat center center; background-size:100% auto; text-indent:-9999px; overflow:hidden;}
#headerWrap .mnu-sns {display:flex; flex-wrap:nowrap; align-items:center;}
#headerWrap .mnu-sns li {width:2.4em; height:2.4em;}
#headerWrap .mnu-sns li + li {margin-left:.4em;}
#headerWrap .mnu-sns li a {display:block; height:2.4em; text-indent:-999999px; background-repeat:no-repeat; background-position: center center; background-size:100% auto; overflow:hidden;}

#headerWrap .mnu-sns li a.insta {background-image:url(../img/common/ico_sns_insta.svg);}
#headerWrap .mnu-sns li a.facebook {background-image:url(../img/common/ico_sns_facebook.svg);}
#headerWrap .mnu-sns li a.blog {background-image:url(../img/common/ico_sns_blog.svg);}


.lnb_nav {display:flex; flex-wrap:nowrap; justify-content:center; margin:0 12em 0 10em; text-align:center;}
.lnb_nav > li {display:block; padding:1.6em;}
.lnb_nav > li > a {display:block;}
.lnb_nav > li > a span {display:block; position:relative; font-size:1.2em; font-weight:700; white-space:nowrap;}
.lnb_nav > li.active > .depth02 {display:block;}
.lnb_nav > li.active > a span,
.lnb_nav > li > a.on span,
.lnb_nav > li > a:hover span,
.lnb_nav > li > a:focus span {color:#a57243; text-decoration:underline;}

.lnb_nav > li > .depth02 {position:absolute; top:100%; margin-left:-.5em; background:#fff; min-width:9em; border-top:2px solid #a57243; box-shadow:.4em .4em .8em rgba(0, 0, 0, .15);}
.lnb_nav .lnb_depth02 {text-align:left;}
.lnb_nav .lnb_depth02 ul {padding:1em 1em;}
.lnb_nav .lnb_depth02 li a {display:block; padding:.5em 0;}
.lnb_nav .lnb_depth02 li a:hover,
.lnb_nav .lnb_depth02 li a:focus {font-weight:700; text-decoration:underline;}
.lnb_nav .lnb_depth02 li a[target="_blank"] span {position:relative; display:inline-block; padding-right:1.25em; background:url(../img/common/ico_blank.svg) no-repeat right center; background-size:.8em auto;}

@media all and (max-width:1792px) {
	#headerWrap .mnu-sns li + li {margin-left:0;}
}

@media all and (max-width:1600px) { 
	.lnb_nav > li {padding:1.6em 1em;}
}

@media all and (max-width:1400px) { 
	#lnb {display:none;}
	#headerWrap h1 {position:relative; float:left; left:auto; top:auto;}
	#headerWrap .side {position:relative; float:right; right:auto; top:auto;}
	#headerWrap .inner {padding:1em 0;}
}

@media all and (max-width:768px) { 
	#headerWrap .mnu-sns {display:none;}
	#headerWrap h1 a {height:2em;}
	#headerWrap .side .mnu-list-control {width:2em; height:2em;}
}

/* ********************************************************************
	//footer
********************************************************************  */
#footerWrap {display:block; position:relative; background-color:#222; color:#ddd;}
#footerWrap .inner {padding-top:2em; padding-bottom:2em;}
#footerWrap .addr {position:relative; padding-left:11em; background:url(../img/common/logo.svg) no-repeat left top; background-size:9em auto;}
#footerWrap .addr .tit {font-size:1em; font-weight:700; color:#fff;}
#footerWrap .addr ul {display:flex; align-items:center; margin-top:.8em; margin-bottom:.4em;}
#footerWrap .addr li {font-size:.8em;}
#footerWrap .addr li strong {font-weight:700;}
#footerWrap .addr li + li {margin-left:1em;}
#footerWrap .addr .copyright {font-size:.8em;}

.gotoTop {position:fixed; display:block; right:1em; bottom:1em; width:3em; height:3em; background:#a57243 url(../img/common/ico_scrolltop.svg) no-repeat center center; background-size:100% auto; text-indent:-9999px; overflow:hidden; z-index:99;}

@media all and (max-width:1024px) {
	.gotoTop {right:1em; bottom:1em;}
	#footerWrap .addr {padding-left:0; padding-top:3em; background-size:8em auto;}
}

@media all and (max-width:768px) {
	#footerWrap .addr ul {display:block;}
	#footerWrap .addr li + li {margin-left:0; margin-top:.4em;}
}

@media all and (max-width:440px) {
	.gotoTop {width:2.6em; height:2.6em;}
}

/* ********************************************************************
	//mobile menu
********************************************************************  */

body.open-mobile-menu {height:100%; overflow:hidden !important;}
body:not(.open-mobile-menu) #mobileNavi {visibility:hidden;}
body:not(.open-mobile-menu) .mnbWrap {transform:translateX(100%);-webkit-transform:translateX(100%);}

#mobileNavi {display:block; position:fixed; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,.6); font-size:1.25em; z-index:999;}

.mnbWrap {display:block; position:absolute; top:0; bottom:0; right:0; width:19em; max-width:100%; background:#fff; transition:.3s transform; -webkit-transition:.3s -webkit-transform;}

.mnbWrap * {-ms-overflow-style:none; scrollbar-width:none;}
.mnbWrap *::-webkit-scrollbar {display:none;}

.mnbWrap .topArea {display:block; position:relative; height:3.4em; padding:0 1em; box-sizing:border-box; background:#000;}
.mnbWrap .topArea h2 {display:block; position:relative; height:100%; width:6em; background:url(../img/common/logo_w.svg) no-repeat 0 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
.mnbWrap .control {display:block; position:absolute; top:.9em; right:.65em;}
.mnbWrap .control button {display:block; width:1.6em; height:1.6em; text-indent:-999px; overflow:hidden; background:url(/portal/img/common/btn_close_mnb.svg) no-repeat 50% 50%; background-size:contain;}

.mnbWrap .mnuList {display:block; position:absolute; top:3.4em; bottom:0; left:0; right:0; overflow:hidden; z-index:0;}
.mnbWrap .mnuList:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:7.6em; background:#f8f8f8; z-index:-1;}

.mnbWrap a[target="_blank"] strong:after {content:""; display:inline-block; vertical-align:middle; width:1.5625em; height:1.5625em; margin-left:.5em; background:url(/portal/img/common/ico_blank_mnb.svg) no-repeat 50% 50%; background-size:contain;}

.mnbWrap .depth1 {display:block; position:relative; width:8.4em; height:100%; padding:1em 0 1em 0; overflow:auto;}
.mnbWrap .depth1 > li + li {margin-top:.25em;}
.mnbWrap .depth1 > li > .mnuItem {display:block; position:relative;}
.mnbWrap .depth1 > li > .mnuItem a {display:block; position:relative; z-index:0; padding:.9em 1.6em .9em .8em;}
.mnbWrap .depth1 > li > .mnuItem a strong {display:block; position:relative; font-size:.8em;}
.mnbWrap .depth1 > li > .mnuItem button {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:1;}
.mnbWrap .depth1 > li.active > .mnuItem a {color:#fff; font-weight:700; background:url(/portal/img/common/ico_mnb_depth1_on.svg) no-repeat top 50% right .25em #a57243; background-size:1.35em auto;}
.mnbWrap .depth1 .depth2 {display:none !important;}

.mnbWrap .depth2ListArea {display:block; position:absolute; top:0; bottom:0; right:0; left:7.9em; padding:1em 1em 1em .7em; overflow:auto;}
.mnbWrap .depth2ListArea .depth2 > li {border-bottom:1px solid #DFE4EF;}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem {display:block; position:relative;}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem.has-submenu {padding-right:1.5em;}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem a {display:block; position:relative; padding:.8em 0 .8em .6em;}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem a strong {display:inline-block; position:relative; font-size:.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem a[target="_blank"] strong {padding-right:1.7em;}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem a[target="_blank"] strong:after {position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.mnbWrap .depth2ListArea .depth2 > li > .mnuItem button {display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1.55em; height:1.55em; background:url(/portal/img/common/ico_mnb_depth2_off.svg) no-repeat 100% 50%; background-size:1.25em 1.25em;}
.mnbWrap .depth2ListArea .depth2 > li.active > .mnuItem a {color:#a57243; font-weight:700;}
.mnbWrap .depth2ListArea .depth2 > li.active > .mnuItem:after {content:""; display:block; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:#a57243;}
.mnbWrap .depth2ListArea .depth2 > li.active > .mnuItem button {background-image:url(/portal/img/common/ico_mnb_depth2_on.svg);}

.mnbWrap .depth2ListArea .depth3 {display:block; position:relative; margin:.5em 0; border-radius:.2em; padding:1em .7em; background:#F8FAFC;}
.mnbWrap .depth2ListArea .depth3 > li {display:block; position:relative;}
.mnbWrap .depth2ListArea .depth3 > li + li {margin-top:.6em;}
.mnbWrap .depth2ListArea .depth3 a {display:block; position:relative;}
.mnbWrap .depth2ListArea .depth3 a strong {font-size:.7em;}
.mnbWrap .depth2ListArea .depth3 li.on a {color:#ec5732; font-weight:800;}
.mnbWrap .depth2ListArea li:not(.active) > .depth3 {display:none;}



/* ********************************************************************
	//SUB LAYOUT 
********************************************************************  */
#content {padding-bottom:2em;}

/* ******* snb ******* */
.snbWrap .subVisual{position:relative; background:url(../img/common/sub_visual01.png) no-repeat center center; background-size:cover;}
.snbWrap .subVisual .inner {padding-top:2.6em; height:16em; }
.snbWrap .subVisual .title strong {color:#fff; font-weight:700;}
.snbWrap .subVisual .title h2 {font-size:2.4em; font-weight:900; color:#fff; margin:0 0 .25em;}

.snbWrap nav {position:absolute; left:0; right:0; bottom:0;}
.snbWrap .snb {display:flex; flex-wrap:nowarp; padding:.8em 0; border-top:1px solid rgba(255, 255, 255, .5);}
.snbWrap .snb a {display:block; padding:.6em 1.2em; color:#fff;}
.snbWrap .snb a span {font-size:1.2em; font-weight:700;}
.snbWrap .snb a.on {background:#a57243;}
.snbWrap .snb a:hover,
.snbWrap .snb a:focus {text-decoration:underline;}

.spot {position:relative;}
.spot ul li {position:relative; display:inline-block; color:#fff; vertical-align:middle;}
.spot ul li:first-child {position:relative; width:1em; height:1em; text-indent:-9999px; overflow:hidden; background:url(../img/common/ico_home.svg) no-repeat center center; background-size:100% auto;}
.spot ul li span {font-size:.8em;}
.spot ul li + li {padding-left:1em; background:url(../img/common/ico_crumble_arrow.svg) no-repeat left .1em center; background-size:.8em auto;}

.sub_acc {position:absolute; right:0; bottom:0; display:flex; flex-wrap:nowrap; padding:1.2em 0;}
.sub_acc > * {display:block; position:relative; margin-left:.4em;}
.sub_acc button {display:block; position:relative; width:2.4em; height:2.4em; text-indent:-999px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; z-index:0}
.sub_acc button:hover,
.sub_acc button:focus {background-color:rgba(0, 0, 0, .5);}
.sub_acc .snsShare button {background-image:url(../img/common/ico_share.svg);}
.sub_acc .print button {background-image:url(../img/common/ico_print.svg);}
.sub_acc .detail {display:block; position:absolute; right:0; top:-.2em; padding:.4em 2.2em .4em .4em; background:#fff; border:1px solid #DFE4EF; border-radius:.8em; z-index:5; box-shadow:.2em .2em .5em 0 rgba(58,102,215,.3); transition:.3s all; -webkit-transition:.3s all;}
.sub_acc .detail .list {display:flex; flex-wrap:nowrap;}
.sub_acc .detail .list a {display:block; position:relative; width:2.2em; height:2.2em; text-indent:-999px; background:no-repeat 50% 50%; background-size:contain; overflow:hidden;}
.sub_acc .detail .list a#snsInstagram {background-image:url(../img/common/ico_sns_insta.svg);}
.sub_acc .detail .list a#snsFacebook {background-image:url(../img/common/ico_sns_facebook.svg);}
.sub_acc .detail .list a#snsKakao {background-image:url(../img/common/ico_sns_kakaos.svg);}
.sub_acc .detail .list a#snsKakaot {background-image:url(../img/common/ico_sns_kakaot.svg);}
.sub_acc .detail .list a#snsBand {background-image:url(../img/common/ico_sns_band.svg);}
.sub_acc .detail .list a#snsX {background-image:url(../img/common/ico_sns_x.svg);}
.sub_acc .snsShare:not(.open) .detail {visibility:hidden; opacity:0; margin-right:-2em;}
.sub_acc .snsShare button.close {display:block; position:absolute; top:50%; right:.5em; margin-top:-.8em; width:1.6em; height:1.6em; background-image:url(../img/common/ico_close.svg);}


.pageTitle {display:block; position:relative; padding-top:3em; margin-bottom:1em;}
.pageTitle h3 {display:block; position:relative; font-size:2em; font-weight:800;}


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

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

@media all and (max-width:768px) {
	.snbWrap .subVisual .inner {padding-top:2em; padding-bottom:2em; height:auto;}
	.snbWrap .subVisual .title strong {font-size:.9em;}
	.snbWrap .subVisual .title h2 {font-size:2em;}
	.snbWrap nav {display:none;}
	.pageTitle {padding-top:1.8em; margin-bottom:1.2em;}
	.pageTitle h3 {font-size:1.8em;}
}



/****************************************************************
	Research style
****************************************************************/

.pageInfo {display:block; position:relative; border:1px solid #ddd; overflow:hidden; padding:1.5em; margin-top:2em; background:#fff;}
.pageInfo .clFix:after {display:none;}
.dataOffer + .research {margin-top:1em; padding-top:1em; border-top:1px dashed #ddd;}
.dataOffer {display:block; position:relative; padding-right:10em; min-height:1.6em; background:url(/portal/img/research/img_research.svg) no-repeat 0 0; background-size:1.6em auto;}
.dataOffer dt {color:#222; font-weight:700;}
.dataOffer dd {color:#555;}
.dataOffer .clFix:after {display:none;}
.dataOffer .date {display:block; position:absolute; top:0; right:0; padding:.23em 0; white-space:nowrap;}
.dataOffer .date > * {display:block; position:relative; float:left; font-size:.9em; line-height:1.3em;}
.dataOffer .date dd {margin-left:1.16667em;}
.dataOffer .date dd:after {content:""; display:block; position:absolute; top:50%; left:-.583335em; height:.5556em; width:1px; background:#DFE4EF; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.dataOffer .offer {display:table; width:100%; table-layout:fixed; padding-left:2em;}
.dataOffer .offer > * {display:table-cell; position:relative; vertical-align:top; font-size:.9em; padding:.23em;}
.dataOffer .offer dt {width:6.4em;}
.dataOffer .offer dd li {display:flex; flex-wrap:wrap;}
.dataOffer .offer dd li + li {margin-top:.4em;}
.dataOffer .offer dd li > * {display:block; position:relative; margin-right:1.11111em;}
.dataOffer .offer dd li > * + *:before {content:""; display:block; position:absolute; top:50%; left:-.555555em; height:.5556em; width:1px; background:#DFE4EF; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.research fieldset {display:flex; flex-wrap:wrap; justify-content:space-between; background:url(/_guide/img/research/ico_research_comment.svg) no-repeat 0 0; background-size:1.6em auto;}
.research p {display:block; position:relative; font-size:.9em; font-weight:700; color:#222; padding:.25em 0 .25em 2.222222em; -ms-flex:1;}
.research .radio_list {display:flex; flex-wrap:nowrap;}
.research .radio_list > * + li {margin-left:1em;}
.research .radio_list input[type="radio"] {margin-top:0;}
.research .radio_list label {font-size:.9em;}
.research .opinion_wrap {display:block; position:relative; padding-right:5.4em; width:100%; margin-top:1em;}
.research .opinion_wrap .regBtn {display:block; position:absolute; top:0; right:0; background:#222; color:#fff; font-size:.8em; width:6.25em; height:2.8em; border:none; text-align:center;}
.research .opinion_wrap input[type="text"] {display:block; position:relative; width:100%; height:2.8em; font-size:.8em; padding:0 1em; border:1px solid #DFE4EF;}

@media all and (max-width:1024px) {
	.dataOffer {padding-right:0;}
	.dataOffer .offer {margin-bottom:.5em;}
	.dataOffer .date {position:relative; overflow:hidden; margin-left:2em;}
	
	.research fieldset {display:block;}
	.research .radio_list {margin-top:1em;}
}
@media all and (max-width:520px) {
	.research .radio_list {flex-wrap:wrap;}
	.research .radio_list > li {width:33.33%; margin:.3em 0 !important;}
	
	.dataOffer .offer,
	.dataOffer .offer > * {display:block !important; width:auto !important;}
}
@media all and (max-width:420px) {
	.research .radio_list > li {width:50%; margin:.3em 0 !important;}
}



/****************************************************************
	사이트맵
****************************************************************/

[data-top="누리집 안내지도"] .snbWrap nav {display:none;}
.sitemap {padding-top:1em; border-top:1px solid #222;}
.sitemap:after {content:''; clear:both; display:block;}
.sitemapArea {width:20%;float:left;padding: 1%;min-height: 14.333333em;}
.sitemapLeft {padding:.75em; border-top:1px solid #a57234; border-bottom:1px solid #a57234; background:#FBF7F4;}
.sitemap_title {font-size: 1.4em;color:#a57234;}
.sitemapRight {padding:1em .5em;}
.sitemapRight ul li {position:relative; padding-left:.75em;}
.sitemapRight ul li a:hover {text-decoration:underline; color:#a57234; font-weight:700;}
.sitemapRight ul li:before {content:''; position:absolute; top:.7em; left:0; width:4px; height:2px; background:#a57234;}
.sitemapRight ul li + li {margin-top:.2em;}
#sitemap0700000000 {display:none;}

@media all and (max-width:1024px) {
	.sitemap_title {font-size:1.2em;}
	.sitemapArea {width:33.333333%;}
}

@media all and (max-width:640px) {
	.sitemapArea {width:100%; float:none; min-height:auto;}
}