@charset "utf-8";
/* webfont 설정 */
@import url("/css/notosans-kr.css");
/* All */
header,footer,section,article,aside,nav,menu,figure,figcaption{ display:block}
html,body{ min-height:100vh; margin:0}
body{ overflow-y:scroll}
body,table,input,textarea,select,optgroup,button{ font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Dotum','애플고딕','AppleGothic','Arial','sans-serif'; color:#505050}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0; font-weight:inherit; font-style:inherit; text-decoration:none; list-style:none; letter-spacing:-0.01em; word-break:keep-all; font-weight:300}
img,object,embed		{ height:auto; border:0}
a						{ text-decoration:none}
/* Forms */
form,fieldset			{ margin:0; padding:0; border:0}
legend					{ position:absolute; width:0; line-height:0; height:0; font-size:0; top:0; left:-10000px; overflow:hidden}
input,textarea,select,input[type="file"]{ font-weight:300; line-height:normal}
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="number"],input[type="tel"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance:none; border-radius:0}
select,textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="tel"]{
	padding:5px 15px 5px 0;
	background-color:#fff;
	border:1px solid #e0e0e0;
	vertical-align:middle;
	-webkit-transition:border linear 0.2s;
	   -moz-transition:border linear 0.2s;
		 -o-transition:border linear 0.2s;
			transition:border linear 0.2s}
