@charset 'utf-8';
/*******************************************************************
 * font define
 ******************************************************************/
@import url(/sup/css/nanumgothic.css);

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:300;
	src:url(/sup/font/OpenSans-Light.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Light.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Light.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:normal;
	src:url(/sup/font/OpenSans-Regular.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Regular.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Regular.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:600;
	src:url(/sup/font/OpenSans-Semibold.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Semibold.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Semibold.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:bold;
	src:url(/sup/font/NOpenSans-Bold.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Bold.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Bold.woff?v=1.1.0) format('woff');
}

@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:800;
	src:url(/sup/font/OpenSans-ExtraBold.eot?v=1.1.0); /*IE9 호환성 보기*/
	src:local("☺"),
		url(/sup/font/OpenSans-Bold.eot?#iefix&v=1.1.0) format('embedded-opentype'),
		url(/sup/font/OpenSans-Bold.woff?v=1.1.0) format('woff');
}

/*
@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:400;
	src:url(/sup/font/NanumGothic-Regular.eot); IE9 호환성 보기
	src:url(/sup/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(/sup/font/NanumGothic-Regular.woff) format('woff');
}

@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:700;
	src:url(/sup/font/NanumGothic-Bold.eot); IE9 호환성 보기
	src:url(/sup/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(/sup/font/NanumGothic-Bold.woff) format('woff');
}

@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:800;
	src:url(/sup/font/NanumGothic-ExtraBold.eot); IE9 호환성 보기
	src:url(/sup/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(/sup/font/NanumGothic-ExtraBold.woff) format('woff');
}
*/



/*******************************************************************
 * reset css
 ******************************************************************/
html.scroll_no {overflow:hidden;}
/* html, body, #warpper {min-width:998px;height:100%;min-height:100%;} */
/*2018 */
html, body, #warpper {height:100%;min-height:100%;}
html.popup, body.popup, #warpper.popup {width:100%;min-width:100%;height:100%;min-height:100%;}
html {overflow-y:scroll;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;color:#333;font-size:12px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;background:transparent;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;background:transparent;vertical-align:baseline;color:#333;text-decoration:none;}
table {border-spacing:0;border-collapse:collapse;}
caption {width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
button, label, input, textarea, select {margin:0;padding:0;font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;cursor:pointer;}
textarea {overflow-y:auto;font:inherit;font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;resize:vertical;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}
address, em, i {font-style:normal;}
::-webkit-input-placeholder {opacity:0.6;font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}
::-moz-placeholder {font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}
:-ms-input-placeholder {opacity:0.6;font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}
:-moz-placeholder {opacity:0.6;font-family:'Open Sans','Nanum Gothic','NG',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;}

/*******************************************************************
 * custom
 ******************************************************************/
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vt {vertical-align:top !important;}
.db {display:block !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.cf:before,
.cf:after {display:table;content:" ";}
.cf:after {clear:both;}
.ie.ie6 .cf,
.ie.ie7 .cf {zoom:1;}
.ie.ie7 legend {width:0;}
.ell {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ani {-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {font-family:inherit;}
.hidden, legend, hr {overflow:hidden;position:absolute;top:0;left:-10000%;width:1px;height:1px;font-size:0;line-height:0;text-indent:-10000px;}
.centrerWrapper {width:999px;margin:0 auto;}
.centrerWrapper.pos_r {position:relative;}
.videoWrapper {position:relative;padding-bottom:56.25%;/* 16:9 */padding-top:25px;height:0;margin-bottom:20px;}
.videoWrapper object,
.videoWrapper embed,
.videoWrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.tbl table {width:100%;border-spacing:0;border-collapse:collapse;}
#hideAll {width:100%;height:100%;position:fixed;top:0;left:0;background:#fff;z-index:99999;}


/*******************************************************************
 * skip navi
 ******************************************************************/
#skip {position:relative;z-index:999999999;}
#skip a {position:absolute;top:-9999em;left:0;width:100%;background:#374b5d;color:#ffffff;text-align:center;}
#skip a:active,
#skip a:focus {top:0;zoom:1;cursor:pointer;text-decoration:none;}
#skip span {display:block;font-size:16px;font-weight:800;color:#ffffff;line-height:40px;}


/*******************************************************************
 * 브라우저 업그레이드
 ******************************************************************/
.browserupgrade {padding:20px 20px 50px 20px;background:#34495e;color:#ffffff;line-height:20px;position:relative;}
.browserupgrade a {color:#f1c40f;}
.browserupgrade .btn_browserupgrade_close {position:absolute;bottom:20px;right:20px;width:20px;height:20px;background:url(../../sup/images/common/btn_happybrower_close.png) no-repeat 0 0;text-indent:-9999em;border:0;}


/*******************************************************************
 * layout
 ******************************************************************/
#warpper {background:#f1f1f1;position:relative;}
#warpper.popup {background:#fff;}
#header {position:relative;height:172px;background:#ffffff;}

/* 상단 유틸영역 */
#utilArea {height:16px;padding-top:14px;}
#utilArea .utilAreaLeft {position:relative;}
#utilArea .utilAreaLeft a {display:inline-block;height:16px;padding-left:21px;background:url(../../sup/images/common/spr.png) no-repeat 0 0;line-height:16px;}
#utilArea .utilAreaLeft a:first-child {background-position:0 0;}
#utilArea .utilAreaLeft .semasLink {position:absolute;top:-1px;left:83px;width:134px;height:20px;padding-left:0;background:url(../../sup/images/common/logo_semas.png) no-repeat 0 0;text-indent:-999em;}
#utilArea .utilAreaRight a {display:inline-block;height:16px;padding:0 20px 0 18px;background:url(../../sup/images/common/spr.png) no-repeat 0 -21px;line-height:16px;}
#utilArea .utilAreaRight a:last-child {padding-right:0;background-position:0 -41px;}


/* 로고 및 검색 */
#logoSearchLoginArea {height:45px;margin-top:22px;}
#logoSearchLoginArea #logo {width:198px;height:45px;}
#logoSearchLoginArea #logo a {display:block;width:198px;height:45px;background:url(../../sup/images/common/spr.png) no-repeat 0 -84px;text-indent:-9999em;}
#logoSearchLoginArea .totalSearchArea {width:383px;height:34px;margin-left:130px;border:3px solid #0882e6;}
#logoSearchLoginArea .formWrap {position:relative;}
#logoSearchLoginArea .formWrap input[type='text'] {width:317px;height:24px;padding:5px 10px;border:0;font-weight:bold;color:#0882e6;line-height:24px;}
#logoSearchLoginArea .formWrap input[type='submit'] {width:46px;height:34px;border:0;background:url(../../sup/images/common/spr.png) no-repeat -363px -175px #0882e6;text-indent:-9999em;}
#logoSearchLoginArea .gov3_0 {display:block;width:79px;height:36px;margin:4px 0 0 49px;/*background:url(../../sup/images/common/spr.png) no-repeat -252px -83px;*/text-indent:-9999em;}
#logoSearchLoginArea .btnArea_loginReg {margin-top:8px;}
#logoSearchLoginArea .btnArea_loginReg button[type='button'] {display:inline-block;width:63px;height:28px;border:1px solid #e0e0e0;background:#ffffff;font-size:12px;color:#5d5d5d;line-height:normal;text-align:center;}
#logoSearchLoginArea .btnArea_loginReg a {display:inline-block;width:63px;height:26px;border:1px solid #e0e0e0;background:#ffffff;color:#5d5d5d;line-height:26px;text-align:center;vertical-align:top;}
#logoSearchLoginArea .btnArea_loginReg a:first-child {margin-right:7px;}
#logoSearchLoginArea .formWrap input[type='text']::-webkit-input-placeholder {color:#0882e6;}
#logoSearchLoginArea .formWrap input[type='text']::-moz-placeholder {color:#0882e6;}
#logoSearchLoginArea .formWrap input[type='text']:-ms-input-placeholder {color:#0882e6;}
#logoSearchLoginArea .formWrap input[type='text']:-moz-placeholder {color:#0882e6;}





/* 상단메뉴 */
#gnbWrap {position:absolute;top:116px;left:0;z-index:2001;width:100%;height:53px;border-top:1px solid #e0e0e0;border-bottom:2px solid #0088e7;background:#ffffff;}
#sup_gnb {width:999px;margin:0 auto;}
#sup_gnb li {list-style:none;}
#sup_gnb a {display:block;}
#sup_gnb > li {float:left;width:185.4px;border-left:1px solid #e0e0e0;}
#sup_gnb > li > a {height:53px;font-size:17px;font-weight:700;color:#474646;line-height:53px;text-align:center;}
#sup_gnb > .topMenuOn > a {background:#f5f5f5;color:#2c4d92;}
#sup_gnb #item_06 {width:67px;border-left:0;}
#sup_gnb #item_06 #btn_sitemap_view {width:67px;height:53px;border:0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background:url(../../sup/images/common/spr.png) no-repeat -452px -75px #ffffff;text-indent:-9999em;}
#gnbWrap > ul > li > .gnb-tit-wrap {display:none;position:absolute;top:55px;left:0;z-index:2000;width:100%;height:126px;padding:38px 0;border-bottom:1px solid #dddddd;background:#ffffff;}
#gnbWrap > ul > li > ul {display:none;}
#gnbWrap > ul > li > .gnb-tit-wrap.active {display:block;}
#gnbWrap > ul > li > .gnb-tit-wrap.active .sup_gnb_depth02 {display:block;}
#gnbWrap .gnb-tit {float:left;width:303px;height:126px;padding-left:189px;background:url(../../sup/images/common/spr.png) no-repeat;}
#gnbWrap .gnb-tit h4 {height:67px;margin-top:20px;background:url(../../sup/images/common/spr.png) no-repeat -779px 0;font-size:30px;font-weight:700;color:#4b4b4b;line-height:67px;}
#gnbWrap .gnb-tit span {display:block;height:16px;font-size:16px;font-weight:700;color:#787878;line-height:16px;}
#gnbWrap .sup_gnb_depth02 {float:left;width:507px;height:126px;background:url(../../sup/images/common/bg_gnb_depth2.png) repeat-y #ffffff;}
#gnbWrap .sup_gnb_depth02.custom {background:url(../../sup/images/common/bg_gnb_depth3.png) repeat-y #ffffff;}
#gnbWrap .bar {display:none;width:71px;height:5px;background:#0088e7;cursor:pointer;-webkit-transition:-webkit-transform .2s ease-in-out;-webkit-transition:transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:-moz-transform .2s ease-in-out;transition:-ms-transform .2s ease-in-out;transition:transform .2s ease-in-out;-webkit-transform:translate(0, -5px);-moz-transform:translate(0, -5px);-ms-transform:translate(0, -5px);transform:translate3d(0, -5px);}
#gnbWrap .bar.on {display:block;}
#gnbWrap #sup_gnb #item_01 .gnb-tit {background-position:-645px -525px;}
#gnbWrap #sup_gnb #item_02 .gnb-tit {background-position:-645px -705px;}
#gnbWrap #sup_gnb #item_03 .gnb-tit {background-position:-645px -885px;}
#gnbWrap #sup_gnb #item_04 .gnb-tit {background-position:-645px -1065px;}
#gnbWrap #sup_gnb #item_05 .gnb-tit {background-position:-645px -1245px;}
.sup_gnb_depth02 > li {position:relative;width:193px;height:42px;}
.sup_gnb_depth02 > li > a {display:block;height:42px;padding-left:43px;background:url(../../sup/images/common/spr.png) no-repeat -768px -114px;font-size:17px;font-weight:700;color:#5f5f5f;line-height:42px;}
.sup_gnb_depth02 > li > a:hover,
.sup_gnb_depth02 > li > a:focus {color:#0088e7;}
.sup_gnb_depth02 > li.positionXY ~ li {position:relative;top:-126px;left:193px;}
.sup_gnb_depth02 > li.positionXY-2 ~ li {position:relative;top:-252px;left:386px;}
#gnbWrap .sup_gnb_depth02.custom > .item_005 > a {background-position:-768px -122px;line-height:22px;}
/*#gnbWrap .sup_gnb_depth02.custom > .item_006 {position:relative;top:-210px;left:386px;}*/
.barWrapper {position:absolute;top:48px;left:50%;width:999px;height:5px;margin-left:-499.5px;}




/* 전체메뉴 */
#allmenu {display:none;position:fixed;top:-100%;left:0;z-index:10000;width:100%;height:100%;background:url(../../sup/images/common/bg_allmemu.png) repeat 0 0;opacity:0;}
#allmenu .allmenuInner {position:relative;width:999px;margin:0 auto;padding-top:90px;}
#allmenu h1 {position:absolute;top:22px;left:331px;width:305px;height:66px;background:url(../../sup/images/common/spr.png) no-repeat 0 -1248px;text-indent:-9999em;}
#allmenu .titArea {height:62px;font-size:37px;font-weight:700;color:#dbb668;line-height:62px;text-align:center;}
#allmenu .menuList {margin-top:27px;list-style:none;}
#allmenu .menuList ul {list-style:none;}
#allmenu .menuList > li {float:left;width:140.6px;min-height:595px;padding:0 29px;border-right:1px solid #434343;}
#allmenu .menuList > li:first-child {border-left:1px solid #434343;}
#allmenu .menuList a, #allmenu .menuList strong {display:block;}
#allmenu .menuList > li > strong {height:50px;padding:85px 0 0 0;border-bottom:1px solid #434343;background:url(../../sup/images/common/spr.png) no-repeat 30px -1320px;font-size:22px;font-weight:700;color:#ffffff;text-align:center;}
#allmenu .menuList > li + li > strong {background-position:-157px -1337px;}
#allmenu .menuList > li + li + li > strong {background-position:-355px -1327px;}
#allmenu .menuList > li + li + li + li > strong {background-position:47px -1479px;}
#allmenu .menuList > li + li + li + li + li > strong {background-position:-155px -1470px;}
#allmenu .menuList > li:last-child > strong {height:46px;padding-top:89px;font-size:20px;}
#allmenu .menuList > li > ul {margin-top:15px;}
#allmenu .menuList > li > ul > li {background:transparent;}
#allmenu .menuList > li > ul > li > a {padding-left:15px;background:url(../../sup/images/common/spr.png) no-repeat -797px -112px;font-size:16px;font-weight:700;color:#cccccc;line-height:43px;}
#allmenu .menuList > li > ul > li > .long_txt {padding:9px 0 10px 15px;line-height:25px;}
#allmenu .menuList > li + li + li + li + li {width:164.6px;padding:0 17px;}
#allmenu .menuList > li + li + li + li + li > ul {margin-top:0;}
#allmenu .menuList > li + li + li + li + li > ul > li > a {padding:0;border-bottom:1px solid #434343;background:none;font-size:20px;font-weight:700;color:#ffffff;line-height:72px;text-align:center;}
#allmenu .menuList > li > ul > li > ul > li > a {padding-left:14px;font-size:14px;color:#b5b5b5;line-height:30px;}
.allmenuBottomWrap {margin-top:40px;border-top:1px solid #434343;}
.allmenuBottomWrap .allmenuBottom {position:relative;width:999px;height:134px;margin:0 auto;}
.allmenuBottomWrap .allmenuBottom > div > strong {display:block;width:230px;height:35px;margin-top:51px;background:url(../../sup/images/common/spr.png) no-repeat -400px -1494px;text-indent:-9999em;}
.allmenuBottomWrap .allmenuBottom .policyAddress {margin:42px 0 0 35px;}
.allmenuBottomWrap .allmenuBottom .policyAddress dl dd {float:left;}
.allmenuBottomWrap .allmenuBottom .policyAddress dl dd a {display:block;color:#6b6b6b;line-height:25px;padding:0 8px 0 9px;background:url(../../sup/images/common/bg_allmenu_footer_bar.png) no-repeat 0 50%;}
.allmenuBottomWrap .allmenuBottom .policyAddress dl dd:first-of-type > a {padding-left:0;background:none;}
.allmenuBottomWrap .allmenuBottom .policyAddress address {color:#6b6b6b;line-height:25px;}
.allmenuBottomWrap .allmenuBottom .policyAddress address .copy {font-family:'Malgun Gothic',sans-serif;font-size:11px;color:#6b6b6b;}
#btn_allmenu_close {position:absolute;top:-783px;right:0;width:43px;height:43px;border:0;background:url(../../sup/images/common/spr.png) no-repeat -631px 0;text-indent:-9999em;}



#container {min-height:600px;background:#fff;}


/* 안내페이지 */
.etcWrap {min-height:250px;}

/* 분야별 사이트 바로가기 201810 */
.otherSiteLinkArea {position:relative/* 2018 */; margin-top:30px/*201810 */;}
.otherSiteLinkArea > h2 {height:67px;padding-left:69px;background:url(../../sup/images/main/icon_other_site_link.png) no-repeat 22px 50% #3388d0;}
.otherSiteLinkArea > h2 > button[type='button'] {position:absolute/* 2018 */; top:0; left:70px; width:calc(100% - 68px);/* 2018 */;height:67px;padding-left:12px;border:0;background:#3f94db url(../../sup/images/common/btn_othersite.png) no-repeat right 20px;font-size:14px;font-weight:700;color:#ffffff;line-height:67px;text-align:left; ;}
.otherSiteLinkArea > ul {margin-top:13px;/*background:url(../../sup/images/main/bg_other_site_link.png) no-repeat 100% 100%;*/display:none; padding:0 2px; width:100%;}
.otherSiteLinkArea ul li {list-style:none;width:16.6%}
.otherSiteLinkArea ul > li {float:left;border-left:0px solid #dcdcdc}
.otherSiteLinkArea .cf > li:nth-child(6n + 1) {border-left:0;}
.otherSiteLinkArea ul > li > dl > dt {height:39px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#e9e9e9;font-size:14px;font-weight:700;color:#606060;line-height:39px;text-align:center;}
.otherSiteLinkArea ul > li > dl > dd > ul {width:auto;height:208px;margin-left:-1px;padding:11px 0;border-bottom:1px solid #c5c5c5;border-left:1px solid #ffffff;background:#f8f8f8;}
.otherSiteLinkArea ul > li + li + li + li + li + li > dl > dd > ul {height:208px;}
.otherSiteLinkArea .cf > li + li + li + li + li + li + li{margin-top:10px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a {display:block;height:27px;padding-left:10px;color:#616161;line-height:27px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a:before {padding-right:7px;color:#517ca0;content:'-';}
.otherSiteLinkArea ul > li > dl > dd > ul > li {border-left:0;width:100%;}


/* 게시글 모달 */
#bbsLayerPopup {display:none;position:absolute;top:-602px;left:50%;z-index:9999;width:812px;margin:0 0 0 -406px;border:1px solid #d7d7d7;background:#ffffff;box-shadow:0 0 15px #e4e4e4;}
#contentArea.sub .centrerWrapper #bbsLayerPopup {top:98px;margin-left:-300px;}
#contentArea .centrerWrapper.etc #bbsLayerPopup {top:0;}
#bbsLayerPopup .layerPopupInner {position:relative;padding:68px 32px 41px 32px;}
#bbsLayerPopup #layerContent {min-height:300px;}
.tbl.viewLayerPopup {padding:14px;border:1px solid #d5d5d5;font-size:13px;}
.tbl.viewLayerPopup th,
.tbl.viewLayerPopup td {padding:10px;border:1px solid #ffffff;background:#f4f4f4;}
.tbl.viewLayerPopup th {background:#4b4b4b;color:#ffffff;}
#bbsLayerPopup #layerContent dl {padding:30px 19px 18px 19px;border-bottom:1px solid #dedede;}
#bbsLayerPopup #layerContent dl dt {overflow:hidden;width:710px;font-size:20px;font-weight:700;color:#6d6d6d;line-height:47px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#bbsLayerPopup #layerContent dl dd {color:#919191;line-height:20px;}
#bbsLayerPopup #layerContent dl dd .paparDate {margin-right:19px;padding-right:18px;background:url(../../sup/images/common/bg_paper_bar.png) no-repeat 100% 1px;}
#bbsLayerPopup #layerContent dl dd .paparLink {padding-left:24px;background:url(../../sup/images/common/spr.png) no-repeat -783px -2565px;color:#919191;}
#bbsLayerPopup .btn_layerPopup_close {position:absolute;top:20px;right:32px;border:0;background:transparent;}
#bbsLayerPopup .btn_layerPopup_close .iconWrap {display:block;position:relative;padding:0 15px 0 43px;border:1px solid #b7b7b7;font-weight:700;line-height:27px;}
#bbsLayerPopup .btn_layerPopup_close .iconWrap .icon {display:inline-block;}
#bbsLayerPopup .btn_layerPopup_close .iconWrap .icon.x {position:absolute;top:-1px;left:-1px;width:29px;height:29px;background:url(../../sup/images/common/spr.png) no-repeat 0px -2181px;}
#bbsLayerPopup .content_layerPopup {padding:20px;border-bottom:1px solid #dedede;word-break:keep-all;}
#bbsLayerPopup .content_layerPopup img,
#bbsLayerPopup .content_layerPopup video {max-width:100%;height:auto;vertical-align:top;}
#bbsLayerPopup .content_layerPopup video {min-width:100%;}
#bbsLayerPopup .content_layerPopup .newspaper {margin-top:10px;}
#bbsLayerPopup .btnArea {margin-top:15px;}
#bbsLayerPopup .btnArea a {display:block;float:left;}
#bbsLayerPopup .btnArea .leftArea .btn_01,
#bbsLayerPopup .btnArea .leftArea .btn_02,
#bbsLayerPopup .btnArea .leftArea .btn_03 {height:33px;margin-left:8px;border:1px solid #b0b2b6;line-height:33px;}
#bbsLayerPopup .btnArea .leftArea .btn_01 {margin-left:0;}
#bbsLayerPopup .btnArea .leftArea .btn_01 .txt {padding:0 29px 0 11px;background:url(../../sup/images/common/spr.png) no-repeat -706px -1754px;}
#bbsLayerPopup .btnArea .leftArea .btn_01 .num {padding:0 10px;border-left:1px solid #dadada}
#bbsLayerPopup .btnArea .leftArea .btn_02 {padding:0 13px;}
#bbsLayerPopup .btnArea .leftArea .btn_03 .txt {padding:0 15px;}
#bbsLayerPopup .btnArea .leftArea .btn_03 .icon {width:33px;height:33px;border-left:1px solid #dadada;background:url(../../sup/images/common/spr.png) no-repeat -774px -1805px;}
#bbsLayerPopup .btnArea .socialArea {margin-top:6px;}
#bbsLayerPopup .btnArea .socialArea a {width:25px;height:25px;background:url(../../sup/images/common/spr.png) no-repeat -401px -1642px;text-indent:-9999em;}
#bbsLayerPopup .btnArea .socialArea a + a {margin-left:4px;background-position:-430px -1642px;}
#bbsLayerPopup .btnArea .socialArea .btn_twitter {background-position:-401px -1642px;}


/* 사이트 퀵메뉴 */
#contentArea .centrerWrapper.etc #sideQuickLink {top:0;}
#sideQuickLink {position:absolute;top:-602px;right:-110px;width:82px;height:443px;}
#sideQuickLink h3 {padding:17px 0;background:#4b4b4b;color:#ffffff;line-height:17px;text-align:center;}
#sideQuickLink ul {border-right:1px solid #cccccc;border-left:1px solid #cccccc;list-style:none;}
#sideQuickLink ul li a {display:block;height:82px;border-top:1px solid #cccccc;background:url(../../sup/images/common/spr.png) no-repeat 20px -151px #ffffff;font-size:11px;font-weight:700;color:#616161;text-align:center;}
#sideQuickLink ul li:first-child > a {border-top:0;}
#sideQuickLink ul li + li a {background-position:-40px -151px}
#sideQuickLink ul li + li + li a {background-position:-100px -151px}
#sideQuickLink ul li + li + li + li a {background-position:-160px -151px}
#sideQuickLink ul li + li + li + li + li a {background-position:-220px -151px}
#sideQuickLink ul li a span {display:block;padding-top:46px;line-height:14px;}
#sideQuickLink button[type='button'] {display:block;width:100%;padding:18px 0 10px 0;border:0;background:url(../../sup/images/common/spr.png) no-repeat -166px 8px #717171;font-size:14px;font-weight:600;color:#ffffff;line-height:16px;text-align:center;}


/* 하단영역 */
#footer {height:116px;background:#f1f1f1;color:#6b6b6b;}
#footer .centrerWrapper > strong {width:230px;height:35px;margin:42px 35px 0 0;background:url(../../sup/images/common/logo_footer.png) no-repeat 0 0;text-indent:-9999em;}
.policyAddressArea .policy {margin-top:33px;}
.policyAddressArea .policy dd {float:left;}
.policyAddressArea .policy dd a {display:block;height:25px;padding-right:8px;color:#6b6b6b;line-height:25px;}
.policyAddressArea .policy dd a em {font-weight:700;}
.policyAddressArea .policy dd + dd a {padding:0 8px 0 9px;background:url(../../sup/images/common/bg_footer_bar.png) no-repeat 0 50%;}
.policyAddressArea address {height:25px;color:#6b6b6b;line-height:25px;}
.policyAddressArea address .copy {font-family:'Malgun Gothic',sans-serif;font-size:11px;}

.mt10 {margin-top:10px;}


/* 이용가이드 팝업 */
.popupGuideWrap {padding:20px;}
.popupGuideWrap .boxGray {padding:0 10px 10px 10px;border:10px solid #cccccc;}
.popupGuideWrap .boxGray > h1 {font-size:26px;font-weight:700;line-height:50px;}
.popupGuideWrap .boxGray > p {font-size:13px;word-break:keep-all;}
.popuop_tabArea {position:relative;margin-top:20px;}
.popuop_tabArea > ul > li {float:left;margin-left:-1px;list-style:none;}
.popuop_tabArea > ul > li:first-child {margin-left:0;}
.popuop_tabArea > ul > li > button[type='button'] {display:block;position:static;z-index:10;padding:7px 15px;border:1px solid #cccccc;background:#ffffff;}
.popuop_tabArea > ul > .active > button[type='button'] {background:#4784d0;font-weight:700;color:#ffffff;}
.popuop_tabArea > ul > li > .expWrap {display:none;position:absolute;top:33px;left:0;width:423px;padding:20px;border:1px solid #cccccc;}
.popuop_tabArea > ul > .active > .expWrap {display:block;}
.popuop_tabArea > ul > li > .expWrap .imgArea > img {max-width:100%;height:auto;vertical-align:top;}
.popuop_tabArea > ul > li > .expWrap > ol {padding:20px 0 0 20px;font-size:13px;}
.popuop_tabArea > ul > li > .expWrap > ol > li {margin-top:15px;}
.popuop_tabArea > ul > li > .expWrap > ol > li:first-child {margin-top:0;}
.popuop_tabArea > ul > li > .expWrap > ol > li > dl > dt {font-size:15px;font-weight:700;color:#017ad7;}
.popuop_tabArea > ul > li > .expWrap > ol > li > dl > dd {margin-top:5px;word-break:keep-all;}
.popuop_tabArea > ul > li > .expWrap > ol > li > dl > dd > ul {padding-left:5px;}
.popuop_tabArea > ul > li > .expWrap > ol > li > dl > dd > ul > li {margin-top:5px;}
.popuop_tabArea > ul > li > .expWrap > ol > li > dl > dd > ul > li:first-child {margin-top:0;}
.popuop_tabArea > ul > li > .expWrap > h2 {font-size:15px;color:#017ad7;}
.popuop_tabArea > ul > li > .expWrap > p {margin-top:10px;font-size:13px;}
.popuop_tabArea > ul > li > .expWrap > ol > li > .imgArea {margin-left:-20px;}
.box.helpDesk {margin-top:22px;padding:17px 0 17px 75px;border:1px solid #d7d7d7;background:url(../../sup/images/common/spr.png) no-repeat -746px -2112px #f6f6f6;}
.box.helpDesk dl dt {font-size:13px;color:#6b7379;line-height:23px;}
.box.helpDesk dl dd {font-size:19px;font-weight:700;color:#2f5c80;line-height:28px;}

/* 오류페이지 */
.errorWrap {padding:47px 0 27px 0;}
.errorWrap.bug {width:543px;margin:0 auto;text-align:center;}
.errorWrap.bug > h2 {height:92px;padding-top:256px;border-bottom:1px solid #dbdbdb;background:url(../../sup/images/common/spr.png) no-repeat -129px -3049px;font-size:28px;font-weight:700;color:#62686f;line-height:92px;text-align:center;}
.errorWrap.bug > p {margin-top:21px;font-size:19px;color:#5f6a89;line-height:30px;text-align:center;}
.errorWrap.bug > p > strong {font-weight:700;color:#0077ca;}
.errorWrap.bug > #btn_history_go {display:inline-block;height:51px;margin-top:45px;padding:0 27px 0 74px;border:1px solid #c3c3c3;background:url(../../sup/images/common/spr.png) no-repeat -749px -3253px;font-size:20px;}

/* 지식 콘텐츠 영역 */
#layerContent .content_layerPopup {padding:20px 20px 40px;border-bottom:solid 1px #E4E4E4;color:#3A3A3A}
#layerContent .content_layerPopup h1.kn_tit {margin-top:10px;font-size:23px;font-weight:bold;color:#3670b8;text-align:center;}
#layerContent .content_layerPopup .kn_pressinfo {margin-top:5px; margin-bottom:30px;font-size:14px;text-align:center;}
#layerContent .content_layerPopup .kn_pressinfo span { /*font-size:12px;*/ }
#layerContent .content_layerPopup .kn_pressinfo a {padding:2px;border:1px solid #CCCCCC;font-size:12px;cursor:pointer;}
#layerContent .content_layerPopup img{ max-width: 730px !important;  }
#layerContent .content_layerPopup h4 {margin-top:30px;/* border-bottom:1px #CCC solid*/font-size:18px;color:#7D4698;text-decoration:underline;}
#layerContent .content_layerPopup h5 {margin-top:15px;margin-left:3px;padding-left:15px;background:url('../images/common/sbiz_mbl_comm_bu.png')0 7px no-repeat;font-size:14px;font-weight:bold;color:#424242;}
#layerContent .content_layerPopup > p {	margin-left: 3px; margin-top:8px; padding-left:15px; font-size: 14px; line-height:160%; /*background:url('../images/common/sbiz_mbl_comm_bu.png')0 7px no-repeat;*/}
#layerContent .content_layerPopup .sm_text {margin:0 10px 20px 10px;padding-left:0;background-image:none;font-size:13px;line-height:160%;}
#layerContent .content_layerPopup ul {margin:5px 5px 5px 40px;font-size:13px;}
#layerContent .content_layerPopup ul li {display:list-item;font-size:13px;list-style:outside square;}
#layerContent .content_layerPopup ol {margin:5px 5px 10px 40px;font-size:13px;}
#layerContent .content_layerPopup ol li {display:list-item;font-size:13px;list-style:outside decimal;}
#layerContent .content_layerPopup ul li.add {display:list-item;list-style:outside none;}
#layerContent .content_layerPopup dl {margin-top:5px;margin-bottom:10px;margin-left:14px;padding-left:15px;font-size:14px;line-height:160%;}
#layerContent .content_layerPopup dl dt {margin-top:10px;margin-bottom:5px;font-weight:bold}
#layerContent .content_layerPopup dl dd {margin-bottom:5px;margin-left:14px;}
#layerContent .content_layerPopup dl dd:last-child {margin-bottom:5px;}
#layerContent .content_layerPopup dl dl{margin-left: 4px; margin-bottom:5px; }
#layerContent .content_layerPopup dl dl dt { margin-top:10px;margin-bottom:5px;}
#layerContent .content_layerPopup dl dl dd {margin-bottom:5px;margin-left:13px;font-size:13px;}
#layerContent .content_layerPopup dl dl dd:last-child {margin-bottom:5px;}
#layerContent .content_layerPopup dl dt.sub {display:inline-block;margin-left:10px;font-size:12px;font-weight:bold;}
#layerContent .content_layerPopup dl dd.sub {margin-left:10px;padding-left:3em;font-size:11px;font-weight:normal;text-indent:-1.0em;}
#layerContent .content_layerPopup .ex {margin:10px 10px 15px 15px;padding:10px 15px;border-radius:2px; background:#f9f9f9;}
#layerContent .content_layerPopup .ex h4{ margin-top:5px !important; } 
#layerContent .content_layerPopup .ex > p { color:#9051B3; font-size:12px; margin-left: 3px; margin-top:10px; margin-bottom:10px; padding-left:15px; font-size: 13px; line-height:160%; /*background:url('../images/common/sbiz_mbl_comm_bu.png')0 7px no-repeat;*/}
#layerContent .content_layerPopup .ex .tit { display:block; font-size:13px; text-align:center; margin:15px 5px 10px 5px; font-weight:bold}
#layerContent .content_layerPopup div.img {background:#fff !important; /* border:10px solid #f9f9f9 !important;*/ /* text-align:center; */  }
/*.img
.ex t_info_r {color:#333333;text-align:right;}*/
#layerContent .content_layerPopup .ex table {width:100%;}
#layerContent .content_layerPopup .ex table tr td.td0CF {background-color:#00CCFF;color:#FFFFFF}
#layerContent .content_layerPopup .ex table tr td.tdf60 {background-color:#ff6600;color:#FFFFFF}
#layerContent .content_layerPopup .ex blockquote {text-align:center}
#layerContent .content_layerPopup .ex blockquote p {font-size:18px;text-align:center}
#layerContent .content_layerPopup .ex blockquote p.sm_txt {margin-top:8px;font-size:14px;}
#layerContent .content_layerPopup .table {/*border: 1px #ddd solid;*/	min-width:400px;font-size:14px;word-break:keep-all !important;}
#layerContent .content_layerPopup .table tr td ul {display:inline-block;margin-left:0;padding-left:0;font-size:14px;list-style:outside disc;}
#layerContent .content_layerPopup .table tr td ul li {display:list-item;margin-left:15px;padding-left:0;font-size:14px;list-style:outside disc;}
#layerContent .content_layerPopup .table tr td {padding:5px;background-color:#FFFFFF;word-break:keep-all !important;}
#layerContent .content_layerPopup .table > thead > tr > th,
#layerContent .content_layerPopup .table > tbody > tr > th,
#layerContent .content_layerPopup .table > tfoot > tr > th,
#layerContent .content_layerPopup .table > thead > tr > td,
#layerContent .content_layerPopup .table > tbody > tr > td,
#layerContent .content_layerPopup .table > tfoot > tr > td {padding:10px; border:1px solid #dddddd !important;}
#layerContent .content_layerPopup .table > thead > tr > th,
#layerContent .content_layerPopup .table > thead > tr > td {border-bottom-width:2px;background-color:#dddddd;}
.fileList li {list-style:none;}



/* 201810 */
#header #mMenu{display: none;}
#header #mSearch{visibility: hidden}


/* mGnb */
#mGnb{display:none;position:absolute;top:0;right:-80%;z-index:300;width:80%;height:100%;background:#fff;overflow-y:scroll;box-shadow:-4px -1px 2px rgba(0,0,0,0.1);}
#mGnb h1{height:51px;padding:10px 20px 8px;box-sizing:border-box;background:#155fbf;}
#mGnb h1 img{width:141px;}
#mGnb .mDepth1{padding:10px 10px;box-sizing:border-box;}
#mGnb .mDepth1 > li > a{display:block;padding:5px 10px;font-size:15px;font-weight:bold;}
#mGnb .mDepth2{margin-bottom:10px;border-top:1px solid #b2b2b2;}
#mGnb .mDepth1 > li:last-child .mDepth2{margin-bottom:0;}
#mGnb .mDepth2 > li{list-style: none}
#mGnb .mDepth2 > li > a{display:block;padding:5px 10px;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333;}
#mGnb .mDepth2 > li > a.plus{background:url('../images/common/morePlusB.png') no-repeat 94% center/15px auto;}
#mGnb .mDepth2 > li > a.plus.active{background:url('../images/common/menuMinus.gif') no-repeat 94% center/16px auto;}

#mGnb .mUtil{margin-top:20px;text-align:center;}
#mGnb .mUtil li{display:inline-block;width:40%;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;text-align:center;}
#mGnb .mUtil li:last-child{margin-left:10px;}
#mGnb .mUtil li a{display:block;padding:7px 0;}

#mGnb .mGnbClose{display:block;position:absolute;top:0;right:0;width:55px;height:51px;background:url('../../sup/images/common/closeW.png') no-repeat center/29px auto;text-indent:-9999px;}

body.ie8 .mGnbClose8{display:block;position:absolute;top:17px;right:0;width:55px;height:51px;background:url('../../sup/images/common/closeW.png') no-repeat center/29px auto;} 

/* ========== 201811 추가 ========== */

/* 로그인, 회원가입 20181107 추가수정 */
#mGnb .loginArea{height:60px; background-color: #d8dfe9; }
#mGnb .loginArea ul{padding-top:13px; width:100%; margin:0 auto; text-align: center;}
#mGnb .loginArea li{display: inline-block;list-style:none;padding:0 2px;}
#mGnb .loginArea .mbtn{display: inline-block; width:80px; height:26px;border:1px solid #c7cdd7; background:#fff; color:#767676; transition:all 0.3s ease; font-size:13px; text-align: center;line-height: 25px;}
#mGnb .loginArea .mbtn:hover {background: #4476c5;border:1px solid #4d709d; color:#fff;}

/* IE8 only */
@media \0screen {
	body{min-width: 999px;}
}
/* /IE8 only */


/*------------------------------------------------1024px------------------------------------------------------*/
@media screen and (max-width: 1024px) {

	
#dimed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:200;}
#top{display:none;position:fixed;bottom:258px;right:2.3%;width:60px;height:60px;padding-top:22px;box-sizing:border-box;background:rgba(255,255,255,0.9) url('../../sup/images/common/icon_goTop.png') no-repeat center 20px/20px auto;border-radius:3px;border:1px solid #97b5ca;z-index:180;transition:all 0.3s;cursor:pointer;font-size:0px;text-align:center;text-indent:-9999px;}
#top:hover{background-color:#3388d0;border:1px solid #2079c4; background-image:url('../../sup/images/common/icon_goTop_on.png');transition:all 0.3s;}	
	
	
#warpper{min-width: 450px;}	
#gnbWrap{display: none;}

#header {position: relative; width:100%; height:50px;}
#header #mMenu{display:block;position:absolute;top:0;right:0;width:65px;height:65px;padding-top:15px;box-sizing:border-box;}
#header #mMenu span{display:block;width:30px;height:2px;margin:0 auto 5px;background:#4C4948;z-index: 300;}
#header #mMenu span:last-child{margin-bottom:0;}

#header .centrerWrapper	{width:100%;}

#utilArea {display: none;}
	
#logoSearchLoginArea {height:45px;margin-top:10px;}
#logoSearchLoginArea #logo {width:198px;height:45px;position: relative;padding-left:15px;}
#logoSearchLoginArea #logo a {display:block;width:198px;height:45px;background:url(../../sup/images/common/spr.png) no-repeat 0 -84px;text-indent:-9999em;}
#logoSearchLoginArea .totalSearchArea {display: none;} 
#logoSearchLoginArea .btnArea_loginReg {display: none;}

#header #mSearch{visibility: visible;}
.search-btn{position: absolute; top:10px; right:60px; width:25px;}		
	
/* 검색 */	
.search-area{position: absolute; top:50px; width:100%; padding:20px; text-align:center; visibility: visible; background-color:#155fbf; border-bottom:1px solid #024692; z-index: 100;}
.search-area input[type="text"]{padding:17px 30px; font-size:15px; border:0; border-radius:50px; width:40%; margin:0 auto;}
.search-area button{border:0; background:none; position:relative; margin-left:-50px; top:9px; color:#327edf; font-size:1.500em;}
.search-area button img {width:30px;}
.search-area .sarch-close{ position: absolute; top:50px; right:20px; color:#fff; font-size: 20px;}
#header #mSearchClose{position: relative}
.search-btn-close{position: absolute; top:35px; right:40px; width:40px;color:#fff; z-index: 101;}			
	
	
#sideQuickLink {display: none;}	
.centrerWrapper {width:100%;}	
.bbs_quickAreaDiv_01{width: 100%;}
.bbs_quickAreaDiv_01 .bbs_tab > li{width:15%;}
	
	
/* 분야별 사이트 바로가기 201810 */
.otherSiteLinkArea {position:relative/* 2018 */; margin-top:30px/*201810 */;}
.otherSiteLinkArea > h2 {height:67px;padding-left:69px;background:url(../../sup/images/main/icon_other_site_link.png) no-repeat 22px 50% #3388d0;}
.otherSiteLinkArea > h2 > button[type='button'] {position:absolute/* 2018 */; top:0; left:70px; width:calc(100% - 68px);/* 2018 */;height:67px;padding-left:12px;border:0;background:#3f94db url(../../sup/images/common/btn_othersite.png) no-repeat right 20px;font-size:14px;font-weight:700;color:#ffffff;line-height:67px;text-align:left; ;}
.otherSiteLinkArea > ul {margin-top:13px;/*background:url(../../sup/images/main/bg_other_site_link.png) no-repeat 100% 100%;*/display:none; padding:0 2px; width:100%;}
.otherSiteLinkArea ul li {list-style:none;width:19.9%}
.otherSiteLinkArea ul > li {float:left;border-left:0px solid #dcdcdc}
.otherSiteLinkArea .cf > li:nth-child(n + 6) {margin-top:13px;}
.otherSiteLinkArea ul > li > dl > dt {height:39px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#e9e9e9;font-size:14px;font-weight:700;color:#606060;line-height:39px;text-align:center;}
.otherSiteLinkArea ul > li > dl > dd > ul {width:auto;height:208px;margin-left:-1px;padding:11px 0;border-bottom:1px solid #c5c5c5;border-left:1px solid #ffffff;background:#f8f8f8;}
.otherSiteLinkArea ul > li + li + li + li + li + li > dl > dd > ul {height:208px;}
.otherSiteLinkArea .cf > li + li + li + li + li + li + li{margin-top:10px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a {display:block;height:27px;padding-left:10px;color:#616161;line-height:27px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a:before {padding-right:7px;color:#517ca0;content:'-';}
.otherSiteLinkArea ul > li > dl > dd > ul > li {border-left:0;width:100%;}

	
	/* 하단영역 */
#footer {height:116px;background:#f1f1f1;color:#6b6b6b;}
#footer .centrerWrapper > strong {width:230px;height:35px;margin:42px 35px 0 20px;background:url(../../sup/images/common/logo_footer.png) no-repeat 0 0;text-indent:-9999em;}
.policyAddressArea .policy {margin-top:33px;}
.policyAddressArea .policy dd {float:left;}
.policyAddressArea .policy dd a {display:block;height:25px;padding-right:8px;color:#6b6b6b;line-height:25px;}
.policyAddressArea .policy dd a em {font-weight:700;}
.policyAddressArea .policy dd + dd a {padding:0 8px 0 9px;background:url(../../sup/images/common/bg_footer_bar.png) no-repeat 0 50%;}
.policyAddressArea address {height:25px;color:#6b6b6b;line-height:25px;}
.policyAddressArea address .copy {font-family:'Malgun Gothic',sans-serif;font-size:11px;}
	
	
	
}

/*------------------------------------------------961px------------------------------------------------------*/
@media screen and (max-width: 961px) {
	
	
/* 분야별 사이트 바로가기 */
.otherSiteLinkArea {position:relative/* 2018 */; margin-top:30px/*201810 */;}
.otherSiteLinkArea > h2 {height:67px;padding-left:69px;background:url(../../sup/images/main/icon_other_site_link.png) no-repeat 22px 50% #3388d0;}
.otherSiteLinkArea > h2 > button[type='button'] {position:absolute/* 2018 */; top:0; left:70px; width:calc(100% - 68px);/* 2018 */;height:67px;padding-left:12px;border:0;background:#3f94db url(../../sup/images/common/btn_othersite.png) no-repeat right 20px;font-size:14px;font-weight:700;color:#ffffff;line-height:67px;text-align:left; ;}
.otherSiteLinkArea > ul {margin-top:13px;/*background:url(../../sup/images/main/bg_other_site_link.png) no-repeat 100% 100%;*/display:none; padding:0 2px; width:100%;}
.otherSiteLinkArea ul li {list-style:none;width:24.8%}
.otherSiteLinkArea ul > li {float:left;border-left:0px solid #dcdcdc}
.otherSiteLinkArea .cf > li:nth-child(5n) {border-left:0;}
.otherSiteLinkArea .cf > li:nth-child(n + 5) {margin-top:13px;}
.otherSiteLinkArea ul > li > dl > dt {height:39px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#e9e9e9;font-size:14px;font-weight:700;color:#606060;line-height:39px;text-align:center;}
.otherSiteLinkArea ul > li > dl > dd > ul {width:auto;height:208px;margin-left:-1px;padding:11px 0;border-bottom:1px solid #c5c5c5;border-left:1px solid #ffffff;background:#f8f8f8;}
.otherSiteLinkArea ul > li + li + li + li + li + li > dl > dd > ul {height:208px;}
.otherSiteLinkArea .cf > li + li + li + li + li + li + li{margin-top:10px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a {display:block;height:27px;padding-left:10px;color:#616161;line-height:27px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a:before {padding-right:7px;color:#517ca0;content:'-';}
.otherSiteLinkArea ul > li > dl > dd > ul > li {border-left:0;width:100%;}
	
	
	/* 하단영역 */
#footer {height:auto;background:#f1f1f1;color:#6b6b6b;}
#footer .centrerWrapper > strong {width:230px;height:35px;margin:20px 35px 0 20px;background:url(../../sup/images/common/logo_footer.png) no-repeat 0 0;text-indent:-9999em;}
.policyAddressArea .policy {margin:33px 20px 10px 20px;}
.policyAddressArea .policy dd {float:left;}
.policyAddressArea .policy dd a {display:block;height:25px;padding-right:8px;color:#6b6b6b;line-height:25px;}
.policyAddressArea .policy dd a em {font-weight:700;}
.policyAddressArea .policy dd + dd a {padding:0 8px 0 9px;background:url(../../sup/images/common/bg_footer_bar.png) no-repeat 0 50%;}
.policyAddressArea address {height:auto;color:#6b6b6b;line-height:25px;margin:0 20px 20px;}
.policyAddressArea address .copy {font-family:'Malgun Gothic',sans-serif;font-size:11px;}	
.policyAddressArea address	span.nowrap{white-space: nowrap}
	
	
}





/*------------------------------------------------768px------------------------------------------------------*/
@media screen and (max-width: 768px) {


/* 분야별 사이트 바로가기 */
.otherSiteLinkArea {position:relative/* 2018 */; margin-top:30px/*201810 */;}
.otherSiteLinkArea > h2 {height:67px;padding-left:69px;background:url(../../sup/images/main/icon_other_site_link.png) no-repeat 22px 50% #3388d0;}
.otherSiteLinkArea > h2 > button[type='button'] {position:absolute/* 2018 */; top:0; left:70px; width:calc(100% - 68px);/* 2018 */;height:67px;padding-left:12px;border:0;background:#3f94db url(../../sup/images/common/btn_othersite.png) no-repeat right 20px;font-size:14px;font-weight:700;color:#ffffff;line-height:67px;text-align:left; ;}
.otherSiteLinkArea > ul {margin-top:13px;/*background:url(../../sup/images/main/bg_other_site_link.png) no-repeat 100% 100%;*/display:none; padding:0 2px; width:100%;}
.otherSiteLinkArea ul li {list-style:none;width:33.2%}
.otherSiteLinkArea ul > li {float:left;border-left:0px solid #dcdcdc}
.otherSiteLinkArea .cf > li:nth-child(2n + 1) {border-left:0;}
.otherSiteLinkArea .cf > li:nth-child(n + 4) {margin-top:13px;}
.otherSiteLinkArea ul > li > dl > dt {height:39px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#e9e9e9;font-size:14px;font-weight:700;color:#606060;line-height:39px;text-align:center;}
.otherSiteLinkArea ul > li > dl > dd > ul {width:auto;height:208px;margin-left:-1px;padding:11px 0;border-bottom:1px solid #c5c5c5;border-left:1px solid #ffffff;background:#f8f8f8;}
.otherSiteLinkArea ul > li + li + li + li + li + li > dl > dd > ul {height:208px;}
.otherSiteLinkArea .cf > li + li + li + li + li + li + li{margin-top:10px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a {display:block;height:27px;padding-left:10px;color:#616161;line-height:27px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a:before {padding-right:7px;color:#517ca0;content:'-';}
.otherSiteLinkArea ul > li > dl > dd > ul > li {border-left:0;width:100%;}
	
		
	
}




/*------------------------------------------------639px------------------------------------------------------*/
@media screen and (max-width: 639px) {

	
/* 분야별 사이트 바로가기 */
.otherSiteLinkArea {position:relative/* 2018 */; margin-top:30px/*201810 */;}
.otherSiteLinkArea > h2 {height:67px;padding-left:69px;background:url(../../sup/images/main/icon_other_site_link.png) no-repeat 22px 50% #3388d0;}
.otherSiteLinkArea > h2 > button[type='button'] {position:absolute/* 2018 */; top:0; left:70px; width:calc(100% - 68px);/* 2018 */;height:67px;padding-left:12px;border:0;background:#3f94db url(../../sup/images/common/btn_othersite.png) no-repeat right 20px;font-size:14px;font-weight:700;color:#ffffff;line-height:67px;text-align:left; ;}
.otherSiteLinkArea > ul {margin-top:13px;/*background:url(../../sup/images/main/bg_other_site_link.png) no-repeat 100% 100%;*/display:none; padding:0 2px; width:100%;}
.otherSiteLinkArea ul li {list-style:none;width:49.5%}
.otherSiteLinkArea ul > li {float:left;border-left:0px solid #dcdcdc}
.otherSiteLinkArea .cf > li:nth-child(3n) {border-left:0;}
.otherSiteLinkArea .cf > li:nth-child(n + 3) {margin-top:13px;}
.otherSiteLinkArea ul > li > dl > dt {height:39px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#e9e9e9;font-size:14px;font-weight:700;color:#606060;line-height:39px;text-align:center;}
.otherSiteLinkArea ul > li > dl > dd > ul {width:auto;height:208px;margin-left:-1px;padding:11px 0;border-bottom:1px solid #c5c5c5;border-left:1px solid #ffffff;background:#f8f8f8;}
.otherSiteLinkArea ul > li + li + li + li + li + li > dl > dd > ul {height:208px;}
.otherSiteLinkArea .cf > li + li + li + li + li + li + li{margin-top:10px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a {display:block;height:27px;padding-left:10px;color:#616161;line-height:27px;}
.otherSiteLinkArea ul > li > dl > dd > ul > li > a:before {padding-right:7px;color:#517ca0;content:'-';}
.otherSiteLinkArea ul > li > dl > dd > ul > li {border-left:0;width:100%;}	
	
	/* 검색 */	
.search-area{position: absolute; top:50px; width:100%; padding:20px; visibility: visible; background-color:#155fbf; border-bottom:1px solid #024692; z-index: 100;text-align: left}
.search-area input[type="text"]{padding:17px 30px; font-size:15px; border:0; border-radius:50px; width:50%;margin-left:50px;}
.search-area button{border:0; background:none; position:relative; margin-left:-50px; top:9px; color:#327edf; font-size:1.500em;}
.search-area button img {width:30px;}
.search-area .sarch-close{ position: absolute; top:50px; right:20px; color:#fff; font-size: 20px;}
#header #mSearchClose{position: relative}
.search-btn-close{position: absolute; top:35px; right:40px; width:40px;color:#fff; z-index: 101;}			
	
	
}