@charset "utf-8";
body,table,input,textarea,select,optgroup,button{ font-size:16px}
/* 네이티브 화살표 대체 */
select					{ padding-right:45px; background-position:100% -3px; border:1px solid #e3e3e3}
/* Forms */
textarea,select,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="number"],input[type="tel"]{ height:40px}
textarea				{ height:auto}

/* MOBILE */
/* Scroll To Top */
#back-top				{ right:10px; bottom:10px; width:50px; height:50px; background-size:50px}
/* Button */
.buttonWrap				{ margin:20px 0 0 0}
.button a,.button button,.button input{ padding:0 30px; height:50px; line-height:50px}
.button.grey,.button.red,.button.blue,.button.black{ height:50px; font-size:16px ! important}
.button.grey a,.button.grey butt
on,.button.grey input,.button.red a,.button.red button,.button.red input,.button.blue a,.button.blue button,.button.blue input,.button.black a,.button.black button,.button.black input{ padding:0 30px}
/* Search Form */
.searchForm				{ margin-bottom:30px; padding:20px}
.searchForm select		{ margin-bottom:5px; width:100%; border-color:#e3e3e3}
.searchForm input[type=text]{ padding-left:15px; width:80%; line-height:normal}
.searchForm input[type=submit],.searchForm input[type=button]{ padding:0; width:20%; height:40px; line-height:40px}
/* List-thumb Mixed */
.thumb-list li			{ padding:18px 0 18px 120px}
.thumb-list li.notify .title strong{ padding-left:75px}
.thumb-list div.shortening{ margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em}
.thumb-list .title img	{ margin-right:3px}
.thumb-list .title strong{ font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.6em; height:1.6em}
.thumb-list .notify em	{ left:120px}
.thumb-list .date		{ display:block; position:absolute; top:43%; left:0; width:100px}
.thumb-list .date span	{ font-size:17px; line-height:16px}
.thumb-list .date strong{ margin-bottom:15px; font-size:24px; line-height:22px}
.thumb-list .link-button{ display:none; width:31px; height:39px}
.thumb-list .link-button a{ background-position:-10px 0}
.thumb-list .link-button a:hover,.thumb-list .link-button a:active,.thumb-list .link-button a:focus{ background-position:-10px -39px}
.thumb-list .list-numeral{ display:inline-block; vertical-align:middle; font-size:14px}
.thumb-list .list-numeral.R1,.thumb-list .list-numeral.R2,.thumb-list .list-numeral.R3{ margin-right:20px}
.thumb-list .no-message	{ padding-left:0}
.thumb-list .thumb2 img	{ margin-bottom:15px}
.thumb-list.view li		{ padding:14px 0 17px 0}
.thumb-list.view li:first-child{ padding:20px 0}
.thumb-list.view li:nth-child(2){ border-top-color:#bfbfbf}
.thumb-list.view li.viewWrap{ margin-bottom:1px; padding:23px 0; border-bottom:1px solid #bfbfbf}
.thumb-list.view .postedby{ display:block}
.thumb-list.view .numeral{ margin-left:20px; padding-left:20px; background:url(/images/board/vertical-dv.png) 0 60% no-repeat}
.thumb-list.view li span:nth-child(2){ margin-left:0; padding-left:0; background-image:none}
.thumb-list.view li span:nth-child(2) span,.thumb-list.view li span:nth-child(3) span,.thumb-list.view li span:nth-child(4) span{ padding-left:10px}
.thumb-list.view .s-title strong{ font-size:18px; line-height:24px}
.thumb-list.view .add-file strong{ padding-right:10px}
.thumb-list.view .add-file img{ padding-left:7px}
.thumb-list.view .thumb2{ margin-bottom:20px}
/* Next - Prev */
.next-prev				{ position:relative; margin-top:30px}
.next-prev li			{ line-height:50px}
.next-prev li a.prev,.next-prev li a.next{ margin:0 20px 0 0; width:50px; height:50px; line-height:55px; background-color:#fff; background-repeat:no-repeat; text-indent:-9999px}
.next-prev li a.prev	{ background-image:url(/images/board/prev.png)}
.next-prev li a.next	{ background-image:url(/images/board/next.png)}
.next-prev li a			{ width:75%}
.next-prev li span		{ right:10px}
/* Board Write-Edit */
.editor,.write-con,.write-tit{ padding:10px}
.write-con label		{ height:35px; line-height:35px}
/* Comment */
.write-reply,.write-reply .write-info,ul.reply-comment li{ padding:10px}
ul.reply-comment		{ margin-top:-2px}
ul.reply-comment li		{ padding:15px 10px}
ul.reply-comment li strong{ margin-right:30px}
ul.reply-comment li strong:last-child{ margin-right:0}
ul.reply-comment li.line{ padding:10px 15px}
/* Masonry List */
.grid-box strong		{ margin-bottom:15px; text-align:center}
.grid-box .fix-wrap		{ height:200px}
.grid-box .imgholder .image-caption img{ width:300px}
/* Pagenation */
.pagenation				{ margin-top:30px}
.pagenation ul > li > a,
.pagenation ul > li > span{ padding:7px 15px; line-height:24px; font-size:16px}
.pagenation ul > .pg-arrow.prev > a{ padding-right:25px}
.pagenation ul > .pg-arrow.next > a{ padding-left:25px}
/* Kakao Map */
#map,#d-map,#d-roadview	{ height:250px}
/* 팝업 레이어 */
.popup-layer.w600		{ top:50px; margin-left:-45%; width:90%}
/* Table */
.default				{ margin-bottom:10px}
.default p				{ margin-top:10px; line-height:20px}
.default caption		{ font-size:16px}
.default thead th,.default tfoot th,.default th{ padding:10px 5px}
.default th,.default td	{ font-size:14px; line-height:20px}
.default td				{ padding:10px 10px}
.default.cap			{ margin-bottom:30px}
.default.cap table th,.default.cap table td{ padding:15px 20px; height:auto; line-height:24px}
/* Tab Menu */
ul.tab-menu				{ margin-bottom:30px; width:100%}
ul.tab-menu li,ul.tab-menu li button{ height:40px; line-height:38px}
ul.tab-menu li a,ul.tab-menu li button,ul.tab-menu li span{ font-size:14px}
ul.tab-menu li			{ margin:-1px 0; width:20%}
ul.tab-menu li:nth-child(6){ margin-left:0; border-left:1px solid #e3e3e3}
ul.tab-menu.col2 li		{ width:50%}
ul.tab-menu.col3 li		{ width:32.5%}
ul.tab-menu.col3 li:first-child{ width:33%}
/* Global Navigation Bar */
#gnb,#location			{ display:none}
/* Full Down Menu */
.full-down-menu			{ left:0; top:0; width:100%; height:100vh}
.full-down-menu button	{ right:0; top:0; width:50px; height:50px}
.full-down-menu .gnb-full{ margin:0 auto; padding:50px 10px 10px 10px}
.full-down-menu .gnb-full li{ float:left; padding:0 5px; width:100%}
.full-down-menu .gnb-full li strong{ padding:10px 6px; font-size:14px; border-top:1px solid #dadde2; border-bottom:1px solid #dadde2}
.full-down-menu .gnb-full li li{ width:50%; height:auto}
.full-down-menu .gnb-full li li:nth-child(1),.full-down-menu .gnb-full li li:nth-child(2){ margin-top:9px}
.full-down-menu .gnb-full li li:nth-child(3),.full-down-menu .gnb-full li li:nth-child(4){ margin-bottom:20px}
.full-down-menu .gnb-full li li span{ padding:5px 15px; font-size:14px}
/* Layout */
.header-content,.footer-content,section article{ width:100%}
.header-content,.body.main section article{ padding:0}
.body					{ padding:0 10px}
.body.main,.header,.footer{ padding:0}
.header,.header-content	{ height:60px}
.header-content h1		{ top:12px; left:10px; width:108px; height:35px; background-position:0 0}
.header-content h1 a	{ font-size:16px; line-height:14px}
.header-content .all-menu,.header-content .map-point{ display:block; top:10px}
.header-content .all-menu>button,.header-content .map-point>button{ width:40px; height:40px; background-position:50% 50%; background-size:contain}
.header-content .all-menu{ right:10px}
.header-content .map-point{ right:10px}
.footer					{ padding-top:20px; font-size:14px}
.footer em				{ margin-top:15px}
.footer .footer-content	{ margin-top:20px; padding:20px 10px; text-align:center}
.footer .footer-content h2{ margin-bottom:10px; font-size:18px}
.footer .footer-content h2 img{ display:none}
.footer .address		{ margin-top:10px}
.footer .address p		{ margin-top:10px; line-height:24px}
.footer .address p:first-child{ margin-top:0}
.footer .address p:last-child{ margin-top:10px}
.footer .address span	{ display:block}
.footer .copyright strong{ margin-left:0 !important}
/* Swiper */
.swiper-button-prev,.swiper-button-next{ top:auto !important; bottom:100px !important}
.swiper-button-prev2,.swiper-button-next2,.swiper-button-prev3,.swiper-button-next3{ bottom:0 !important}
.swiper-button-prev1,.swiper-button-prev2,.swiper-button-prev3{ left:auto !important; right:70px !important}
.swiper-button-next1,.swiper-button-next2,.swiper-button-next3{ right:0 !important}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:30px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination2{ bottom:0}
.play-stop				{ bottom:33px}
/* Main */
section .head-title		{ margin-bottom:30px}
section .head-title strong{ font-size:1.5rem; line-height:1.2}
section .head-title span{ font-size:15px; line-height:18px}
section .head-title em	{ margin-bottom:5px; width:30px; height:7px; border-radius:30px}
/*section .head-title h1 span,section .head-title h1 strong{ font-size:20px}*/
/* 메인 비주얼 */
#mainPromotion			{ height:350px; border-bottom:5px solid #0aa9e0}
#mainPromotion .mask li.slider-1 .img{ background-image:url("/images/main/main-slider-1.jpg"); background-position:70% 50%}
#mainPromotion .mask li.slider-2 .img{ background-image:url("/images/main/main-slider-2.jpg"); background-position:75% 50%}
#mainPromotion .mainSlogan{ top:25%}
#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ font-size:1.4rem; line-height:1.6}
#mainPromotion .mainSlogan img{ width:250px}
#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:10px}
#mainPromotion .mainSlogan .desc{ margin-top:10px}
#mainPromotion .mainSlogan .desc span{ font-size:1rem; line-height:0.5}
#mainPromotion .mainSlogan .btnMore{ margin-top:30px; width:100px; height:45px; line-height:45px; border:0}
section.ars-info,section.board,section.data-zone{ padding:30px 10px}
section.ars-info .head-title strong,section.board .head-title strong,section.data-zone .head-title strong{ text-transform:uppercase; font-weight:700}
section.ars-info .head-title span,section.board .head-title span,section.data-zone .head-title span{ margin-top:10px}
.body.main section.ars-info article{ padding:20px}
section.ars-info .ars-help span{ width:100%}
section.ars-info .ars-help .tel{ margin-top:10px; padding-right:50px}
section.ars-info .select-call{ margin-top:35px}
.national-no	{ width:32%; height:70px; font-size:14px}
.national-no.national2{ margin:0 2%}
.national-no.national2 br,.national-no.national3 br{ display:none}
.national-no > button{ padding-left:5px; height:70px; line-height:70px; font-size:14px; border-radius:40px}
.national-no > button span{ width:68px; height:68px}
.national-no > div.ko{ padding-left:20px; width:100%; height:68px; border-radius:40px}
.select-call .national-no img{ margin-right:10px; width:40px}
.select-call .national-list{ bottom:70px; padding:5px 0; width:100%; height:360px; border-radius:40px}
.select-call .national-list li{ padding-left:20px; height:70px; font-size:14px}
.national-no > div.ko strong,.select-call .national-list li strong{ margin:0 7px; width:30px; height:30px; line-height:25px}
section.board .board-box h3{ margin-bottom:15px; font-size:18px}
section.board .board-box .notice > a,section.board .board-box .photo > a,section.board .board-box .bbs > a{ width:30px; height:30px}
section.board .board-box .photo,section.board .board-box .bbs{ margin-top:30px}
ul.board-list li		{ padding:10px 0}
ul.board-list li:first-child{ padding-top:0}
ul.board-list li a		{ width:80%}
ul.board-list li strong	{ line-height:1.2em; height:1.2em}
ul.board-list .none-data,ul.board-list .date-numeral{ line-height:22px}
ul.board-list .date-numeral{ top:10px; font-size:15px}
ul.board-list li:first-child .date-numeral{ top:0}
section.data-zone h3,section.data-zone .f-a-q h3 strong,section.data-zone .raw-static h3 strong{ font-size:18px}
section.data-zone .notification > a,section.data-zone .f-a-q > a{ top:40px; right:35px; width:35px; height:35px}
section.data-zone .notification,section.data-zone .f-a-q{ height:325px}
section.data-zone .notification{ margin-right:1.75%; padding:35px 35px 0; width:38%}
section.data-zone .notification h3{ margin-bottom:15px}
.notification .slide-pause{ top:40px; right:75px; width:105px; height:35px}
.notification .slide-pause button{ margin-left:35px; width:35px; height:35px}
.notifi-box .image-caption{ height:210px}
section.data-zone .f-a-q h3{ margin-bottom:10px}
section.data-zone .f-a-q{ padding:35px 35px 0; width:33.5%}
section.data-zone .f-a-q h3 img,section.data-zone .raw-static h3 img{ margin-right:15px}
section.data-zone .f-a-q h3 span{ width:70%}
section.data-zone .raw-static h3 span{ width:65%}
section.data-zone .f-a-q h3 span span,section.data-zone .raw-static h3 span span{ width:auto; font-size:16px}
ul.faq-list				{ margin-top:40px}
ul.faq-list li			{ padding:17px 0}
ul.faq-list li span,ul.faq-list li a{ line-height:1.4em; height:1.4em}
section.data-zone .raw-static{ width:25%}
section.data-zone .raw-static h3{ margin-bottom:0}
section.data-zone .raw-static h3 strong{ margin:-6px 0 10px}
section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ padding:30px; height:155px}
section.data-zone .raw-static .static{ margin-top:15px}
.k-related				{ padding:0 180px 0 0; width:1200px}
.k-related .related-logo a{ padding:0; height:50px}
.k-related .more-related{ top:10px; right:0; width:35px; height:35px}
.k-related .slide-pause{ top:10px; right:40px; width:105px; height:35px}
.k-related .slide-pause button{ margin-left:35px; width:35px; height:35px}
@media only screen and (max-width:1300px) {
	ul.faq-list			{ margin-top:35px}
	.notification .slide-pause,section.data-zone .notification > a,section.data-zone .f-a-q > a{ top:36px}
	section.data-zone .notification,section.data-zone .f-a-q{ height:311px}
	section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ height:148px}
	section.data-zone .raw-static h3 span{ width:62%}
	.k-related{ padding-left:20px; padding-right:200px; width:100%}
	.k-related .more-related{ right:20px}
	.k-related .slide-pause{ right:60px}
}
@media only screen and (max-width:1200px) {
	.select-call .national-no img{ margin-right:7px; width:35px}
	.national-no > button span{ width:50px}
	.national-no > div.ko strong,.select-call .national-list li strong{ width:25px; height:25px; line-height:20px}
	ul.faq-list			{ margin-top:25px}
	section.data-zone .notification,section.data-zone .f-a-q{ height:301px}
	section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ height:143px}
	section.data-zone .f-a-q h3 img,section.data-zone .raw-static h3 img{ margin-right:10px; width:48px}
	section.data-zone .raw-static h3 span{ width:65%}
	section.data-zone .f-a-q h3 span span,section.data-zone .raw-static h3 span span{ font-size:15px}
}
@media only screen and (max-width:1024px) {
	.national-no{ width:32.66666666666667%; font-size:13px}
	.national-no.national2{ margin:0 1%}
	.national-no > button span{ width:30px}
	.national-no > button,.select-call .national-list li{ font-size:13px}
	.select-call .national-no img{ width:30px}
	.national-no > div.ko,.select-call .national-list li{ padding-left:10px}
	.national-no > div.ko strong,.select-call .national-list li strong{ font-size:13px}
	.national-no.national2 br,.national-no.national3 br{ display:block}
	.notification .slide-pause,section.data-zone .notification > a,section.data-zone .f-a-q > a{ top:34px}
	section.data-zone .notification{ margin-right:3.5%}
	section.data-zone .notification,section.data-zone .f-a-q{ width:48.25%}
	section.data-zone .raw-static{ margin-top:3.5%; width:100%}
	section.data-zone .raw-static h3 span{ width:75%}
	section.data-zone .raw-static .raw{ float:left}
	section.data-zone .raw-static .static{ float:right; margin-top:0}
	section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ width:48.25%; height:115px}
}
@media only screen and (max-width:768px) {
	.national-no{ width:100%; font-size:14px}
	.national-no.national2,.national-no.national3{ margin:5px 0 0}
	.national-no > button span{ width:50px}
	.national-no > button,.select-call .national-list li,
	.national-no > div.ko strong,.select-call .national-list li strong{ font-size:14px}
	.national-no > div.ko,.select-call .national-list li{ padding-left:20px}
	.national-no.national2 br,.national-no.national3 br{ display:none}
	.notification .slide-pause{ right:55px}
	ul.faq-list li span,ul.faq-list li a{ font-size:15px}
	section.data-zone .notification > a,section.data-zone .f-a-q > a{ right:20px}
	section.data-zone .notification,section.data-zone .f-a-q{ padding:20px 20px 0; height:275px}
	section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ padding:20px; height:110px}
	.notification .slide-pause,section.data-zone .notification > a,section.data-zone .f-a-q > a{ top:16px}
}
@media only screen and (max-width:660px) {
	.notification .slide-pause{ right:45px}
	section.data-zone .notification > a,section.data-zone .f-a-q > a{ right:10px}
	section.data-zone .notification,section.data-zone .f-a-q{ padding:20px 10px 0}
	section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ padding:20px 10px}
	ul.faq-list			{ margin-top:5px}
	section.data-zone .f-a-q h3 span{ width:60%}
	section.data-zone .f-a-q h3 img,section.data-zone .raw-static h3 img{ width:40px}
	section.data-zone .raw-static h3 strong{ margin-bottom:6px}
	.k-related{ padding-left:10px; padding-right:180px}
	.k-related .more-related{ right:10px}
	.k-related .slide-pause{ right:50px}
}
@media only screen and (max-width:550px) {
	ul.faq-list			{ margin-top:0}
	section.data-zone .f-a-q{ height:auto}
	section.data-zone .notification,section.data-zone .f-a-q,section.data-zone .raw-static{ width:100%}
	section.data-zone .notification{ margin-right:0}
	section.data-zone .f-a-q,section.data-zone .raw-static{ margin-top:20px}
	section.data-zone .raw-static h3 span{ width:80%}
	section.data-zone .raw-static h3 strong{ margin-top:-3px}
	section.data-zone .raw-static .raw,section.data-zone .raw-static .static{ width:100%; height:auto}
	section.data-zone .raw-static .static{ margin-top:5px}
}
/* ETC Classes */
.input-full,.input-half	{ width:100%}
.input-midium			{ width:46%}
.input-small			{ width:29.5%}
.help-fix				{ right:20px}
.help-inline			{ font-size:14px; line-height:16px}
.input-email1			{ width:45%}
.input-email2			{ width:45%}
.input-email3			{ width:100%}
/* FAQ */
.faq label				{ padding-left:15px; width:45px}
.trigger-button			{ padding:10px 0; background-position:97% -64px}
.trigger-button.active	{ background-position:97% 25px}
.trigger-button label	{ font-size:24px}
.trigger-button span	{ width:83%; font-size:15px}
.trigger-button span strong{ font-size:13px}
.accordion				{ padding:15px 0}
.accordion div			{ padding:0 20px 0 45px; font-size:15px; line-height:24px}
.accordion div a		{ padding:5px 15px; font-size:13px}
.accordion.active thead th,.accordion.active tbody th,.accordion.active tbody td{ font-size:13px; line-height:22px}
.accordion.active thead th{ padding:5px 0}
.accordion.active tbody th,.accordion.active tbody td{ padding:5px 10px}
.accordion.active ul.block-list li{ width:25%}
.accordion.active ul.block-list li span{ font-size:13px}
/* Album */
.gallery .gallery-box{ margin-top:15px; width:100%}
.gallery .gallery-box .image-caption{ height:250px}
.gallery .gallery-box .title{ margin-top:5px}
.gallery .gallery-box .title .date{ margin-top:10px; font-size:14px}
.gallery .gallery-box strong{ font-size:16px; line-height:20px}