input:read-only{ background-color:#f8f8f8 !important; color:#707070 !important}
/*input:required,textarea:required{ background-color:#f8f8f8 !important; border:0 !important; color:#202020 !important; font-weight:400 !important}
input:required:active,input:required:focus,textarea:required:active,textarea:required:focus{ }*/
select{
	/* 네이티브 외형 감추기 */
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	/* 네이티브 화살표 대체 */
	background:#fff url(/images/common/select.png) no-repeat;
	/* iOS 둥근모서리 제거 */
	border-radius:0;
	/* 사용자 컨트롤 */
	line-height:normal;
	padding-left:15px}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{ display:none}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus{
	color:#707070;
	border-color:rgba(118, 174, 235, 0.5);
	outline:0}
input[type="radio"],input[type="checkbox"]{	margin:0 8px 0 0; line-height:normal; vertical-align:middle; cursor:pointer}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="number"],input[type="checkbox"]{ width:auto; border-radius:0}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#cacaca} /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder,
textarea::-moz-placeholder{ color:#cacaca} /* Mozilla Firefox에 적용 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#cacaca} /* Internet Explorer 10 이상에 적용 */
/* File Browser */
.file-browser{ display:inline-block; position:relative; margin:0}
.file-input,.file-input-div{ display:inline-block}
.file-input{ font-size:15px; line-height:normal}
.file-input-div{ position:absolute; left:0; overflow:hidden; width:100% !important; height:40px}
.file-input-div .file-button{ float:right; margin:0 !important; padding:0 !important; height:40px; background:#c9c9c9; border:0 !important; border-radius:5px}
.file-input-div .file-button input[type=button]{ display:block; width:100%; height:100%; font-size:15px; font-weight:400; color:#fff !important; background:transparent; background:linear-gradient(to right, #c9c9c9, #c9c9c9); border:0; vertical-align:top; cursor:pointer; border-radius:5px; text-align:center}
.file-input-div input[type=file]{ width:100%; cursor:pointer}
.file-input-hidden{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0}
.write-con.file-add .button-add,.write-con.file-add .button-minus{ position:absolute; top:0; text-align:center; background:#566374}
.write-con.file-add .button-minus{ right:0}
.write-con.file-add .button-add input[type=button],
.write-con.file-add .button-minus input[type=button]{ display:block; width:100%; height:100%; border:0; background-color:#09a9df; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; text-indent:-9999px}
.write-con.file-add .button-add input[type=button]{ background-image:url(/images/board/add.png)}
.write-con.file-add .button-minus input[type=button]{ background-image:url(/images/board/minus.png)}
/* Align - Clear */
.text-align-right		{ text-align:right}
.text-align-left		{ text-align:left}
.text-align-center		{ text-align:center}
.fl-left				{ float:left !important}
.fl-right				{ float:right !important}
.fl-left.half,.fl-right.half{ width:50% !important}
.clearfix:before,.clearfix:after{ content:""; display:table}
.clearfix:after			{ clear:both}
.no-margin				{ margin:0 !important}
/*! jquery.skipNav.css © yamoo9.net, 2015 */
.skip-contents{ position:relative; display:block; background:#333}
.skip-contents>a{ position:absolute; display:block; padding:10px 21px; width:100%; height:1px; color:#fff; overflow:hidden}
.skip-nav{ position:absolute; z-index:9999; top:0; left:0}
.a11y-hidden{
	overflow: hidden;
	position: absolute;
	clip:     rect(0 0 0 0);
	width:    1px;
	height:   1px;
	margin:   -1px;
	padding:  0;
	border:   0;
}
.a11y-hidden.focusable:focus,
.a11y-hidden.focusable:active{
	overflow: visible;
	position: static;
	clip:     auto;
	width:    auto;
	height:   auto;
	margin:   0;
}
/* Box Sizing */
html{ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
html{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
*, *:before, *:after{ box-sizing:inherit}
img{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
/* Scroll To Top */
#back-top				{
	position:fixed;
	z-index:30000;
	border:1px solid #09a9df;
	text-indent:-9999px;
	background:url(/images/common/topofpage.png) no-repeat scroll 0 0 transparent;
	background-color:#09a9df;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-o-transition-duration:0s}
#back-top:hover			{ background-position:0 0}
/* Search Form */
.searchForm				{ position:relative; padding:0; background:#fbfbfb; border:1px solid #efefef}
.searchForm label		{ position:absolute; top:-9999px; color:#454545; font-weight:500; cursor:pointer}
.searchForm input		{ vertical-align:top}
.searchForm input[type=text]{ margin:0 -4px 0 0; border:1px solid #e3e3e3}
.searchForm input[type=submit],.searchForm input[type=button]{ border:0; color:#fff !important; text-align:center; background:#09a9df; background:linear-gradient(to right, #09a9df, #09a9df); cursor:pointer}
/* Button */
.buttonWrap				{ position:relative}
.button-centered		{ text-align:center}
.button-right			{ text-align:right}
/* Button Reset */
.button,.button a,.button button,.button input{ position:relative; margin:0 1px; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; overflow:visible; color:#fff !important}
.button 				{ padding:0; vertical-align:middle; background-position:left top}
.button a,.button button,.button input{ left:0; vertical-align:top; cursor:pointer; background-position:right top}
/* Button Color */
.button.blue,.button.red,.button.grey,.button.black{ text-align:center}
.button.blue a,.button.blue button,.button.blue input{ background-color:#09a9df !important}
.button.red a,.button.red button,.button.red input{ background-color:#e00028 !important}
.button.grey a,.button.grey button,.button.grey input{ background-color:#77757e !important}
.button.black a,.button.black button,.button.black input{ background-color:#000 !important}
/* Board List-View */
.boardWrap,.boardList	{ position:relative}
.board-content h1		{ font-size:2em}
.board-content h1,.board-content h2,.board-content h3,.board-content h4{ font-weight:500; line-height:normal}
.board-content em		{ font-style:italic}
.board-content s		{ text-decoration:line-through}
.board-content strong	{ font-weight:500 !important}
.board-content a		{ display:inline-block !important; float:none !important}
.board-content img		{ max-width:100%}
.board-content table	{ width:100%; border-collapse:collapse; margin:10px 0}
.board-content caption	{ padding-bottom:8px; font-size:13px; color:#777; text-align:left}
.board-content table,.board-content tbody,.board-content tfoot,.board-content thead,.board-content tr,.board-content th,.board-content td{ padding:3px 10px; border-collapse:collapse; border-spacing:0; border:1px solid #e3e3e3}
.board-content table table,
.board-content table table thead,
.board-content table table tbody,
.board-content table table tr,
.board-content table table td,
.board-content table table table,
.board-content table table table thead,
.board-content table table table tbody,
.board-content table table table tr,
.board-content table table table td,
.board-content table table table table
.board-content table table table thead thead,
.board-content table table table thead tbody,
.board-content table table table table tr,
.board-content table table table table td{ border:0 !important}
.board-content li		{ margin:0 ! important; padding:5px 0 ! important; border:0 ! important; text-align:left ! important}
div.board-content div	{ margin:0 !important; min-height:auto}
.board-content .youtube-frame{ margin:0 auto}
/* List-thumb Mixed */
.thumb-list				{ padding-bottom:1px}
.thumb-list ul			{ margin:0; padding:0; list-style:none}
.thumb-list li			{ position:relative; margin:0 0 -1px 0; border:1px solid #e3e3e3; border-left:0; border-right:0; vertical-align:top}
.thumb-list li:first-child{ border-top:2px solid #808080}
.thumb-list li:last-child{ border-bottom-color:#808080}
.thumb-list li:after	{ display:block; clear:both; content:""}
.thumb-list .no			{ text-align:center}
.thumb-list a,.thumb-list img,.thumb-list .no,.thumb-list .title,.thumb-list .title strong,.thumb-list .notify em{ display:inline-block; vertical-align:middle}
.thumb-list a			{ color:#555; text-decoration:none; cursor:pointer}
.thumb-list strong		{ font-weight:400; vertical-align:top}
.thumb-list mark		{ font-style:normal; font-size:13px; font-weight:300; background:transparent}
.thumb-list a:hover,.thumb-list a:active,.thumb-list a:focus,.thumb-list a:hover .title,.thumb-list a:active .title,.thumb-list a:focus .title{ color:#404040; text-decoration:underline}
.thumb-list .thumb,.thumb-list .thumb2{ display:inline-block; float:left; padding:0; border:1px solid #ddd; overflow:hidden}
.thumb-list .thumb img	{ display:block; width:100%; border:0}
.thumb-list .thumb2		{ display:block; float:none; border:0}
.thumb-list .thumb2 img	{ display:inline-block; max-width:100%}
.thumb-list .title strong,.thumb-list.view s-title strong{ color:#404040}
.thumb-list div,.thumb-list .title,.thumb-list .list-numeral{ color:#505050}
.thumb-list .list-numeral,.thumb-list .date span,.thumb-list .date strong,.thumb-list .link-button,.thumb-list .link-button a{ display:block; text-align:center; letter-spacing:0}
.thumb-list .date span,.thumb-list .date strong{ color:#a7a7a7}
.thumb-list .date strong{ font-weight:400}
.thumb-list .link-button a{ width:100%; height:100%; background:url(/images/board/go.png) no-repeat; text-indent:-9999px}
.thumb-list .numeral,.thumb-list .postedby{ display:inline-block; margin:0; width:auto; text-transform:uppercase}
.thumb-list .numeral span,.thumb-list .postedby span{ display:inline-block; vertical-align:middle; letter-spacing:0}
.thumb-list .continue	{ font-family:'Tahoma'; margin:10px 0 0 0; font-size:11px; color:#00be88; font-weight:500; font-style:italic; line-height:11px; letter-spacing:0}
.thumb-list .continue a	{ font-size:11px; line-height:11px}
.thumb-list .continue span{ font-family:'돋움'; font-style:normal; font-size:12px}
.thumb-list .notify em	{ position:absolute; margin-right:15px; width:65px; height:30px; font-size:14px; font-style:normal; color:#fff; font-weight:400; text-align:center; line-height:28px; background:#09a9df}
.thumb-list .notify a span{ color:#404040}
.thumb-list .add-file	{ display:block; text-align:right}
.thumb-list .add-file em{ color:#888; font-weight:500}
.thumb-list .no-message span{ display:block; text-align:center}
.thumb-list.view		{ padding-bottom:0}
.thumb-list.view li:first-child{ border-top-color:#09a9df}
.thumb-list.view span	{ padding:0}
.thumb-list.view .s-title{ display:block}
.thumb-list.view .s-title strong{ color:#000}
.thumb-list.view .numeral span{ color:#909090}
.thumb-list.view .numeral span,.thumb-list.view .numeral strong{ display:inline-block; vertical-align:middle}
.thumb-list.view span strong,.thumb-list.view .numeral strong{ color:#303030; font-weight:400}
.thumb-list.view .add-file{ text-align:left}
.thumb-list.view .add-file strong,.thumb-list.view .add-file img,.thumb-list.view .add-file a{ display:inline-block; vertical-align:middle}
.thumb-list.view .add-file a{ color:#909090; letter-spacing:0}
.thumb-list.view .thumb	{ border:0; height:auto}
.thumb-list.view.block .board-content{ text-align:center}
.thumb-list.view.block .thumb2 img{ width:100%}
.thumb-list.view div.board-content{ min-height:150px}
/* Next - Prev */
.next-prev ul			{ margin:0; padding:0; list-style:none}
.next-prev li			{ position:relative; margin:-1px 0; padding:0; color:#505050; border:0; vertical-align:top}
.next-prev li:after		{ display:block; clear:both; content:""}
.next-prev li:first-child{ border-top-color:#808080}
.next-prev li a			{ display:inline-block; color:#505050; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.next-prev li a.prev,.next-prev li a.next{ color:#000; font-weight:700; text-align:center; background:#fff; border:1px solid #000}
.next-prev li span		{ position:absolute; letter-spacing:0}
/* Board Write-Edit */
.qna-write				{ margin:0 auto}
.qna-write .write-box em{ display:block; font-style:normal; color:#101010; font-weight:400}
.write-con textarea,.write-con input[type=email],.write-con input[type=password],.write-con input[type=text],.write-tit input[type=text]{ width:100%}
.write-con .fl-left,.write-con .fl-right{ width:49%}
.write-tit				{ margin:-1px 0; border:1px solid #eee; border-top:1px solid #808080}
.write-con label,.write-tit .title{ margin:0; font-weight:400}
.editor,.write-con		{ position:relative; margin:-1px 0; border:1px solid #eee}
.write-con.e-mail		{ margin-bottom:1px; border-bottom:1px solid #09a9df}
.editor textarea,.write-con textarea{ width:100%; border:1px solid #eee}
.write-con label,.write-con span,.write-tit .title label,.write-tit .title span{ display:inline-block; margin:0}
.write-con span,.write-tit .title span{ margin-left:-4px}
.editor div,.write-con .tarea{ padding:10px 0}
.write-con .upload		{ padding:10px 0}
.write-con .file-upload	{ padding:15px 20px; background:#fff; border:1px solid #ddd}
.write-con .file-upload div{ margin-top:10px}
.write-con .file-upload label,.write-con .file-upload span{ padding:0; width:auto; height:auto; line-height:normal}
.write-con .file-upload label{ padding:0 15px 0 0; border:0}
.write-con .file-upload span{ width:75%}
.write-con .file-upload img{ margin:0; vertical-align:middle}
.write-con .file-upload input[type=checkbox]{ width:auto; padding:0; margin:0 2px 0 10px; vertical-align:middle; border:0; background:none}
.write-con .file-upload input[type=file]{ width:100%; padding:5px; border:1px solid #ddd; border-radius:0; background:#fff}
.write-con .file-upload .file{ font-size:13px; color:#09a9df; margin-top:3px; padding-left:12px; background:url(/images/board/icon-attach.png) 0 2px no-repeat}
.write-con .file-upload .discrip-photo{ margin:2px 0 5px 0}
.write-con .file-upload .discrip-attach{ margin:5px 0}
.write-con .file-browser{ width:100%}
.write-con .file-input-div{ top:0}
.captcha img,.captcha a,.captcha button,.captcha span{ display:inline-block; vertical-align:middle; border:0}
.qna-write input[type=text],.qna-write input[type=password],.qna-write input[type=email],.qna-write textarea{ border:0}
/* Comment */
.reply-list				{ margin:30px 0}
.reply-list p			{ position:relative; margin:0 !important; padding:12px 10px; font-size:14px; text-align:left !important}
.reply-list p strong	{ color:#ff6d60; font-weight:500}
.reply-list p span		{ position:absolute; top:12px; right:10px; font-weight:500}
ul.ul-reply				{ margin-top:1px}
ul.ul-reply li			{ position:relative; margin:-1px 0; padding:12px 10px; border:1px solid #e3e5e8; border-left:0; border-right:0}
ul.ul-reply li strong,ul.ul-reply li span{ display:block; font-size:14px; line-height:24px}
ul.ul-reply li strong	{ color:#09a9df; font-weight:500}
ul.ul-reply li span a	{ display:inline-block; margin-left:10px; width:16px; height:16px; background:url(/images/board/btn-delete.png) 0 0 no-repeat; text-indent:-9999px; vertical-align:middle}
ul.ul-reply .write-date	{ position:absolute; top:13px; right:10px; font-size:13px}
.reply-list.reply-write	{ margin:0}
.write-reply			{ border-top:1px solid #09a9df}
.write-reply p strong	{ color:#666}
.write-reply p span		{ position:absolute; top:12px; right:10px; font-size:13px; color:#9da4a7; font-weight:500}
.write-reply .write-info{ position:relative}
.write-reply .write-info label,.write-reply .write-info input{ display:inline-block; vertical-align:middle}
.write-reply .write-info label{ width:80px}
.write-reply .input-box,.write-reply .button-box{ height:70px; overflow:hidden}
.write-reply .input-box	{ float:left; border:1px solid #e3e5e8}
.write-reply .button-box{ float:right}
.write-reply .input-box textarea,.write-reply a,.write-reply input[type=submit],.write-reply input[type=button]{ display:inline-block; width:100%; height:70px; line-height:70px; text-align:center; border:0}
.write-reply a,.write-reply input[type=submit],.write-reply input[type=button]{ color:#fff; font-weight:500; background:#09a9df; cursor:pointer}
.write-reply .input-box textarea{ text-align:left; line-height:normal}
ul.reply-comment li		{ position:relative; border-bottom:1px solid #e3e3e3}
ul.reply-comment li.line{ background:#09a9df}
ul.reply-comment li strong{ color:#fff; font-weight:400}
.button-edit,.button-cancel{ padding:5px 10px; font-size:14px; color:#fff; border:0; cursor:pointer}
.button-edit			{ background:#09a9df}
.button-cancel			{ background:#444}
.edit-delete			{ position:absolute}
.edit-delete button		{ color:#09a9df; border:0; background:#fff; cursor:pointer}
/* Masonry List */
.inline-box				{ position:relative; margin:-30px -30px -75px 0}
.grid-box				{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	background:#fff;
	border:0;
	-webkit-transition: top 1s ease, left 1s ease;
	   -moz-transition: top 1s ease, left 1s ease;
		 -o-transition: top 1s ease, left 1s ease;
		-ms-transition: top 1s ease, left 1s ease}
.grid-box a				{ display:block}
.grid-box a.view		{ display:inline-block; vertical-align:middle; color:#707070; background:url(/images/board/go-arrow.png) 100% 70% no-repeat}
.grid-box em			{ display:inline-block; margin-bottom:10px; width:65px; height:30px; font-size:14px; font-style:normal; color:#0b3190; text-align:center; line-height:28px; border:1px solid #0b3190}
.grid-box strong		{ display:block; color:#404040; font-weight:400}
.grid-box .imgholder	{ overflow:hidden; position:relative; padding:0; font-size:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center}
.grid-box .imgholder a	{ display:block}
.grid-box .imgholder img{ display:inline-block; vertical-align:middle}
.grid-box .imgholder .image-caption{ position:relative; width:100%; height:100%}
.grid-box .imgholder.no-image{ border:1px solid #efefef; background:#fbfbfb}
.grid-box .dv-line		{ height:1px; background:url(/images/board/dot-line.png) repeat-x}
.grid-box .post-memo	{ margin:0; color:#666}
.grid-box .scrap-name span,.grid-box .scrap-name strong{ display:inline-block; vertical-align:middle}
.grid-box .scrap-day	{ position:relative}
.grid-box .scrap-day span{ color:#666; line-height:normal; letter-spacing:0}
.grid-box .post-memo,.grid-box .scrap-day{ display:none}
/* Pagenation */
.pagenation{ position:relative}
.basic{ margin:0}
.pageButton{ position:absolute; top:0; right:0}
.pagenation ul{ display:inline-block; margin-bottom:0; margin-left:0}
.pagenation ul > li{ display:inline; position:relative}
.pagenation ul > li > a,.pagenation ul > li > span{ float:left; margin:0 2px; text-decoration:none; color:#333; border:1px solid #333}
.pagenation ul > .active > a,.pagenation ul > .active > span{ color:#fff; font-weight:500; cursor:default; border:1px solid #09a9df; background:#09a9df}
.pagenation ul > .disabled > span,.pagenation ul > .disabled > a,.pagenation ul > .disabled > a:hover{ cursor:default}
.pagenation ul > .pg-arrow > span,
.pagenation ul > .pg-arrow > a,
.pagenation ul > .pg-arrow > a:hover{ font-size:16px; color:#c0c0c0; border:0; font-weight:700; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px}
.pagenation ul > .pg-arrow.prev > a{ background-image:url(/images/board/pg-arrow-prev.png)}
.pagenation ul > .pg-arrow.pprev > a{ background-image:url(/images/board/pg-arrow-pprev.png)}
.pagenation ul > .pg-arrow.next > a{ background-image:url(/images/board/pg-arrow-next.png)}
.pagenation ul > .pg-arrow.nnext > a{ background-image:url(/images/board/pg-arrow-nnext.png)}
.pagenation ul > .atfl > span,.pagenation ul > .atfl > a,.pagenation ul > .atfl > a:hover{ font-weight:700}
.pagenation-centered{ text-align:center}
.pagenation-righted	{ text-align:right}
/* Kakao Map */
#map-zoom > h3			{ margin:45px 0 15px 0; padding:0; font-size:16px; font-weight:500}
#map-zoom strong		{ font-size:14px; font-weight:500}
#map-zoom .point		{ margin-top:35px; line-height:24px}
#map-zoom > span		{ display:block; margin-bottom:4px; font-size:12px; color:#FE4940; letter-spacing:0.02em; line-height:1.5; border-bottom:1px dotted #afb2b9; padding-bottom:12px}
#map-zoom code			{ background:#f1f1f1; border:1px solid #e9e9e9; padding:1px 4px; border-radius:4px}
#d-roadview				{ display:none; margin-top:5px}
.map-wrap				{ position:relative; overflow:hidden}
.radius-border			{ border:1px solid #919191; border-radius:5px}
.custom-typecontrol		{ position:absolute; top:10px; right:10px; overflow:hidden; width:132px; height:30px; margin:0; padding:0; z-index:1; font-size:12px}
.custom-typecontrol span{ display:block; width:65px; height:30px; float:left; text-align:center; line-height:30px; cursor:pointer}
.custom-typecontrol .btn{ background:#fff; background:linear-gradient(#fff,#e6e6e6)}
.custom-typecontrol .btn:hover{ background:#f5f5f5; background:linear-gradient(#f5f5f5,#e3e3e3)}
.custom-typecontrol .btn:active{ background:#e6e6e6; background:linear-gradient(#e6e6e6, #fff)}
.custom-typecontrol .selected-btn{ color:#fff; background:#425470; background:linear-gradient(#425470, #5b6d8a)}
.custom-typecontrol .selected-btn:hover{ color:#fff}
.custom-zoomcontrol		{ position:absolute; top:50px; right:10px; width:36px; height:80px; overflow:hidden; z-index:1; background-color:#f5f5f5}
.custom-zoomcontrol span{ display:block; width:36px; height:40px; text-align:center; cursor:pointer}
.custom-zoomcontrol span img{ width:15px; height:15px; padding:12px 0; border:none}
.custom-zoomcontrol span:first-child{ border-bottom:1px solid #bfbfbf}
#map,#d-map				{ width:100%; position:relative; overflow:hidden}
.infowindow				{ font-size:14px; text-align:center; padding:6px 0; width:180px; line-height:18px}
.kakao-map				{ border:1px solid #e3e3e3}
/* 모달윈도우 */
.mw						{ display:none; position:fixed; _position:absolute; z-index:10000; top:0; left:0; width:100%; height:100%}
.mw-close				{ position:absolute; cursor:pointer}
.mw .bg					{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50)}
.mw .pop-layer			{ position:absolute; left:50%; padding:0; background:#fff}
.mw .pop-layer .layer-header{ position:relative; background:#09a9df}
.mw .pop-layer .layer-header h1{ color:#fff; font-weight:400}
.mw .pop-layer .layer-body h3{ color:#09a9df; font-weight:400}
/* 팝업 레이어 */
.popup-layer			{ position:absolute; z-index:99999; left:50%; background:#fff}
.popup-layer img		{ display:inline-block; max-width:100%}
.popup-layer p			{ margin-bottom:5px; padding:5px 10px; text-align:right}
.popup-layer p label,.popup-layer p input[type=checkbox]{ display:inline-block; vertical-align:middle; color:#101010; font-size:14px; cursor:pointer}
.popup-layer p label	{ margin-right:10px}
.popup-layer .pop-image	{ font-size:0; line-height:0}
.popup-layer .close-button{ display:black; position:absolute; z-index:99999; top:0; right:0; cursor:pointer}
/* Table */
.default				{ width:100%}
.default table			{ width:100%; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-collapse:collapse}
.default caption		{ padding-bottom:10px; color:#202020; font-weight:400; text-align:right}
.default thead th,.default thead th strong,.default tfoot th,.default th{ color:#202020; font-weight:400; background:#fdfeff; text-align:center}
.default th,.default td	{ color:#505050; vertical-align:middle; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3}
.default th,.default td h3,.default td strong{ color:#202020; font-weight:400}
.default td a			{ color:#505050}
.default td a:hover,.default td a:active,.default td a:focus{ color:#09a9df}
.default thead th strong,.default td a,.default label,.default img,.default button{ display:inline-block; vertical-align:middle}
.default thead th strong{ background-color:transparent}
.default th button		{ margin:0 1px; padding:0 5px; width:25px; height:24px; line-height:23px; font-size:12px; color:#09a9df; border:1px solid #09a9df; cursor:pointer; background:#fff 50% 50% no-repeat; border-radius:3px; text-indent:-9999px}
.default td.align-left,.default.center td.align-left{ text-align:left}
.default td.align-right,.default.center td.align-right{ text-align:right}
.default.center th,.default.center td{ text-align:center}
.default.nocaption caption{ display:none; position:absolute; top:-9999px}
.default sup			{ display:inline-block; vertical-align:middle; margin:-8px 0 0 3px; font-style:normal; color:#9d61a5; font-weight:400}
.default.cap table		{ border-top:2px solid #202020}
.default.cap table tr:last-child th{ border-bottom:1px solid #202020}
.default.cap table th	{ text-align:left}
.default.cap table th strong{ color:#404040; font-weight:500}
.default.cap table th,.default.cap table td{ padding:15px 20px; height:auto; line-height:24px}
/* Tab Menu */
ul.tab-menu				{ margin:0 auto}
ul.tab-menu li			{ float:left; border:1px solid #e3e3e3; border-left:0; overflow:hidden}
ul.tab-menu li:first-child{ margin-left:0; border-left:1px solid #e3e3e3}
ul.tab-menu li a,ul.tab-menu li button,ul.tab-menu li span{ display:block; width:100%; height:100%; border:0; background:#fff; text-align:center; cursor:pointer}
ul.tab-menu li span,ul.tab-menu li button{ color:#09a9df; font-weight:300; outline:0}
ul.tab-menu li.active:first-child,ul.tab-menu li.active{ border-color:#09a9df}
ul.tab-menu li.active span,ul.tab-menu li.active button{ color:#fff; font-weight:400; background-color:#09a9df}
ul.tab-menu.blue li.active{ border-color:#09a9df}
ul.tab-menu.blue li.active span{ background:#09a9df}
/* Global Navigation Bar */
.gnb					{ position:relative}
.gnb ul					{ text-align:right}
.gnb ul li				{ position:relative; display:inline-block; vertical-align:middle}
.gnb ul li:first-child	{ padding-left:0; background-image:none}
.gnb ul li:last-child	{ padding-right:0}
.gnb ul li span,.gnb ul li strong{ text-transform:uppercase; font-weight:500}
.gnb ul li span			{ color:#101010}
.gnb ul li.active span,.gnb ul li.active strong,#header-wrap.fixed .gnb ul li.active span{ color:#09a9df}
#header-wrap.fixed .gnb ul li span{ color:#101010}
#header-wrap.fixed .gnb ul li:hover span,#header-wrap.fixed .gnb ul li:active span,#header-wrap.fixed .gnb ul li:focus span,
.gnb ul li:hover span,.gnb ul li:active span,.gnb ul li:focus span{ color:#09a9df; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.gnb button				{ display:none}
/* Local Navigation Bar */
#location				{ position:relative; background:#09a9df}
#location.fixed			{ position:fixed; z-index:9999; left:0; right:0; padding:0; width:100%}
#location .head			{ position:relative; z-index:7; margin:0 auto}
#location .head ul.sub	{ position:absolute; z-index:5; display:none}
#location .head ul.sub li{ vertical-align:top}
#location .head a		{ color:#fff; text-decoration:none}
#location .head div.depth1 span a,
#location .head div.depth2 > a,
#location .head div.depth3 > a{ color:#fff}
#location .head div.home{ float:left; background:url(/images/common/home.png) 0 0 no-repeat; text-indent:-9999px}
#location .head div.home a{ display:block}
#location .head div.depth1,
#location .head div.depth2,
#location .head div.depth3{ float:left; background-repeat:no-repeat; background-position:100% 0; height:100%}
#location .head div.depth1{ background-image:url(/images/common/lnb-depth1.png)}
#location .head div.depth2{ background-image:url(/images/common/lnb-depth2.png)}
#location .head div.depth3{ background-image:url(/images/common/lnb-depth3.png)}
#location .head div.depth1 a,
#location .head div.depth2 a,
#location .head div.depth3 a{ display:block}
#location .head div.depth1 a{ text-transform:uppercase}
#location .head div.depth2 a{ /*text-transform:capitalize*/}
#location .head div.depth2 a.active,
#location .head div.depth3 a.active{ color:#fff; font-weight:400}
/* color */
#location.red,#location.blue{ width:100%}
#location.red .head ul.sub li,#location.blue .head ul.sub li{ background:#fff; border:1px solid #09a9df; border-top:0}
#location.red .head ul.sub li a,#location.blue .head ul.sub li a{ color:#666}
#location.red .head ul.sub li:hover,#location.blue .head ul.sub li:hover{ border-top:0}
#location.red .head ul.sub li a:hover,#location.blue .head ul.sub li a:hover{ color:#fff !important}
#location.red .head ul.sub li:hover{ background:#09a9df; border:1px solid #09a9df}
#location.blue .head ul.sub li:hover{ background:#09a9df; border:1px solid #09a9df}
#location.blue .head div.depth a.active,
#location.blue .head div.depth a.active{ color:#fff; background-color:#09a9df}
#location.blue .head div.depth ul.sub li:hover{ border:0}
/* Full Down Menu */
.full-down-menu			{ display:none; position:absolute; z-index:99999; border-top:1px solid #09a9df; border-bottom:1px solid #09a9df; background:#fdfdfd}
.full-down-menu button	{ position:absolute; display:block; border:0; background:#09a9df url(/images/common/close.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px; outline:0}
.full-down-menu .gnb-full{ position:relative; margin:0 auto}
.full-down-menu .gnb-full sup{ font-weight:400}
.full-down-menu .gnb-full li a,.full-down-menu .gnb-full li span,.full-down-menu .gnb-full li strong{ display:block; text-transform:uppercase}
.full-down-menu .gnb-full li a{ width:100%; height:auto}
.full-down-menu .gnb-full li span,.full-down-menu .gnb-full li strong{ color:#404040}
.full-down-menu .gnb-full li strong{ font-weight:500; border-bottom:1px solid #dadde2}
.full-down-menu .gnb-full li li{ padding:0; border:0}
.full-down-menu .gnb-full li li:first-child{ border:0}
.full-down-menu .gnb-full li li:last-child{ position:static; right:auto; top:auto}
.full-down-menu .gnb-full li li:hover span,
.full-down-menu .gnb-full li li:active span,
.full-down-menu .gnb-full li li:focus span{ color:#fff; background:#09a9df url(/images/common/dot-white.png) 93% 50% no-repeat; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s}
.full-down-menu .gnb-full .user-info{ background:#09a9df}
.full-down-menu .gnb-full .user-info a{ display:inline-block; vertical-align:middle; color:#fff; border:1px solid #fff}
/* 약관 및 개인정보처리방침 */
.terms-service .summary-box strong{ display:inline-block; color:#09a9df}
.terms-service .summary-box h3,.terms-service .summary-box h4,.terms-service .summary-box li strong{ color:#202020; font-weight:400}
.terms-service .summary-box h4.color{ color:#09a9df}
.terms-service .summary-box ol.copyright li:first-child{ margin-top:0}
/* Layout */
.container,.body,.content,section{ position:relative}
.content,section		{ outline:0; margin:0}
.body:after,section:after,article:after{ content:""; display:block; clear:both}
.header,.header-content,.footer,.footer-content,section article{ position:relative; margin:0 auto}
#header-wrap			{ margin:0 auto; padding:0; transition-duration:0.35s; box-shadow:0 0 5px rgba(0, 0, 0, 0.1)}
#header-wrap.fixed		{ position:fixed; z-index:9999; left:0; right:0; top:0; padding:0; width:100%; border-bottom:0; box-shadow:0 0 5px rgba(0, 0, 0, 0.09); background-color:rgba(255,255,255,1)}
.header-content h1		{ position:absolute; z-index:20; left:0; background:url(/images/common/logo.png) no-repeat; background-size:contain}
.header-content h1 a	{ display:block; width:100%; height:100%; color:#000; font-weight:700; text-indent:-9999px}
.header-content .all-menu,.header-content .map-point{ position:absolute}
.header-content .all-menu>button,.header-content .map-point>button{ display:block; background:#fff no-repeat; border:0; cursor:pointer; text-indent:-9999px; outline:0}
.header-content .all-menu>button{ background-image:url(/images/common/all-menu.png)}
.header-content .map-point>button{ background-image:url(/images/common/map.png)}
.footer					{ color:#999; background:#f5f5f5}
.footer,.footer a,.footer a:hover,.footer a:active,.footer a:focus{ color:#999; text-decoration:none}
.footer em				{ display:inline-block; font-size:0; line-height:0}
.footer .footer-content	{ border-top:1px solid #e1e2e5}
.footer .footer-content h2,.footer .footer-content strong{ font-weight:500}
.footer .copyright		{ letter-spacing:0}
.footer .copyright strong{ font-weight:500; text-transform:capitalize}
.footer-menu ul.legal li{ float:left}
.footer-menu ul.legal li:first-child,.footer-menu ul.sns-link li:first-child{ margin-left:0}
.footer-menu ul.legal li:first-child a,.footer-menu ul.legal li:first-child button{ color:#fff}
.footer-menu ul.legal li a,.footer-menu ul.legal li button{ display:inline-block; color:#999; font-weight:400; text-transform:uppercase}
.footer-menu ul.legal li button{ background:transparent; border:0; cursor:pointer}
/* Swiper */
.swiper-button-next,.swiper-button-prev{ background-image:url(/images/common/sprite-arrow.png) !important; background-size:auto !important; -moz-background-size:auto !important; -webkit-background-size:auto !important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:0 !important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:0 !important}
.swiper-pagination		{ z-index:3}
.swiper-pagination-bullet{ margin:0 5px; width:20px; height:20px; background-color:transparent !important; opacity:1 !important; border:1px solid #949697; vertical-align:middle}
.swiper-pagination-bullet-active{ width:30px; height:30px; border:2px solid #09a9df; opacity:1 !important}
.swiper-pagination-custom>.swiper-pagination-bullet{ border-color:#bebebe}
.swiper-pagination-custom>.swiper-pagination-bullet-active{ border-color:#09a9df}
.swiper-pagination2 .swiper-pagination-bullet{ border-color:#bebebe}
.swiper-pagination2 .swiper-pagination-bullet-active{ border-color:#09a9df}
.swiper-scrollbar		{ background:rgba(255,255,255,.1)}
.swiper-scrollbar-drag	{ background:rgba(255,255,255,.5)}
.swiper-button-prev,.swiper-button-next{ width:35px !important; height:35px !important}
.swiper-button-prev		{ background-position:0 50% !important}
.swiper-button-next		{ background-position:100% 50% !important}
.play-stop				{ position:absolute; z-index:10; left:0}
.play-stop button		{ display:inline-block; vertical-align:middle; margin:0 3px; padding:0; width:21px; height:23px; background:transparent 0 -23px no-repeat; border:0; cursor:pointer; text-indent:-9999px}
.play-stop button.play	{ background-image:url(/images/common/play.png)}
.play-stop button.pause	{ background-image:url(/images/common/pause.png)}
.play-stop button.play.active,.play-stop button.pause.active{ background-position:0 0}
.swiper-slide img		{ display:inline-block; max-width:100%}
/* Main */
section					{ width:100%; background-position:50%; background-repeat:no-repeat; background-size:cover}
section .head-title		{ position:relative}
section .head-title h1 strong{ color:#101010; text-transform:uppercase}
section .head-title h1 strong span{ margin:0}
section .head-title strong{ display:block; font-weight:500}
section .head-title span{ display:block; color:#555; font-weight:300}
section .head-title mark{ color:#09a9df; font-style:normal; font-weight:300; background:transparent}
section .head-title em	{ display:inline-block; vertical-align:middle; font-size:0; line-height:0; background:#e3e3e3; font-weight:500}
/* 메인 비주얼 */
#mainPromotion			{ position:relative; overflow:hidden; margin:0 auto; width:100%}
#mainPromotion .mask	{ overflow:hidden; height:100%}
#mainPromotion .mask li	{ height:100%}
#mainPromotion .mask li .img{ 
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	transition:transform 5s ease-in-out 1s;
	transition:-webkit-transform 5s ease-in-out 1s;
	-webkit-transition:-webkit-transform 5s ease-in-out 1s;
	transform:scale(1);
	-webkit-transform:scale(1)}
#mainPromotion .mask li.swiper-slide-active .img{ -webkit-transform:scale(1) rotate(0.0003deg); transform:scale(1) rotate(0.0003deg)}
#mainPromotion .mainSlogan{ 
	position:absolute;
	z-index:2;
	left:50%;
	width:100%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%)}
#mainPromotion .mainSlogan span{ color:#fff; font-weight:400}
#mainPromotion .mainSlogan strong{ display:inline-block; vertical-align:middle; color:#fff; font-weight:700}
#mainPromotion .mainSlogan img{ display:inline-block}
#mainPromotion .mainSlogan .btnMore{ display:inline-block; background-color:transparent; color:#fff; font-weight:400; border:1px solid #fff; text-align:center}
#mainPromotion .mainSlogan .btnMore:hover,#mainPromotion .mainSlogan .btnMore:active,#mainPromotion .mainSlogan .btnMore:focus{ background-color:#fff; color:#09a9df; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
#mainPromotion li .mainSlogan .main strong{ color:#2c4181}
#mainPromotion li .mainSlogan .desc span{ color:#000}
section.ars-info article{ background:#bce3f0; border-radius:10px}
section.ars-info .ars-help a{ display:inline-block}
section.ars-info .ars-help img{ display:inline-block; max-width:100%}
section.ars-info .ars-help span{ display:block; font-size:0; line-height:0}
section.ars-info .ars-help .info{ float:left}
section.ars-info .ars-help .tel{ float:right}
.national-no	{ position:relative; float:left}
.national-no > button{ display:block; position:relative; z-index:7; width:100%; color:#fff; text-indent:10px; text-align:left; border:2px solid #fff; background-color:transparent; cursor:pointer; text-indent:-9999px}
.national-no > button span{ position:absolute; z-index:10; right:1px; top:1px; color:transparent; background:url(/images/main/select.png) 50% 50% no-repeat}
.national-no > div.ko{ position:absolute; z-index:5; left:0; top:1px; background:#09a9df}
.national-no > div.ko,.select-call .national-list li{ overflow:hidden; display:flex; justify-content:flex-start; align-items:center}
.select-call .national-no img{ display:inline-block}
.select-call .national-list{ overflow:hidden; display:none; z-index:999; position:absolute; left:0; border:1px solid #e3e3e3; border-bottom:0; background-color:#09a9df}
.select-call .national-list li{ color:#505050; border-top:1px solid #84d4ef}
.select-call .national-list li:first-child{ border-top:0}
.select-call .national-list li:hover{ color:#1d99d6}
.national-no > div.ko span,.national-no > div.ko strong,.national-no > div.ko em,
.select-call .national-list li span,.select-call .national-list li strong,.select-call .national-list li em{ color:#fff; font-weight:400}
.national-no > div.ko strong,.select-call .national-list li strong{ border:2px solid #fff; border-radius:100%; text-align:center}
section.board .board-box h3{ color:#202020; font-weight:500}
section.board .board-box .notice,section.board .board-box .photo,section.board .board-box .bbs{ position:relative}
section.board .board-box .notice > a,section.board .board-box .photo > a,section.board .board-box .bbs > a{ display:block; position:absolute; top:0; right:0; background:url(/images/common/more.png) 0 0; background-size:contain; text-indent:-9999px}
ul.board-list li		{ position:relative; border-bottom:1px solid #e3e3e3}
ul.board-list li a		{ display:inline-block}
ul.board-list li strong	{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#505050; font-weight:300}
ul.board-list li a:hover strong{ color:#09a9df; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.board-list .none-data,ul.board-list .date-numeral{ display:block}
ul.board-list .date-numeral{ position:absolute; right:0}
ul.photo-list			{ width:100%}
ul.photo-list li		{ position:relative}
ul.photo-list li a		{ display:block}
ul.photo-list li em		{ overflow:hidden; width:100%; font-size:0; line-height:0; display:flex; justify-content:center; align-items:center; border:1px solid #e3e3e3}
ul.photo-list li strong	{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#505050; font-weight:300}
ul.photo-list li a:hover strong{ color:#09a9df; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.photo-list .none-data{ display:block}
section.data-zone h3	{ color:#202020; font-weight:500}
section.data-zone .notification,section.data-zone .f-a-q{ position:relative; float:left}
section.data-zone .notification > a,section.data-zone .f-a-q > a{ display:block; position:absolute; top:0; right:0; background:50% 50% no-repeat; text-indent:-9999px}
section.data-zone .notification > a{ background-image:url(/images/main/more.png); border:1px solid #d7d7d7}
section.data-zone .f-a-q > a{ background-image:url(/images/main/more-white.png)}
section.data-zone .notification{ border:1px solid #e3e3e3}
.notifi-box				{ position:relative; text-align:left}
.notifi-box .image-caption{ overflow:hidden; display:flex; justify-content:center; align-items:center; height:100%; border:1px solid #e3e3e3; border-bottom:0}
.notifi-box .image-caption img{ display:block; width:100%; height:100%; object-fit:cover}
.notification .slide-pause{ position:absolute; text-align:left; padding:0; margin:0}
.notification .slide-pause button{ display:block; padding:0; background:transparent 50% 45% no-repeat; border:0; cursor:pointer; text-indent:-9999px}
.notification .slide-pause button:active,.notification .slide-pause button:focus{ outline:1px solid #000}
.notification .slide-pause button.r-pause2{ background-image:url(/images/main/pause.png)}
.notification .slide-pause button.r-play2{ display:none; background-image:url(/images/main/play.png)}
section.data-zone .f-a-q{ background:#bce3f0}
section.data-zone .f-a-q h3 img,section.data-zone .f-a-q h3 span,
section.data-zone .raw-static h3 img,section.data-zone .raw-static h3 span{ display:inline-block; vertical-align:middle}
section.data-zone .f-a-q h3 strong,section.data-zone .f-a-q h3 span span,
section.data-zone .raw-static h3 strong,section.data-zone .raw-static h3 span span{ display:block}
section.data-zone .f-a-q h3 strong,section.data-zone .raw-static h3 strong{ color:#202020; font-weight:500}
section.data-zone .f-a-q h3 span span,section.data-zone .raw-static h3 span span{ color:#555}
ul.faq-list li			{ border-top:1px solid #ebf8fc}
ul.faq-list li:first-child{ border-top:0}
ul.faq-list li span,ul.faq-list li a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#555}
section.data-zone .raw-static{ float:right}
section.data-zone .raw-static h3 a{ display:block}
section.data-zone .raw-static .raw{ background:#c6ecab}
section.data-zone .raw-static .static{ background:#8fdfd6}
.k-related				{ position:relative; margin:0 auto}
.k-related .related-logo a{ overflow:hidden; display:flex; justify-content:center; align-items:center; border:1px solid #e3e3e3; background:#fff}
.k-related .related-logo img{ max-width:100%}
.k-related .more-related{ position:absolute; z-index:10; background:#fff url(/images/main/more.png) 50% 50% no-repeat; border:1px solid #d7d7d7}
.k-related .more-related a{ display:block; width:100%; height:100%; text-indent:-9999px}
.k-related .slide-pause	{ position:absolute; text-align:left; padding:0; margin:0}
.k-related .slide-pause button{ display:block; padding:0; background:transparent 50% 45% no-repeat; border:0; cursor:pointer; text-indent:-9999px}
.k-related .slide-pause button:active,.k-related .slide-pause button:focus{ outline:1px solid #000}
.k-related .slide-pause button.r-pause{ background-image:url(/images/main/pause.png)}
.k-related .slide-pause button.r-play{ display:none; background-image:url(/images/main/play.png)}
/* ETC Classes */
label.hidden			{ display:none ! important}
.select-wrap			{ display:inline-block; vertical-align:middle}
.help-inline			{ display:inline-block; vertical-align:middle; margin-left:10px}
.help-block				{ display:block; margin-top:10px}
.help-block a			{ color:#09a9df}
.fade					{ opacity:0; -webkit-transition:opacity 0.15s linear; -moz-transition:opacity 0.15s linear; -o-transition:opacity 0.15s linear; transition:opacity 0.15s linear}
.fade.in				{ opacity:1}
/* 서브 콘텐츠 */
section.sub-wrap .head-title strong,section.boardWrap .head-title strong,section.reservation .head-title strong{ font-weight:700}
.hgroup					{ overflow:hidden; position:relative; width:100%; display:flex; justify-content:flex-start; align-items:flex-end; background-position:50% 0; background-repeat:no-repeat; background-size:cover}
.hgroup h2.sub-title span,.hgroup h2.sub-title strong{ display:block; color:#fff}
.hgroup mark			{ font-style:normal; background:transparent}
.hgroup h2.sub-title span{ font-weight:400}
.hgroup h2.sub-title strong{ font-weight:500}
.hgroup .sub-title strong img{ display:inline-block}
.hgroup.center,.hgroup.board,.hgroup.extra{ background-image:url(/images/common/hgroup-center.jpg)}
.summary .ars-info		{ background:#bce3f0; border-radius:10px}
.summary .ars-info .ars-help a{ display:inline-block}
.summary .ars-info .ars-help img{ display:inline-block; max-width:100%}
.summary .ars-info .ars-help span{ display:block; font-size:0; line-height:0}
.summary .ars-info .ars-help .info{ float:left}
.summary .ars-info .ars-help .tel{ float:right}
ul.national-flag		{ text-align:center}
ul.national-flag li		{ display:inline-block; vertical-align:top}
ul.national-flag li span{ display:block; color:#071599; font-weight:400}
ul.national-flag li img	{ display:inline-block}
ul.national-flag li em,ul.national-flag li mark{ display:inline-block; vertical-align:middle; font-style:normal; font-size:14px; font-weight:400}
ul.national-flag li em	{ margin-right:5px; width:25px; height:25px; line-height:25px; color:#fff; text-align:center; background:#09a9df; border-radius:100%}
ul.national-flag li mark{ color:#202020; line-height:18px; background:transparent}
.greeting h3,.history h3{ color:#202020; font-weight:400}
ul.service li			{ float:left}
ul.service li:last-child{ float:right}
ul.service li span		{ text-align:center}
ul.service li img		{ display:inline-block}
ul.service li span,ul.service li strong{ display:inline-block; vertical-align:middle; color:#202020}
ul.service li strong,ul.service li mark{ font-weight:400}
ul.service li mark		{ display:block; color:#09a9df; background:transparent}
.greeting .greeting-descrip{ background:#f7f7f7; border-radius:10px}
.greeting .greeting-descrip li{ background:url(/images/common/dot-grey.png) no-repeat}
.history-wrap			{ background:linear-gradient(180deg, #f7f7f7 52%, #fff 48%)}
.history-wrap .history-image{ float:left; font-size:0; line-height:0; border:1px solid #e3e3e3}
.history-wrap .history-image img{ display:block; max-width:100%}
.history-wrap .history-line{ position:relative; float:right; border-left:1px solid #e3e3e3}
.history-wrap .pointer	{ position:absolute}
.history-wrap .history-line strong{ font-weight:400}
ul.map-info				{ margin:0 auto}
ul.map-info li:first-child{ margin-top:0; padding-top:0}
ul.map-info li mark		{ font-style:normal; background:transparent}
ul.map-info li em		{ overflow:hidden; display:inline-block; vertical-align:top; font-style:normal; font-size:0}
ul.map-info .metro-info	{ background:#f7f7f7; border-radius:10px}
ul.map-info .metro-info li{ background:url(/images/common/dot-grey.png) 0 48% no-repeat}
ul.map-info .metro-info li span,ul.map-info .metro-info li mark,ul.map-info .metro-info li img{ display:inline-block; vertical-align:middle}
ul.map-info .metro-info li mark{ color:#fe7e71}
/* FAQ */
.faq:after				{ content:""; display:block; clear:both}
.faq label				{ text-transform:uppercase}
.trigger-button			{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
	text-decoration:none;
	border:1px solid #e3e3e3;
	background:#fff url(/images/common/bullet-toggle.png) no-repeat;
	cursor:pointer}
.trigger-button span,
.trigger-button label	{ display:inline-block; vertical-align:middle}
.trigger-button span span,
.trigger-button span strong{ display:block; margin:0; padding:0}
.trigger-button span strong{ color:#505050; font-weight:400}
.trigger-button label	{ color:#333; font-weight:300}
.trigger-button.active	{ border-color:#09a9df; border-bottom:0; background:#fff url(/images/common/bullet-toggle.png) no-repeat}
.trigger-button.active span,
.trigger-button.active label{ color:#09a9df}
.accordion				{
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
	width:100%;
	text-align:justify;
	border:1px solid #e3e3e3;
	border-top:0}
.accordion.active		{ border-color:#09a9df; border-top:1px solid #e3e3e3}
.accordion div strong	{ font-weight:500; color:#09a9df}
.accordion div img		{ margin-top:10px}
.accordion div a		{ color:#09a9df; border:1px solid #09a9df; background:#fff; cursor:pointer}
.accordion div a:hover,
.accordion div a:active,
.accordion div a:focus	{ color:#fff; background-color:#09a9df; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.accordion.active table	{ width:100%; border:1px solid #e3e3e3; border-collapse:collapse}
.accordion.active caption{ display:none; position:absolute; top:-9999px; padding-bottom:10px; text-align:left}
.accordion.active thead th{ color:#505050; font-weight:700; background:#e3e3e3; text-align:center}
.accordion.active tbody th,.accordion.active tbody td{ color:#505050; vertical-align:middle; border:1px solid #e3e3e3}
.accordion.active tbody td strong{ color:#333; font-weight:700}
.accordion.active ul.block-list li{ float:left}
.accordion.active ul.block-list li span{ display:block}
/* Album */
.gallery				{ position:relative}
.gallery .gallery-box	{ float:left}
.gallery .gallery-box:first-child{ margin-top:0}
.gallery .gallery-box .image-caption{ overflow:hidden; display:flex; justify-content:center; align-items:center; width:100%; border:1px solid #e3e3e3}
.gallery .gallery-box .image-caption img{ display:block; width:100%; height:100%; object-fit:cover}
.gallery .gallery-box .title{ position:relative}
.gallery .gallery-box .title img,.gallery .gallery-box .title strong{ display:inline-block; vertical-align:middle}
.gallery .gallery-box .title .date{ display:block; font-family:'Nanum Gothic'; color:#505050; font-weight:400}
.gallery .gallery-box strong,.gallery .gallery-box strong a{ color:#202020; font-weight:400}
/* 유관기관 모음 */
.site-go				{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; align-content:stretch}
.site-go > div			{ text-align:center; border:1px solid #dfdfdf; border-radius:5px}
.site-go > div img		{ max-width:100%}
.site-go > div a		{ display:inline-block; background:#09a9df; color:#fff; border-radius:5px}
.site-go > div p.title	{ color:#303030; font-weight:500}