@charset "utf-8";
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Nanum+Gothic:wght@400;700;800&display=swap.scss");
._flexgrid._layout:after, ._flexgrid._layout:before { content: none !important }
.html2canvas-wrapper { font-family: "Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif }
#site-container { font-family: "Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 300; display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; overflow: hidden; padding-top: 48px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAwCAIAAABbpFfrAAAAB3RJTUUH5AwVATQJIAKY/AAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAiSURBVHjaY/xd5s4ABkwMMICNxfj//39i1I2yBgOLER6rALwsBstkH3KPAAAAAElFTkSuQmCC") repeat-x 0 104px }
#site-container.hide-trans-toolbar { padding-top: 0; background-position-y: 56px }
#translator-bar > div, #push-notification > div, #site-container > header, #main-container, #site-container > footer > div, #help-overlay > div { max-width: 1180px !important; width: 100%; margin-left: auto; margin-right: auto }
#site-container > footer { font-family: "에스코어 드림","Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; font-weight: 500; font-size: 13px; margin-top: 40px; background: #f3f3f3; border-top: 1px solid #ccc; box-shadow: 0 -3px 5px rgba(10,10,10,0.08) }
#site-container > footer > div { padding: 10px 5px 0 5px }
#site-container > footer > div > * { margin-bottom: 10px; line-height: 1.6 }
#site-container > footer ul { list-style: none; padding-left: 0 }
#site-container > footer ul:before, #site-container > footer ul:after { content: " "; display: table }
#site-container > footer ul:after { clear: both }
#site-container > footer ul > li { float: left }
#site-container > footer ul > li:not(:first-child):before { content: "|"; color: #ddd; display: inline-block; padding: 0 8px }
#site-container > header, #site-container > footer { flex: 0 1 auto }
#main-container { padding-left: 5px; padding-right: 5px; flex: 1 1 auto; display: flex; flex-direction: column; min-height: calc(100vh - 317px) }
#main-container > ._row { flex: 1 0 100% }
#site-container > header > .top-wrapper { position: relative; min-height: 56px; padding-top: 4px }
#site-container > header > .top-wrapper .go-home-title, #site-container > header > .top-wrapper .request-trans { display: inline-block; border-radius: 4px }
#site-container > header > .top-wrapper .go-home-title:hover, #site-container > header > .top-wrapper .request-trans:hover { background-color: #eee }
#site-container > header > .top-wrapper .go-home-title > img, #site-container > header > .top-wrapper .request-trans > img { height: 48px }
#site-container > header > .top-wrapper .go-home-title > [data-text-image], #site-container > header > .top-wrapper .request-trans > [data-text-image] { width: 140px; height: 48px; vertical-align: middle }
#doc-header-links > ul { list-style: none; padding-left: 0; margin-bottom: 0 }
#doc-header-links > ul > li { display: block }
#doc-header-links { position: absolute; right: 0; top: 0; margin: 0; padding: 7px 0 5px 0; white-space: nowrap; line-height: 1.6; font-size: 13px; font-weight: 500 }
html[dir="rtl"] #doc-header-links { left: 0; right: auto }
.hide-trans-toolbar #doc-header-links { padding-right: 32px }
#unread-counter[data-total="0"] { display: none }
h2.content-title { background: url("images/title-bg.png") no-repeat left bottom; height: 55px; overflow: hidden; line-height: 57px; margin: 15px 0; padding: 0 6px; font-size: 19px; font-weight: 400; color: #666 }
h2.content-title > .fa { margin-right: 6px }
.translated-rtl h2.content-title { background: url("images/title-bg-rtl.png") no-repeat right bottom; direction: rtl }
#top-bar-area { position: fixed; left: 0; top: 0; width: 100%; z-index: 1000 }
#translator-bar { height: 42px; background-color: #364155; box-shadow: 0 3px 5px rgba(0,0,0,0.3) }
.hide-trans-toolbar #translator-bar { margin-top: -42px; box-shadow: none }
.hide-trans-toolbar #translator-bar #toggle-trans-toolbar { top: 42px; background-color: #546483 }
.hide-trans-toolbar #translator-bar #toggle-trans-toolbar:hover { background-color: #8392af }
#translator-bar > div { padding: 6px 36px 6px 2px }
#translator-bar #toggle-trans-toolbar { top: 5px; right: 2px }
#translator-bar #toggle-trans-toolbar:hover { background-color: #546483 }
#push-notification { display: none; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.5); opacity: .95 }
#push-notification > div { position: relative; padding: 7px 0 6px 24px; line-height: 1.4; text-indent: -17px; color: #f44336; font-size: 14px; font-family: "에스코어 드림","Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; font-weight: 400 }
#push-notification > div > button { position: absolute; top: 4px; right: 2px; text-indent: 0 }
#push-notification > div.information { padding-right: 80px }
#push-notification > div.error { padding-right: 130px }
.hide-trans-toolbar #push-notification > div > button { right: 38px }
.hide-trans-toolbar #push-notification > div.information { padding-right: 114px }
.hide-trans-toolbar #push-notification > div.error { padding-right: 164px }
#push-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2147483638; background-color: rgba(0,0,0,0.8) }
#push-overlay-close { position: absolute; right: 20px; top: 30px; width: 33px; height: 33px; cursor: pointer; border: 0; background-color: transparent; text-indent: 999px }
#push-overlay-close:before, #push-overlay-close:after { content: " "; position: absolute; left: 15px; top: 0; height: 33px; width: 3px; background-color: #999 }
#push-overlay-close:before { transform: rotate(45deg) }
#push-overlay-close:after { transform: rotate(-45deg) }
#push-overlay-close:hover:before, #push-overlay-close:hover:after { background-color: #fff }
#push-overlay-text { position: absolute; top: 100px; left: 330px; color: white; font-size: 20px }
.whale > #push-overlay-text { top: 0; left: auto; right: 200px }
.edge > #push-overlay-text { left: 380px }
.mozilla > #push-overlay-text { top: 120px }
#push-overlay-text button { background-color: #fff; color: #000; border: none; outline: none; font-size: 12px; border-radius: 4px; padding: 4px 12px; vertical-align: super }
#push-overlay-arrow { width: 60px; height: 80px; background-size: contain; transform: rotate(160deg); background-image: url("images/arrow1.png"); background-repeat: no-repeat }
.whale #push-overlay-arrow { transform: rotateX(180deg); margin-left: auto }
#help-overlay { position: fixed; left: 0; top: 42px; right: 0; bottom: 0; z-index: 2147483638; background-color: rgba(0,0,0,0.6); font-size: 16px; font-family: "Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; font-weight: 400 }
#help-overlay > div { position: relative }
#help-overlay > div:before, #help-overlay > div:after { content: ""; display: block; position: absolute; top: -42px; height: 42px; background-color: rgba(0,0,0,0.6) }
#help-overlay > div:before { width: 1000px; left: -1004px }
#help-overlay > div:after { width: 100%; left: 236px }
#help-overlay ol { background: #ffffd7; box-shadow: 8px 8px 30px 20px rgba(0,0,0,0.3); display: table; padding: 20px 20px 20px 40px; border-radius: 4px; margin-left: 20px; max-width: calc(100% - 40px) }
#help-overlay li { color: #333; line-height: 2 }
#help-overlay-arrow { width: 60px; height: 80px; background-size: contain; transform: rotate(160deg); background-image: url("images/arrow1.png"); background-repeat: no-repeat; margin-left: 80px }
.skiptranslate iframe { display: none }
@media screen and (max-width:799px) {
	#site-container { background: none }
	#site-container #translator-bar > div { padding-left: 36px }
	#site-container #push-notification > div { padding-left: 54px }
	._gnb { z-index: 1001 !important }
}
@media only screen and (min-width:800px) {
	#doc-header-links { overflow: hidden }
	#doc-header-links > ul:before, #doc-header-links > ul:after { content: " "; display: table }
	#doc-header-links > ul:after { clear: both }
	#doc-header-links > ul { margin-left: -6px }
	#doc-header-links > ul > li { float: left; white-space: nowrap; padding-right: 6px }
	#doc-header-links > ul > li:before { content: "|"; color: #ddd; display: inline-block; padding-right: 6px }
	html[dir="rtl"] .gnb._gnb > ul > li { float: right }
	.gnb._gnb > ul > li:last-child { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAIAAABfUYfWAAAAB3RJTUUH5AwVAggLv7k+dgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAeSURBVHjaY/hd5s7EwMAAwwz/P75F5g9mzFzz7yIAYJ4HPr2R074AAAAASUVORK5CYII=") no-repeat right 0 }
	.gnb._gnb > ul > li > a { font-size: 19px; font-weight: 500; line-height: 48px; height: 48px; overflow: hidden; text-align: center; border: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAIAAABfUYfWAAAAB3RJTUUH5AwVAggLv7k+dgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAAeSURBVHjaY/hd5s7EwMAAwwz/P75F5g9mzFzz7yIAYJ4HPr2R074AAAAASUVORK5CYII=") no-repeat 0 0; color: #333 }
	.gnb._gnb > ul > li > a:hover { color: #f44336 }
	.gnb._gnb > ul > li > div { border-color: #e2e4e6 }
	.gnb._gnb > ul > li > div > ul > li > a { line-height: 1.8; font-size: 14px; font-weight: 300 }
	.gnb._gnb > ul > li > div > ul > li > a:focus, .gnb._gnb > ul > li > div > ul > li > a:hover { background: #ff9817; font-weight: 400 }
}
@media screen and (min-width:1000px) {
	.sidebar._snb { border-radius: 0 24px 0 24px }
	.sidebar._snb > h1 { font-size: 24px; font-weight: 700; color: #777; padding: 33px 10px 22px 10px; background: url("images/sub/sub_bg.png") no-repeat left top }
	.sidebar._snb > div > ul { font-size: 14px }
	.sidebar._snb > div > ul .fa-star { color: #69a6dd; transform: translate(0,-1px) }
	.sidebar._snb > div > ul li.active > a { font-weight: 300; color: #fff; background: #25b3cc }
	.sidebar._snb > div > ul li.active > a .fa-star { color: #dbf1f5 }
	.sidebar._snb > div a { border-radius: 9px }
	.sidebar._snb > div a:hover { background: #dbf1f5; border-color: #086ed0; color: #333 }
}
/* compiled at 2023-09-20 17:11:56 */