/* 서브 콘텐츠 */
section.sub-wrap,section.boardWrap{ padding:30px 0}
.hgroup					{ height:100px}
.hgroup .sub-title		{ padding:0 10px 15px}
.hgroup h2.sub-title span{ margin-top:15px; font-size:16px; line-height:20px}
.hgroup h2.sub-title strong{ font-size:20px; line-height:24px}
.hgroup .sub-title strong img{ width:280px}
.summary .ars-info		{ padding:20px}
.summary .ars-info .ars-help span{ width:100%}
.summary .ars-info .ars-help .tel{ margin-top:10px; padding-right:50px}
.summary .ars-info .select-call{ margin-top:15px}
ul.national-flag		{ margin-top:50px}
ul.national-flag li		{ margin:20px 0; width:16%}
ul.national-flag li span{ margin-bottom:7px; font-size:14px}
.greeting h3,.history h3{ margin-bottom:30px; font-size:26px}
.greeting p				{ font-size:18px; line-height:30px}
ul.service				{ margin:70px 0}
ul.service li:nth-child(2){ margin-left:6%}
ul.service li span		{ width:80px; height:80px; border:1px dotted #a4a8a9; border-radius:100%}
ul.service li strong,ul.service li mark{ font-size:22px}
ul.service li img		{ margin-top:16px}
ul.service li strong	{ margin-left:10px}
.greeting .greeting-descrip{ padding:40px 50px}
.greeting .greeting-descrip.last{ margin-top:35px}
.greeting .greeting-descrip li{ padding-left:15px; font-size:18px; line-height:30px; background-position:0 13px}
.history-wrap			{ padding:70px}
.history-wrap .history-image{ width:34.8%}
.history-wrap .history-line{ padding:30px 0 30px 60px; width:58%}
.history-wrap .pointer	{ top:30px; left:-8px}
.history-wrap .history-line li{ margin-bottom:20px}
.history-wrap .history-line strong,.history-wrap .history-line span{ font-size:18px}
.history-wrap .history-line strong{ margin-right:15px}
@media only screen and (max-width:1300px) {
	.history-wrap .history-image{ width:32%}
	.history-wrap .history-line{ width:60%}
}
@media only screen and (max-width:1200px) {
	.greeting h3,.history h3{ margin-bottom:20px; font-size:22px}
	.greeting p{ font-size:16px; line-height:28px}
	ul.service{ margin:50px 0}
	ul.service li{ float:left}
	ul.service li:first-child{ width:40%}
	ul.service li:nth-child(2){ margin-left:0}
	ul.service li span{ width:60px; height:60px}
	ul.service li img{ margin-top:13px; width:30px}
	ul.service li strong,ul.service li mark{ font-size:18px}
	.greeting .greeting-descrip{ padding:30px 40px}
	.greeting .greeting-descrip.last{ margin-top:25px}
	.greeting .greeting-descrip li{ padding-left:10px; font-size:16px}
	.history-wrap .history-line strong,.history-wrap .history-line span{ font-size:16px}
}
@media only screen and (max-width:1024px) {
	.greeting h3,.history h3{ font-size:20px}
	ul.service li:first-child,ul.service li:nth-child(2){ width:50%}
	ul.service li:nth-child(3){ margin-top:20px; width:100%}
	.greeting .greeting-descrip{ padding:20px 30px}
	.history-wrap .history-image{ width:35%}
	.history-wrap .history-line{ width:55%}
}
@media only screen and (max-width:900px) {
	.history-wrap{ padding:50px 0 50px 50px}
	.history-wrap .history-image{ width:28%}
	.history-wrap .history-line{ width:65%}
}
@media only screen and (max-width:768px) {
	ul.national-flag{ margin-top:30px}
	ul.national-flag li{ margin:15px 0; width:19%}
	.greeting h3,.history h3{ font-size:18px}
	.greeting p{ font-size:15px; line-height:26px}
	ul.service{ margin:30px 0}
	ul.service li:first-child,ul.service li:nth-child(2){ width:100%}
	ul.service li:nth-child(2),ul.service li:nth-child(3){ margin-top:10px}
	ul.service li strong,ul.service li mark{ font-size:16px}
	.greeting .greeting-descrip{ padding:20px 20px}
	.greeting .greeting-descrip li{ font-size:15px; line-height:26px; background-position:0 12px}
	.history-wrap .history-line li{ margin-bottom:15px}
	.history-wrap .history-line strong,.history-wrap .history-line span{ font-size:15px}
}
@media only screen and (max-width:660px) {
	ul.national-flag li{ width:20%}
	.history-wrap{ padding:40px; background:linear-gradient(360deg, #f7f7f7 65%, #fff 35%)}
	.history-wrap .history-line{ margin-top:40px; width:100%}
}
@media only screen and (max-width:550px) {
	ul.national-flag li{ margin:15px 10px; width:24%}
	.history-wrap{ padding:20px 10px; background:linear-gradient(360deg, #f7f7f7 83%, #fff 17%)}
	.history-wrap .history-line{ padding-top:20px; padding-left:35px}
	.history-wrap .pointer{ top:20px; left:-6px}
	.history-wrap .pointer img{ width:30px}
}
ul.map-info li			{ padding-bottom:15px}
ul.map-info li span,ul.map-info li strong{ display:block}
ul.map-info li em		{ margin-right:5px; width:28px; height:28px; border-radius:100%}
ul.map-info li span		{ font-size:15px; line-height:24px}
ul.map-info li strong	{ margin-bottom:5px; font-size:15px}
ul.map-info .metro-info	{ margin-top:15px; padding:10px}
ul.map-info .metro-info li{ padding:3px 0 3px 7px; font-size:15px}
ul.map-info .metro-info li span,ul.map-info .metro-info li img{ margin:0 3px}
/* 유관기관 모음 */
.site-go > div			{ flex-grow:1; flex-basis:calc(50% - 10px); width:calc(50% - 10px); margin:5px; padding:20px 10px}
.site-go > div img		{ max-height:50px}
.site-go > div a		{ padding:5px 10px; font-size:15px}
.site-go > div p		{ margin-bottom:10px}
.site-go > div p.title	{ font-size:15px}
/* Media Quary ***********************************************************************************/
@media all and (min-width:420px){
	/* 팝업 레이어 */
	.popup-layer.w600	{ top:20px}
	/* Main */
	#mainPromotion		{ height:450px}
}
@media all and (min-width:550px){
	/* Local Navigation Bar */
	#location.fixed		{ top:60px}
	#location .head a	{ font-size:16px}
	#location .head ul.sub{ top:60px; width:241px}
	#location .head div.home,
	#location .head div.home a{ width:61px; height:60px}
	#location .head div.depth1,
	#location .head div.depth2{ width:241px}
	#location .head div.depth3{ width:380px}
	#location .head div.depth1 a,
	#location .head div.depth2 a,
	#location .head div.depth3 a{ height:60px; line-height:58px; padding-left:20px}
	#location.blue,
	#location.blue .head ul.sub li{ height:60px}
	#location .head div.depth3 ul.sub{ width:380px}
	/* Global Navigation Bar */
	#gnb,#location		{ display:block}
	.gnb				{ margin:13px 80px 0 0}
	.gnb ul li			{ padding-left:35px}
	.gnb ul li span,.gnb ul li strong{ font-size:16px}
	/* Full Down Menu */
	.full-down-menu		{ top:60px}
	/* Tab Menu */
	ul.tab-menu li a,ul.tab-menu li button,ul.tab-menu li span{ font-size:15px}
	/* Album */
	.gallery .gallery-box{ margin-top:20px; width:49%}
	.gallery .gallery-box:nth-child(2){ margin-top:0}
	.gallery .gallery-box:nth-child(even){ margin-left:2%}
	.gallery .gallery-box .image-caption{ height:200px}
	.gallery .gallery-box .title{ margin-top:5px}
	.gallery .gallery-box .title .date{ margin-top:10px; font-size:14px}
	.gallery .gallery-box strong{ overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; line-height:1.4em; height:2.8em; font-size:16px}
}
@media all and (min-width:660px){
	/* Scroll To Top */
	#back-top			{ bottom:20px; right:20px}
	/* Kakao Map */
	#map,#d-map,#d-roadview{ height:350px}
	/* Board Write-Edit */
	.editor,.write-con,.write-tit{ padding:10px 20px}
	/* Global Navigation Bar */
	.gnb				{ margin-right:90px}
	.gnb ul li			{ padding-left:45px}
	.gnb ul li span,.gnb ul li strong{ font-size:18px}
	/* Full Down Menu */
	.full-down-menu .gnb-full li{ width:50%}
	/* Tab Menu */
	ul.tab-menu.col2	{ width:400px}
	ul.tab-menu.col2 li	{ width:200px}
	/* Layout */
	.body				{ padding:0 20px}
	.header-content h1	{ left:20px}
	.header-content h1 a{ font-size:22px}
	.header-content .all-menu{ right:20px}
	.header-content .map-point{ right:20px}
	.footer .footer-content{ padding:20px 20px; text-align:left}
	.footer .footer-content h2{ margin-bottom:10px; font-size:0}
	.footer .footer-content h2 img{ display:block; width:100px}
	.footer .footer-content h2,.footer .address{ float:left; margin:0}
	.footer .footer-content h2{ width:115px; border-right:1px solid #cdccce}
	.footer .address{ padding-left:15px; width:80%}
	.footer .address span,.footer .address p a{ display:inline-block; vertical-align:top; margin-right:30px}
	.footer .address p a em{ margin:0}
	.footer .address p a em img{ width:30px}
	.footer .address p:last-child{ margin-top:0}
	/* Main */
	section .head-title strong{ font-size:1.65rem; line-height:1.3}
	section .head-title span{ font-size:16px}
	#mainPromotion .mainSlogan{ top:30%}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:20px}
	#mainPromotion .mainSlogan img{ width:300px}
	section.ars-info,section.board,section.data-zone{ padding:50px 20px}
	section.ars-info	{ padding-bottom:0}
	.body.main section.ars-info article{ padding:30px}
	section.ars-info .ars-help .info{ width:55%}
	section.ars-info .ars-help .tel{ margin-top:3px; padding-right:0; width:39%; text-align:right}
	section.board .board-box .photo{ float:left}
	section.board .board-box .bbs{ float:right}
	section.board .board-box .photo,section.board .board-box .bbs{ width:48.25%}
	section.data-zone	{ padding-top:0}
	/* 서브 콘텐츠 */
	section.sub-wrap,section.boardWrap{ padding:50px 0}
	.hgroup				{ height:150px}
	.hgroup .sub-title	{ padding:0 20px 25px}
	.hgroup h2.sub-title span{ padding:0 10px; line-height:22px}
	.hgroup .sub-title strong img{ width:400px}
	.summary .ars-info	{ padding:30px}
	.summary .ars-info .ars-help .info{ width:55%}
	.summary .ars-info .ars-help .tel{ margin-top:3px; padding-right:0; width:39%; text-align:right}
	ul.map-info li		{ padding-bottom:30px}
	ul.map-info li span	{ width:80%}
	ul.map-info li mark,ul.map-info li span,ul.map-info li strong{ display:inline-block; vertical-align:top}
	ul.map-info li em	{ margin-right:10px}
	ul.map-info li strong{ margin-bottom:0; width:18%}
	ul.map-info .metro-info{ margin-top:20px}
	ul.map-info .metro-info li{ padding:5px 0 5px 7px}
	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 span,ul.map-info .metro-info li img{ margin:0 5px; width:auto}
	/* 유관기관 모음 */
	.site-go > div		{ flex-basis:calc(33% - 10px); width:calc(33% - 10px)}
}
@media all and (min-width:768px){
	/* Search Form */
	.searchForm			{ margin-bottom:60px; padding:50px}
	.searchForm select	{ margin-bottom:0; width:180px}
	.searchForm input[type=text]{ width:50%}
	.searchForm input[type=submit],.searchForm input[type=button]{ padding:0 30px; width:90px}
	/* Button */
	.buttonWrap			{ margin:30px 0 0 0}
	/* Board List-View */
	.thumb-list.view div{ margin:0}
	.board-content,.board-content div,.thumb-list.view div,.board-content p{ font-size:16px; line-height:32px}
	/* List-thumb Mixed */
	.thumb-list li		{ padding:35px 0 30px 140px}
	.thumb-list li.notify .title strong{ padding-left:85px}
	.thumb-list div.shortening{ margin-top:18px; padding-right:60px; -webkit-line-clamp:1; line-height:1.6em; height:1.6em}
	.thumb-list .notify em{ left:140px}
	.thumb-list .link-button{ display:block; position:absolute; right:5px; top:35%}
	.thumb-list .link-button a{ background-position:50% 0}
	.thumb-list .link-button a:hover,.thumb-list .link-button a:active,.thumb-list .link-button a:focus{ background-position:50% -39px}
	.thumb-list .thumb	{ margin:0 30px 0 0; width:150px; height:80px}
	.thumb-list .thumb2 img{ margin-bottom:20px}
	.thumb-list .no		{ width:80px}
	.thumb-list .title img{ margin-top:-3px}
	.thumb-list .title strong{ padding-right:60px}
	.thumb-list .numeral,.thumb-list .list-numeral{ font-size:16px}
	.thumb-list .no-message,.thumb-list .notify .title{ font-size:18px}
	.thumb-list .reply .no{ display:inline-block}
	.thumb-list .list-numeral{ position:absolute; top:35%}
	.thumb-list .list-numeral.R1,.thumb-list .list-numeral.R2,.thumb-list .list-numeral.R3{ display:block; margin-right:0; text-align:center}
	.thumb-list .list-numeral.R3{ right:0}
	.thumb-list .list-numeral.R2{ right:0; width:100px}
	.thumb-list .list-numeral.R1{ right:100px; width:120px}
	.thumb-list.view li	{ padding:17px 20px}
	.thumb-list.view li:first-child,.thumb-list.view li:last-child{ padding:30px 20px}
	.thumb-list.view li:nth-child(2){ text-align:right}
	.thumb-list.view li.viewWrap{ padding:30px 20px 40px 20px}
	.thumb-list.view .s-title,.thumb-list.view .s-title strong{ font-size:24px; line-height:30px}
	.thumb-list.view .postedby{ display:inline-block; vertical-align:middle; margin-right:20px; padding-right:20px; background:url(/images/board/vertical-dv.png) 100% 60% no-repeat}
	.thumb-list.view .add-file{ position:static; display:block; text-align:right}
	.thumb-list.view .add-file img{ margin-left:7px}
	.thumb-list.view div.board-content{ line-height:32px}
	.thumb-list.view .thumb2{ margin-bottom:30px}
	/* Board Write-Edit */
	.write-con label,.write-con span,.write-tit .title label,.write-tit .title span{ height:45px; line-height:45px}
	.write-con .file-button input[type=button]{ font-size:16px}
	.write-tit .cate-select{ margin-bottom:10px}
	.write-tit .cate-select select{ width:100%}
	/* Comment */
	.write-reply		{ margin-top:1px; padding:30px; font-size:16px}
	.write-reply p		{ padding-bottom:20px}
	.write-reply .write-info{ padding:30px; font-size:16px}
	.write-reply .write-info span{ display:block}
	.write-reply .write-info span:first-child{ margin-bottom:15px}
	.write-reply .input-box{ width:90%}
	.write-reply .button-box{ width:10%}
	.write-reply .input-box textarea{ font-size:16px}
	ul.reply-comment li	{ padding:30px}
	ul.reply-comment li span{ line-height:30px}
	ul.reply-comment li strong{ margin-right:30px}
	ul.reply-comment li.line{ padding:20px 30px}
	.edit-delete		{ top:14px; right:30px}
	.edit-delete button	{ height:25px; line-height:25px; font-size:14px}
	/* 팝업 레이어 */
	.popup-layer.w600	{ top:100px; margin-left:-300px; width:600px}
	/* Table */
	.default th,.default td,.default.board td a.bu{ font-size:16px}
	.default.cap		{ margin-bottom:50px}
	/* Tab Menu */
	ul.tab-menu li,ul.tab-menu li button{ height:50px; line-height:43px}
	ul.tab-menu li a,ul.tab-menu li button,ul.tab-menu li span{ font-size:16px}
	ul.tab-menu.col3	{ width:500px}
	ul.tab-menu.col3 li	{ width:32%}
	ul.tab-menu.col3 li:first-child{ width:33%}
	/* Local Navigation Bar */
	#location.fixed		{ top:80px}
	/* Global Navigation Bar */
	.gnb				{ margin-top:23px; margin-right:100px}
	.gnb ul li span,.gnb ul li strong{ font-size:20px}
	/* Full Down Menu */
	.full-down-menu		{ top:80px}
	.full-down-menu .gnb-full li{ padding:0 10px}
	.full-down-menu .gnb-full li strong{ padding:15px 20px; font-size:18px}
	.full-down-menu .gnb-full li li:nth-child(1),.full-down-menu .gnb-full li li:nth-child(2){ margin-top:15px}
	.full-down-menu .gnb-full li li span{ padding:5px 20px; font-size:16px}
	/* Layout */
	.header				{ position:fixed; z-index:9999; left:0; right:0; top:0; padding:0; width:100%}
	.header,.header-content{ height:80px}
	#header-wrap		{ box-shadow:none}
	.header-content h1		{ top:22px}
	.header-content .all-menu,.header-content .map-point{ top:20px}
	/* Swiper */
	/* Main */
	section .head-title strong{ font-size:1.85rem; line-height:1.5}
	/*section .head-title h1 strong,section .head-title h1 strong span{ font-size:24px}*/
	#mainPromotion		{ height:500px}
	#mainPromotion .mask li.slider-1 .img{ background-position:65% 50%}
	#mainPromotion .mask li.slider-2 .img{ background-position:75% 50%}
	#mainPromotion .mainSlogan{ top:50%}
	#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ font-size:2rem; line-height:1.8}
	#mainPromotion .mainSlogan img{ width:400px}
	#mainPromotion .mainSlogan .desc{ margin-top:10px}
	#mainPromotion .mainSlogan .desc span{ font-size:1.3rem; line-height:1.5}
	#mainPromotion .mainSlogan .btnMore{ margin-top:50px; width:150px}
	#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-2 .mainSlogan .btnMore{ margin-top:100px}
	section.board .board-box h3{ margin-bottom:20px; font-size:22px}
	section.data-zone h3,section.data-zone .f-a-q h3 strong,section.data-zone .raw-static h3 strong{ font-size:22px}
	section.data-zone .notification h3{ margin-bottom:20px}
	section.data-zone .f-a-q h3{ margin-bottom:10px}
	/* ETC Classes */
	.input-half			{ width:50%}
	.input-midium		{ width:47.5%}
	.input-small		{ width:31.5%}
	.help-fix			{ right:30px}
	/* Album */
	.gallery .gallery-box{ margin-top:25px}
	.gallery .gallery-box .image-caption{ height:230px}
	.gallery .gallery-box .title{ margin-top:10px}
	.gallery .gallery-box strong{ -webkit-line-clamp:1; line-height:1.4em; height:1.4em}
	/* 서브 콘텐츠 */
	.hgroup				{ height:200px}
	.hgroup h2.sub-title span{ line-height:24px}
	.hgroup h2.sub-title strong{ font-size:36px; line-height:34px}
	ul.map-info .metro-info li{ display:inline-block; vertical-align:middle; width:49%}
	/* 유관기관 모음 */
	.site-go > div		{ flex-grow:0; flex-basis:calc(20% - 10px); width:calc(20% - 10px)}
}
@media all and (min-width:850px){
	/* Board List-View */
	.thumb-list.view.block .thumb2{ margin:0 auto ! important; margin-bottom:30px ! important; width:700px}
	/* 서브 콘텐츠 */
}
@media all and (min-width:1024px){
	/* Board List-View */
	/* List-thumb Mixed */
	.thumb-list.view li	{ padding:17px 30px}
	.thumb-list.view li:first-child,.thumb-list.view li:last-child{ padding:30px 40px}
	.thumb-list.view li.viewWrap{ padding:40px 45px 50px 40px}
	.thumb-list .add-file{ position:absolute; top:35%}
	.thumb-list .add-file{ right:180px}
	.thumb-list .add-file em{ font-size:14px}
	/* Comment */
	ul.reply-comment li	{ padding:40px}
	ul.reply-comment li.line{ padding:20px 40px}
	/* Board Write-Edit */
	.editor,.write-con,.write-tit{ padding:10px 30px}
	/* Next - Prev */
	.next-prev li		{ float:left; width:50%}
	.next-prev li a.next{ position:absolute; right:0; margin:0}
	.next-prev li:nth-child(2){ padding:0 70px 0 0; text-align:right}
	.next-prev .buttonWrap{ position:absolute; top:-1px; left:50%; margin:0 0 0 -50px; width:100px}
	/* Table */
	.default.cap		{ margin-bottom:80px}
	/* Full Down Menu */
	.full-down-menu		{ top:80px; height:260px}
	.full-down-menu button{ top:auto; bottom:0}
	.full-down-menu .gnb-full{ padding-top:0px}
	.full-down-menu .gnb-full li{ padding:0 15px; width:25%}
	.full-down-menu .gnb-full li strong{ margin-bottom:10px; border-top:0}
	.full-down-menu .gnb-full li li{ width:100%}
	.full-down-menu .gnb-full li li:nth-child(odd),.full-down-menu .gnb-full li li:nth-child(even){ margin:0}
	.full-down-menu .gnb-full li li span{ padding:10px 20px}
	/* Layout */
	.footer .footer-content h2 img,.footer .address p a em img{ width:auto}
	.footer .footer-content h2{ width:145px}
	.footer .address p a{ position:absolute; top:20px; left:800px}
	/* Swiper */
	.swiper-button-prev,.swiper-button-next{ bottom:30px !important}
	.swiper-button-prev2,.swiper-button-next2,.swiper-button-prev3,.swiper-button-next3{ bottom:0 !important}
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:50px}
	/* Main */
	section .head-title	{ margin-bottom:50px}
	#mainPromotion		{ height:550px; border-bottom:10px solid #0aa9e0}
	#mainPromotion .mainSlogan{ top:60%}
	/*#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:100px}*/
	#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ font-size:2.75rem; line-height:1.8}
	/*#mainPromotion .mainSlogan .desc span{ font-size:1.5rem; line-height:1.5}*/
	#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-2 .mainSlogan .btnMore{ margin-top:50px}
	section.ars-info	{ padding-bottom:0}
	.body.main section.ars-info article{ padding:50px}
	section.board .board-box{ float:left; width:100%}
	section.board .board-box .notice,section.board .board-box .photo{ float:left; margin-right:5%}
	section.board .board-box .bbs{ float:right}
	section.board .board-box .photo,section.board .board-box .bbs{ margin-top:0}
	section.board .board-box .notice,section.board .board-box .photo,section.board .board-box .bbs{ width:30%}
	ul.board-list li	{ padding:15px 0 13px}
	ul.board-list li strong{ line-height:1.6em; height:1.6em}
	ul.board-list li:first-child .date-numeral{ top:-2px}
	ul.board-list .none-data,ul.board-list .date-numeral{ line-height:26px}
	ul.board-list .date-numeral{ top:15px; font-size:16px}
	/* ETC Classes */
	.input-midium		{ width:450px}
	.input-small		{ width:250px}
	.help-fix			{ right:40px}
	/* 서브 콘텐츠 */
	.summary .ars-info	{ padding:50px}
	ul.map-info li strong,ul.map-info li span,ul.map-info .metro-info li{ font-size:16px}
	ul.map-info li span{ line-height:28px}
	ul.map-info .metro-info{ padding:20px 30px}
	ul.map-info .metro-info li{ width:auto}
	ul.map-info .metro-info li:first-child{ margin-right:70px}
	/* FAQ */
	.faq label			{ margin-top:-8px; padding-left:25px; width:50px}
	.trigger-button		{ padding:15px 0; background-position:98% -55px}
	.trigger-button.active{ background-position:98% 30px}
	.trigger-button label{ font-size:34px}
	.trigger-button span{ margin-left:20px; font-size:18px}
	.trigger-button span strong{ margin-bottom:5px; font-size:14px}
	.accordion			{ padding:20px 0}
	.accordion div		{ padding:0 25px 0 75px; font-size:16px; line-height:28px}
	.accordion div a	{ padding:8px 25px; font-size:14px}	
	.accordion.active a	{ display:inline-block; vertical-align:middle; margin:5px 0}
	.accordion.active table{ margin:10px 0}
	.accordion.active thead th,.accordion.active tbody th,.accordion.active tbody td{ font-size:14px; line-height:24px}
	.accordion.active thead th{ padding:7px 0}
	.accordion.active tbody th,.accordion.active tbody td{ padding:7px 15px}
	.accordion.active ul.block-list li{ width:20%}
	.accordion.active ul.block-list li span{ font-size:14px}
}
@media all and (min-width:1200px){
	/* Full Down Menu */
	.full-down-menu		{ top:120px}
	/* Local Navigation Bar */
	#location.fixed		{ top:120px}
 	/* Global Navigation Bar */
	.gnb				{ margin-top:40px; margin-right:110px}
	.gnb ul li			{ padding-left:110px}
	.gnb ul li span,.gnb ul li strong{ font-size:26px}
	/* Layout */
	.header,.header-content{ height:120px}
	.header-content h1	{ top:32px; width:179px; height:58px}
	.header-content h1 a{ font-size:28px; line-height:26px}
	.header-content .all-menu,.header-content .map-point{ top:35px}
	.header-content .all-menu>button,.header-content .map-point>button{ width:50px; height:50px; background-position:100% 0; background-size:auto}
	/* Main */
	#mainPromotion		{ border-bottom:20px solid #0aa9e0}
	#mainPromotion .mask li.slider-1 .img{ background-position:70% 0}
	#mainPromotion .mask li.slider-2 .img{ background-position:75% 0}
	#mainPromotion .mainSlogan img{ width:auto}
	#mainPromotion .mainSlogan .desc{ margin-top:20px}
	section.board .board-box h3{ margin-bottom:25px; font-size:26px}
	section.data-zone h3,section.data-zone .f-a-q h3 strong,section.data-zone .raw-static h3 strong{ font-size:26px}
	section.data-zone .notification h3{ margin-bottom:25px}
	section.data-zone .f-a-q h3{ margin-bottom:15px}
	/* Album */
	.gallery .gallery-box{ margin-top:35px; width:47%}
	.gallery .gallery-box:nth-child(even){ margin-left:6%}
	.gallery .gallery-box .image-caption{ height:250px}
	.gallery .gallery-box .title .date{ font-size:16px}
	.gallery .gallery-box strong{ line-height:1.6em; height:1.6em; font-size:18px}
	/* 서브 콘텐츠 */
	.hgroup				{ height:290px}
	.hgroup .sub-title	{ padding:0 20px 50px}
	.hgroup h2.sub-title span{ margin-top:40px; font-size:20px; line-height:28px}
	.hgroup h2.sub-title strong{ font-size:50px; line-height:46px}
	.hgroup .sub-title strong img{ width:auto}
	ul.map-info li span{ width:83%; line-height:30px}
	ul.map-info li strong{ width:15%}
	ul.map-info li span,ul.map-info li strong,ul.map-info .metro-info li{ font-size:18px}
	ul.map-info .metro-info{ margin-top:40px}
	ul.map-info .metro-info li span{ width:auto}
}
@media all and (min-width:1300px){
	/* Scroll To Top */
	#back-top			{ right:50px; bottom:50px; width:65px; height:65px; background-size:auto}
	/* Kakao Map */
	#map,#d-map,#d-roadview{ height:550px}
	/* Search Form */
	.searchForm input[type=text]{ width:450px}
	/* Board List-View */
	/* List-thumb Mixed */
	.thumb-list .no 	{ width:100px}
	.thumb-list .list-numeral.R2{ width:140px}
	.thumb-list .list-numeral.R1{ right:140px; width:140px}
	.thumb-list div.shortening,.thumb-list .title strong{ padding-right:90px}
	.thumb-list .link-button{ right:15px}
	/* Masonry List */
	.grid-box .fix-wrap	{ height:300px}
	.grid-box strong	{ font-size:18px; text-align:left}
	.grid-box .imgholder .image-caption img{ width:500px}
	/* Table */
	.default			{ margin-bottom:20px}
	.default th,.default td,.default.board td button{ font-size:18px; line-height:24px}
	.default.cap table th,.default.cap table td{ padding:25px 45px; line-height:28px}
	.default.cap table th strong{ font-size:20px}
	/* Tab Menu */
	ul.tab-menu			{ margin-bottom:50px}
	ul.tab-menu li,ul.tab-menu li button{ height:60px; line-height:56px}
	ul.tab-menu li a,ul.tab-menu li button,ul.tab-menu li span{ font-size:18px}
	ul.tab-menu.col2	{ width:500px}
	ul.tab-menu.col2 li	{ width:250px}
 	/* Global Navigation Bar */
	.gnb				{ margin-right:90px}
	/* Full Down Menu */
	.full-down-menu .gnb-full{ width:1200px}
	/* Layout */
	.body,.body.main	{ padding:0}
	.header-content		{ width:1200px}
	.header-content h1	{ left:0}
	.header-content .all-menu{ right:0}
	.header-content .map-point{ right:50px}
	.footer				{ padding-top:30px}
	.footer .footer-content{ margin-top:30px; padding:30px 0; width:1200px}
	.footer .address p a{ top:25px}
	/* Swiper */
	.swiper-button-prev1,.swiper-button-next1{ top:55% !important; bottom:auto !important}
	.play-stop			{ bottom:88px}
	/* Main */
	section .head-title	{ margin-bottom:80px}
	section .head-title span{ font-size:18px; line-height:24px}
	section .head-title strong{ font-size:2.7rem; line-height:1.3}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ margin:0 auto; padding-left:0; width:1200px}
	#mainPromotion .mainSlogan strong{ font-size:3.75rem}
	#mainPromotion .mainSlogan .desc span{ font-size:1.8rem}
	#mainPromotion .mainSlogan .btnMore{ margin-top:100px; height:55px; line-height:55px; font-size:18px}
	#mainPromotion li.slider-1 .mainSlogan .btnMore,#mainPromotion li.slider-2 .mainSlogan .btnMore{ margin-top:50px}
	section.ars-info,section.board,section.data-zone{ padding:80px 0}
	section.ars-info,section.board article,section.data-zone article,
	#location .head,section.boardWrap article,section.sub-wrap article{ margin:0 auto; width:1200px}
	section.ars-info	{ padding-bottom:0}
	.body.main section.ars-info article{ padding:50px 80px}
	section.ars-info .ars-help .info{ width:538px}
	section.ars-info .ars-help .tel{ width:408px}
	section.board .board-box h3{ margin-bottom:30px; font-size:32px}
	section.data-zone	{ padding-top:0}
	section.data-zone h3,section.data-zone .f-a-q h3 strong,section.data-zone .raw-static h3 strong{ font-size:32px}
	section.data-zone .notification h3{ margin-bottom:30px}
	section.data-zone .f-a-q h3,section.data-zone .raw-static h3{ }
	/* Album */
	.gallery .gallery-box{ margin-top:40px; width:31%}
	.gallery .gallery-box:nth-child(3){ margin-top:0}
	.gallery .gallery-box:nth-child(4),.gallery .gallery-box:nth-child(7),.gallery .gallery-box:nth-child(10){ margin-left:0}
	.gallery .gallery-box:nth-child(2),.gallery .gallery-box:nth-child(3),.gallery .gallery-box:nth-child(5),.gallery .gallery-box:nth-child(6),
	.gallery .gallery-box:nth-child(8),.gallery .gallery-box:nth-child(9),.gallery .gallery-box:nth-child(11),.gallery .gallery-box:nth-child(12){ margin-left:3.5%}
	.gallery .gallery-box .image-caption{ height:230px}
	/* 서브 콘텐츠 */
	section.sub-wrap,section.boardWrap{ }
	.hgroup .sub-title	{ margin:0 auto; padding:0 0 50px; width:1200px}
	.summary .ars-info	{ padding:50px 80px}
	.summary .ars-info .ars-help .info{ width:538px}
	.summary .ars-info .ars-help .tel{ width:408px}
	.kakao-map			{ margin:0 auto; width:1200px}
	ul.map-info			{ width:1200px}
}