@charset "UTF-8"; /* 한글이나 특수문자 들어갈 수 있어서 인코딩 UTF-8 추가 (20230916 정 혁) */

/*
.container {max-width:1200px; margin:0 auto;}
span.icon {display:inline-block; background-image:url('/img/layout/icon.png?ver=1'); background-repeat:no-repeat; background-position:50% 0px;}
*/




/*
header {height:43px;}
header div.left {float:left; width:calc(50% - 350px); height:43px; background-color:#81bd23;}
header div.right {float:left; width:calc(50% + 350px); height:43px; background-color:#50a3d0;}
header div.right div {width:950px;}
header div.right ul {float:right;}
header div.right ul li {float:left; font-size:10px; color:#98cfed;}
header div.right ul li a {font-size:13px; color:#ffffff; line-height:43px; padding-left:15px; padding-right:15px; vertical-align:middle;}
header div.right ul li:after{content:' | ';}
header div.right ul li:last-child:after{content:'';}*/


/*
#GNBToggle {padding:5px 6px; display:none; cursor:pointer; z-index:9; position:relative;}
#GNBToggle div {width:100%; height: 4px; margin: 5px 0; background-color:#ffffff; transition: 0.4s;}
#GNBToggle.on div:first-child {-webkit-transform: translate(0,9px) rotate(-135deg); -moz-transform: translate(0,9px) rotate(-135deg); -ms-transform: translate(0,9px) rotate(-135deg); -o-transform: translate(0,9px) rotate(-135deg); transform: translate(0,9px) rotate(-135deg);}
#GNBToggle.on div:nth-child(2) {-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 0;}
#GNBToggle.on div:nth-child(3) {-webkit-transform: translate(0,-9px) rotate(135deg); -moz-transform: translate(0,-9px) rotate(135deg); -ms-transform: translate(0,-9px) rotate(135deg); -o-transform: translate(0,-9px) rotate(135deg); transform: translate(0,-9px) rotate(135deg);}*/



/*nav {clear:both; max-width:1200px; height:94px; margin:0 auto;}

#TopLogo {float:left; width:250px; text-align:center;}
#TopLogo a {line-height:94px;}
#TopLogo a img {vertical-align:middle;}

#GNB {float:left; width:calc(100% - 250px); transition: 0.25s;}
#GNB .MobileSNB {display:none; background-color:#203359; width:70px; height:100%; float:left;}
#GNB .MobileSNB ul {border-top:1px solid #586683; width:100%; margin-top:110px;}
#GNB .MobileSNB ul li {border-bottom:1px solid #586683; text-align:center; padding:7px 0; }
#GNB .MobileSNB ul li a {color:#ffffff; letter-spacing:-1px; font-size:9px;}
#GNB .MobileSNB ul li span.icon {width:100%; height:30px; background-position:50% -360px; background-size:50px; margin-bottom:-9px;}
#GNB .MobileSNB ul li:nth-child(2) span.icon {background-position:50% -410px;}
#GNB .MobileSNB ul li:nth-child(3) span.icon {background-position:50% -460px;}
#GNB .MobileSNB ul li:nth-child(4) span.icon {background-position:50% -510px;}
#GNB .MobileSNB ul li:nth-child(5) span.icon {background-position:50% -660px;}
#GNB .MobileSNB ul li:nth-child(6) span.icon {background-position:50% -710px;}

#GNB .MobileSNB ul li.icon01 span.icon {background-position:50% -360px;}
#GNB .MobileSNB ul li.icon02 span.icon {background-position:50% -410px;}
#GNB .MobileSNB ul li.icon03 span.icon {background-position:50% -460px;}
#GNB .MobileSNB ul li.icon04 span.icon {background-position:50% -510px;}
#GNB .MobileSNB ul li.icon05 span.icon {background-position:50% -660px;}
#GNB .MobileSNB ul li.icon06 span.icon {background-position:50% -710px;}

#GNB .MobileLogo {height:110px; background-color:#1e90cc; text-align:center; display:none; line-height:110px; float:left;}
#GNB .MobileLogo img {vertical-align:middle; max-width:90%;}
#GNB > .right > ul {float:right; width:100%; max-width:800px;}
#GNB > .right > ul > li {float:left; width:20%; max-width:160px; text-align:center; position:relative;}
#GNB > .right > ul > li > a {display:inline-block; width:100%; height:94px; max-width:85px; font-weight: 700; font-size:22px; color:#000000; line-height:94px;}
#GNB > .right > ul > li:hover > a {height:94px; border-bottom:solid 3px #81bd23; line-height:94px;}
#GNB > .right > ul > li > ul {position:absolute; display:none; width:100%; background-color:#ffffff; padding:10px 0 20px 0; z-index:1;}
#GNB > .right > ul > li:hover > ul {display:block;}
#GNB > .right > ul > li > ul > li {}
#GNB > .right > ul > li > ul > li > a {display:inline-block; width:100%; height:42px; line-height:42px; color:#333333; font-size:16px; font-weight: 500; letter-spacing:-1px;}
#GNB > .right > ul > li > ul > li > a:hover {color:#76b416;}

#GNBBg {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:5; background:rgba(0,0,0,.6)}
#GNBBg.on {display:block; opacity:0.55;}
.BGFix {position:relative; overflow-x:hidden; overflow-y:hidden; top:0; left:0; bottom:0; right:0;}*/


/*
section {}

#MainVisual {position:relative;}
#MainVisual ul {}
#MainVisual ul li {}
#MainVisual ul li img {width:100%; display:block;}
#MainVisual div.typo div {width:460px; float:right;}
#MainVisual div.typo {position:absolute; top:200px; width:calc(50% - 140px); background-color: rgba( 12, 28, 59, 0.7 ); line-height:1.1; padding:5px 0; transition: 0.25s;}
#MainVisual div.typo p {letter-spacing:-5px;}
#MainVisual div.typo p:first-child {font-size:60px; color:#ffffff; font-family: 'SCDream5'; font-weight: 500;}
#MainVisual div.typo p:nth-child(2) {font-size:60px; color:#3efffd; font-family: 'SCDream2'; font-weight: 100;}
#MainVisual div.typo p:nth-child(3) {font-size:18px; color:#ffffff; font-family: 'SCDream4'; font-weight: 400; line-height:2; letter-spacing:-1px;}
#MainVisual div.typo p:nth-child(3) span {font-family: 'SCDream5'; font-weight: 500;}
#MainVisual div.typo p:nth-child(3) span:first-child {color:#7ceb10;}
#MainVisual div.typo p:nth-child(3) span:nth-child(2) {color:#ffc808;}
#MainVisual #btnscroll {position:absolute; bottom:20px; left:50%; color:#ffffff; background-image:url('/img/main/scroll_arrow.png'); background-repeat:no-repeat; background-position:50% bottom; padding-bottom:10px; width:60px; height:60px; text-align:center; cursor:pointer;}

#NainCourse { margin:0 auto; background-color:#eff8fe; border-bottom:1px solid #d7e3e7; text-align:center;}
#NainCourse img {width:100%; max-width:1200px;}*/


/*
#MainContents {max-width:1200px; margin:0 auto;}
#MainNotice {float:left; width:31%; padding:40px 25px 0 10px;}
#MainNotice h2 {font-size:24px; color:#040404;}
#MainNotice h2 a {float:right; display:inline-block; height:25px; padding:0 15px; line-height:21px; border:1px solid #b7b7b7; font-size:13px; color:#868686; border-radius:12px; vertical-align:middle;}
#MainNotice ul {margin-top:15px;}
#MainNotice ul li {line-height:32px;}
#MainNotice ul li a {color:#5e5e5e; font-size:15px; letter-spacing:-1px;}
#MainNotice ul li:before{content:'쨌 ';}
#MainNotice ul li span {float:right; color:#7f7f7f; font-size:13px;}

#MainInquiry {float:left; width:23%; height:260px; background-color:#69ba29; text-align:center; color:#ffffff; letter-spacing:-1px; padding:20px 17px 0 17px;}
#MainInquiry h2 {font-size:24px; margin-top:10px;}
#MainInquiry span.icon {width:100%; height:70px; background-position:50% -405px; margin-top:10px;}
#MainInquiry fieldset {margin-top:20px; width:100%; height:38px; background-color:#ffffff; padding:5px; box-sizing: border-box;}
#MainInquiry fieldset input {width:calc(100% - 40px); height:24px;}
#MainInquiry fieldset #search_submit {display:inline-block; width:40px; text-align:center; height:24px; line-height:21px; color:#4d9c0f; border-left:1px solid #96cf69; font-size:14px; font-weight: 700; vertical-align:middle; cursor:pointer;}

#MainAccounts {float:left; width:23%; height:260px; background-color:#1e90cc; text-align:center; color:#ffffff; letter-spacing:-1px; padding-top:20px; overflow:hidden; position:relative;}
#MainAccounts h2 {font-size:24px; margin-top:10px;}
#MainAccounts span.icon {width:100%; height:70px; background-position:50% -505px; margin-top:10px;}
#MainAccounts p {font-size:12px; line-height:22px; margin-top:18px;}
#MainAccounts a {color:#ffffff; font-size:16px; letter-spacing:0;}
#accountnumber {position:absolute; top:-100px; }
.accountclick {cursor:pointer;}
#MainCardInformation {float:left; width:23%; height:260px; background-color:#203359; text-align:center; color:#ffffff; letter-spacing:-1px; padding-top:20px;}
#MainCardInformation h2 {font-size:24px; margin-top:10px;}
#MainCardInformation span.icon {width:100%; height:70px; background-position:50% -605px; margin-top:10px;}
#MainCardInformation p {font-size:13.1px; line-height:22px; margin-top:20px;}*/


/*
#MainDestination {clear:both; background-color:#e8e8e8; padding:45px 0;}
#MainDestination h2 {display:inline-block; width:100%; height:45px; background-image:url('/img/main/line.png'); background-repeat:repeat-x; background-position:50% 50%; color:#040404; font-family: 'SCDream5'; font-weight: 500; font-size:30px; text-align:center;}
#MainDestination h2 span {display:inline-block; height:45px; background-color:#e8e8e8; padding:0 35px;}
#MainDestination p {color:#787878; text-align:center;}
#MainDestination > div {max-width:1200px; margin:0 auto; padding-top:35px; position:relative;}
#MainDestination ul {}
#MainDestination ul li {text-align:center;}
#MainDestination ul li a {display:inline-block; width:140px; height:140px; background-image:url('/img/main/tour.png'); background-repeat:no-repeat; background-position:0px 0px; text-indent:-999999px;}
#MainDestination ul li.d1 a {background-position:0px 0px;}
#MainDestination ul li.d2 a {background-position:-204px 0px;}
#MainDestination ul li.d3 a {background-position:-408px 0px;}
#MainDestination ul li.d4 a {background-position:-612px 0px;}
#MainDestination ul li.d5 a {background-position:-816px 0px;}
#MainDestination ul li.d6 a {background-position:-1020px 0px;}
#MainDestination ul li.d7 a {background-position:-1224px 0px;}
#MainDestination ul li.d8 a {background-position:-1428px 0px;}
#MainDestination ul li.d1 a:hover {background-position:0px -154px;}
#MainDestination ul li.d2 a:hover {background-position:-204px -154px;}
#MainDestination ul li.d3 a:hover {background-position:-408px -154px;}
#MainDestination ul li.d4 a:hover {background-position:-612px -154px;}
#MainDestination ul li.d5 a:hover {background-position:-816px -154px;}
#MainDestination ul li.d6 a:hover {background-position:-1020px -154px;}
#MainDestination ul li.d7 a:hover {background-position:-1224px -154px;}
#MainDestination ul li.d8 a:hover {background-position:-1428px -154px;}
#MainDestination .bx-wrapper .bx-controls-direction .bx-prev{display:inline-block; text-indent:-99999px; overflow:hidden; width:21px; height:39px; background-image:url("/img/main/arrow.png"); background-repeat:no-repeat; background-position:0px 0px; position:absolute; top:85px; left:-30px;}
#MainDestination .bx-wrapper .bx-controls-direction .bx-next{display:inline-block; text-indent:-99999px; overflow:hidden; width:21px; height:39px; background-image:url("/img/main/arrow.png"); background-repeat:no-repeat; background-position:-49px 0px; position:absolute; top:85px; right:-30px;}
*/

/*
#SubVisual {height:230px; background-image:url('/img/layout/sub_visual.jpg'); background-size:cover; background-position:50%;}
#SubVisual h1 {font-family: 'SCDream5'; font-weight: 500; font-size:48px; color:#ffffff; line-height:230px; text-align:center;}
#LNB {height:53px; border-bottom:1px solid #dedede;*zoom:1;}
#LNB:after {content:""; clear:both; display:block;}
#LNB ul {display: table; margin:0 auto;}
#LNB ul li {float:left;}
#LNB ul li a {display:inline-block; padding:0 55px; height:53px; line-height:53px; color:#5d5d5d; font-size:19px; font-weight: 700;}
#LNB ul li a:hover {color:#163669;}
#LNB ul li.on a {color:#163669; font-weight: 900; border-bottom:2px solid #163669;}
#SubContents {min-height:500px; padding:90px 0;  word-break:keep-all; clear:both;}
#SubContents h2 {font-size:40px; font-family: 'SCDream4'; font-weight: 400; text-align:center; padding-bottom:20px;}
#SubContents h3 {font-size:24px; font-weight: 500; color:#1e1e1e; margin-top:40px; padding-left:30px; padding-bottom:15px; background-image:url("/img/content/icon.png"); background-repeat:no-repeat; background-position:0px 17px;}
.se2_inputarea h3 {font-size:24px; font-weight: 500; color:#1e1e1e; margin-top:40px; padding-left:30px; padding-bottom:15px; background-image:url("/img/content/icon.png"); background-repeat:no-repeat; background-position:0px 17px;}
*/

/*.pagenote { text-align:center; margin-top:20px; padding-bottom:55px;}*/
/*.pagenote p {display:inline; font-size:22px; color:#262626; text-align:center; border-bottom:1px solid #747474; line-height:36px;} */
/*
.pagenote p {display:inline; font-size:22px; color:#262626; text-align:left !important; line-height:42px;}

.pagenote.escalarm { padding-bottom:20px; max-width:700px; margin:0 auto;}
.pagenote.escalarm p {line-height:32px;}

.pagenoteSub {margin: auto; max-width:1200px; padding:10px; font-size:22px; color:#262626; text-align:left !important; line-height:32px;}

.pagetab {max-width:1200px; margin:0 auto;}
.pagetab ul {display: table; margin:0 auto 20px auto; border-left:1px solid #d3d3d3; }
.pagetab ul li {float:left;}
.pagetab ul li span {display:inline-block; width:180px; height:70px; line-height:70px; text-align:center; cursor:pointer; font-size:18px; color:#777777; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.pagetab ul li span:hover {color:#163669;}
.pagetab ul li span.on {background-color:#163669; color:#ffffff;}

.submitform {max-width:1200px; margin:0 auto; background-color:#eef0f5; padding:50px 20px;}
.submitform form {}
.submitform form ul {width:100%; max-width:360px; display: table; margin:0 auto;}
.submitform form ul li {padding:7px 0;}
.submitform form ul li select {border:1px solid #b7c0ce; width:100%; height:50px; padding:0 20px;}
.submitform form ul li input {border:1px solid #b7c0ce; width:100%; height:50px; padding:0 20px;}
.submitform form ul li button {background-color:#81bd23; color:#ffffff; font-size:20px;  width:100%; height:50px;}
.submitform form ul li button.cancel {background-color:#666666; color:#ffffff; font-size:20px;  width:100%; height:50px;}
.submitform form ul li textarea {border:1px solid #b7c0ce; width:100%; height:150px; padding:20px;}
.submitform form ul li input#searchday {text-align:center; font-weight:700; font-size:24px;}
.submitform_button {width:100%; max-width:360px; display: table; margin:0 auto; background-color:#81bd23; color:#ffffff; font-size:20px;  width:100%; height:50px; line-height:50px;}
*/

/* 핸드폰인증 버튼 (20230905 정 혁) */
/*
.submitform_auth_button {display:inline-block; padding:8px 20px; text-align:center; margin-top:3px; background-color:#666666; color:#ffffff; font-size:20px; cursor:pointer; vertical-align: middle;}
*/

/* 핸드폰인증 > 인증확인 버튼 (20230908 정 혁) */
/*
.submitform_authchk_button {display:inline-block; padding:8px 20px; text-align:center; margin-top:3px; background-color:#f41818; color:#ffffff; font-size:20px; cursor:pointer; vertical-align: middle;}
*/

/* 핸드폰인증 버튼 > 회원가입페이지 (20230913 정 혁) */
/*
#join_auth_cellphone .submitform_auth_button {font-size:16px;}
#join_auth_cellphone .submitform_authchk_button {font-size:16px;}
#join_auth_cellphone label {color:#000; background-color:#ffffff; cursor:pointer; height:auto; line-height:normal; width:auto; text-align:left;}
#join_auth_cellphone #divAuthUserPhone {margin-top:10px;}*/


/* 미납알림서비스 신청 (20230914 정 혁) */
/*
#escalarm_service h3.bline {border-bottom:1px solid #333333; margin-bottom:15px;}

#escalarm_service ul.list-style {list-style-type:disc; margin:5px 0;}
#escalarm_service ul.list-style li {list-style-type:disc; margin:3px 0 3px 26px;}*/


/* 미납알림서비스 약관 (20230921 정 혁) */
/*
#pop-privacy pre {font-size:14px; white-space:pre-wrap; word-break:break-all; line-height:1.5;}
*/

/* 기본 버튼 (20230916 정 혁) */
/*
.section-content {max-width:1200px; margin:0 auto;}
.button-box {text-align:center; margin:0 auto; padding:20px;}
.btn-basic {display:inline-block; padding:10px 20px; margin:5px; text-align:center; background-color:#666666; color:#ffffff; font-size:16px; cursor:pointer; vertical-align: middle;}
.btn-basic.btn-blue {background-color:#163669; color:#ffffff; border:2px solid #163669;}
.btn-basic.btn-blue2 {background-color:#0d6efd; color:#ffffff;}
.btn-basic.btn-green {background-color:#198754; color:#ffffff;}
.btn-basic.btn-red {background-color:#bb2d3b; color:#ffffff; border:2px solid #bb2d3b;}
.btn-basic.btn-yellow {background-color:#ffc107; color:#000000;}
.btn-basic.btn-light {background-color:#f9fafb; color:#000000;}
.btn-basic.btn-black {background-color:#212529; color:#000000;}

.btn-basic.btn-blue-box {box-sizing:border-box; border:2px solid #163669; background-color:#ffffff; color:#163669;}
.btn-basic.btn-red-box {box-sizing:border-box; border:2px solid #bb2d3b; background-color:#ffffff; color:#bb2d3b;}
*/

/* clearfix css (20230916 정 혁) */
/* .clearfix:after{content:""; display:black; clear:both;} */
/*
@mixin clearfix() {
	&::after {
		display: block;
		clear: both;
		content: "";
	}
}*/


/*
.escalarm-process {}
.escalarm-process ul {margin:15px 0; clear:both; overflow:hidden;}
.escalarm-process ul li {float:left; padding-bottom:10px}
.escalarm-process ul li span {display:inline-block; padding:10px 20px; border:2px solid #82be22; border-radius:8px;}
.escalarm-process ul li em {vertical-align:middle; margin:15px 5px 0 13px;}*/

/* .escalarm-process ul li em {display:inline-block; border:40px solid transparent;} */

/* CSS 삼각형 (20230915 정 혁) */
/*
.triangle {display: inline-block; border:6px solid transparent;}
.triangle--left {border-left-color: #000000;}
.triangle--right {border-right-color: #000000;}
.triangle--top {border-top-color: #000000;}
.triangle--bottom {border-bottom-color: #000000;} 

.submitform > ul {display: table; margin:0 auto; padding-top:10px;}
.submitform > ul > li {float:left; color:#262626;}
.submitform > ul > li:after{content:' | ';}
.submitform > ul > li > a { padding:0 10px 0 15px; color:#262626;}
.submitform > ul > li:last-child:after{content:'';}*/


/*
.table_default {max-width:1200px; margin:0 auto;}
.table_default table {width:100%; border-top:2px solid #81bd23; font-size:19px; border-left:1px solid #dddddd;}
.table_default table thead tr th {background-color:#f3f3f3; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:15px 0; font-weight: 400;}
.table_default table tbody tr th {border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:15px 0; text-align:center; background-color:#f3f3f3; font-weight: 500;}
.table_default table tbody tr td {border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:15px 0; text-align:center;}
.table_default table tfoot tr td {border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:15px 0; text-align:center;}
.table_default table tbody tr td.description {text-align:left; padding-left:15px;}
.table_default table tbody tr td.description ul li:before{content:'쨌 ';}

#static1 tbody tr.on td {background-color:#b2ffff;}
#static2 tbody tr.on td {background-color:#b2ffff;}

.imgfull {text-align:center;}
.imgfull img {width:100%;}
.imgfull .img13_1 {max-width:830px;}*/



/*
.img_view {max-width:1200px; margin:0 auto; position:relative;}
.img_view img {width:100%;}
.img_view iframe {width:100%; max-width:1200px; height:850px; border:1px solid #b4b4b4; box-sizing: border-box;}

.bbs_list {max-width:1200px; margin:0 auto;}
.bbs_list table {width:100%; border-top:2px solid #000000; font-size:16px;}
.bbs_list table thead tr th {background-color:#f3f3f3; border-bottom:1px solid #dddddd; padding:15px 0; font-weight: 400;}
.bbs_list table tbody tr td {border-bottom:1px solid #dddddd; padding:15px 0; text-align:center;}
.bbs_list table tbody tr td.description {text-align:left; padding-left:15px;}
.faq table tbody tr td {padding:0px 0; text-align:left; }
.faq .qus {cursor:pointer; display:inline-block; width:100%; padding:25px 0 25px 80px; position:relative;}
.faq .ans {background-color:#f5f5f5; display:none; padding:25px 0 25px 80px; position:relative; border-top:1px solid #e9e9e9;}
.faq .ans p {word-break:break-all}
.faq .ans img {max-width:100%;}
.faq .qus:before {content: 'Q'; font-size: 25px; font-weight: 900; background-color:#50a3d0; color:#ffffff; display:inline-block; width:48px; height:48px; line-height:44px; text-align:center; border-radius:24px; vertical-align:middle; margin-right:15px; position:absolute; top:50%; left:16px; margin-top:-24px;}
.faq .ans:before {content: 'A'; font-size: 25px; font-weight: 900; background-color:#81bd23; color:#ffffff; display:inline-block; width:48px; height:48px; line-height:44px; text-align:center; border-radius:24px; vertical-align:middle; margin-right:15px; position:absolute; top:50%; left:26px; margin-top:-24px;}
*/

/*
.gallery_list {max-width:1200px; margin:0 auto;}
.gallery_list ul {}
.gallery_list ul li {float:left; width:25%;}
.gallery_list ul li a {display:inline-block; width:100%;}
.gallery_list ul li a img {width:100%;}
.gallery_list ul li a span {display:inline-block; width:100%; height:40px; overflow:hidden;}
*/

/*
.bbs_view {max-width:1200px; margin:0 auto;}
.bbs_view table {width:100%; border-top:2px solid #000000; font-size:16px;}
.bbs_view table thead tr th {background-color:#f3f3f3; border-bottom:1px solid #dddddd; padding:15px 0; font-weight: 400;}
.bbs_view table tbody tr th {border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:15px 0; text-align:center; background-color:#f3f3f3; font-weight: 500;}
.bbs_view table tbody tr td {border-bottom:1px solid #dddddd; padding:15px;}
.bbs_view table tbody tr td span.info {display:block; text-align:right; font-size:13px;}
.bbs_view table tbody tr td img {max-width:100%;}
.bbs_view table tbody tr td img.myinfo {max-width:50%; margin:0 auto;}
*/

/*
.bbs_write {max-width:1200px; margin:0 auto;}
.bbs_write table {width:100%; border-top:2px solid #000000; font-size:16px;}
.bbs_write table thead tr th {background-color:#f3f3f3; border-bottom:1px solid #dddddd; padding:15px; font-weight: 400;}
.bbs_write table thead tr th input[type="text"] {border:1px solid #b7c0ce; width:100%; height:40px; padding:0 20px;}
.bbs_write table tbody tr td {border-bottom:1px solid #dddddd; padding:15px;}
.bbs_write table tbody tr td input[type="text"] {border:1px solid #b7c0ce; width:100%; height:40px; padding:0 20px;}
.bbs_write table tbody tr td input[type="password"] {border:1px solid #b7c0ce; width:100%; height:40px; padding:0 20px;}
.bbs_write table tbody tr td input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.bbs_write table tbody tr td label {display: inline-block; color: #ffffff; vertical-align: middle; background-color: #999ea5; cursor: pointer; height:40px; line-height:40px; width:100px; text-align:center;}
.bbs_write table tbody tr td input[type="text"].upload-name {width:calc(100% - 100px);}
.bbs_write table tbody tr td textarea {border:1px solid #b7c0ce; width:100%; height:500px; padding:0 20px;}
.bbs_write table tbody tr td textarea#contents {border:none; padding:0px 0px; width:calc(100% - 70px);}
.bbs_write table tbody tr th {border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:15px 0; text-align:center; background-color:#f3f3f3; font-weight: 500;}
*/

/*
.bbs_pager {clear:both; text-align:center; margin-top:24px}
.bbs_pager li {display:inline-block; font-size:0;}
.bbs_pager li a {font-size:14px; color:#464646; width:26px; height:26px; display:block; line-height:24px; margin:0 4px;}
.bbs_pager li a.on {border:1px solid #464646;}
*/

/*
.bbs_btn_area {max-width:1200px; margin:0 auto; padding:10px 0 ; text-align:right;}
.bbs_btn_style {display:inline-block; font-size:16px; font-weight:700; background:#50a3d0; color:#ffffff; padding:0px 32px; height:44px; line-height:44px; vertical-align: middle; text-align: center;}
.bbs_btn_black {color:#ffffff; background:#81bd23;}
*/

/*
.textarea {max-width:1200px; margin:0 auto; *zoom:1;}
.textarea:after {content:""; clear:both; display:block;}
.textarea textarea {width:100%; border:none; height:300px; padding:30px; border:1px solid #dcdcdc;}
.textarea p {display:block; padding:15px 0; color:#010101; font-weight: 300; font-size:16px;}
.textarea p b {font-weight: 300; background-color:#ffff00; }
.textarea p a {font-weight: 300; background-color:#ffff00; color:#010101;}

.textarea input[type='checkbox'] {display:none;}
.textarea label {cursor:pointer;}
.textarea input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 26px; height: 26px; vertical-align: middle; margin: 0 10px 0 0; background-image:url("/img/layout/bullet.png"); background-repeat:no-repeat; background-position:50% -200px; background-size:100px;}
.textarea input[type='checkbox']:checked + label::before {background-position:50% -100px;}
*/

/*실시간 교통정보*/
/*
.realtip {margin-top:10px;}
.realtip ul {display: table; margin:0 auto;}
.realtip ul li {font-size:18px; color:#262626; float:left; padding:0 11px;}
.realtip ul li span {display:inline-block; width:36px; height:36px; border-radius:18px; background-color:#79ea00; vertical-align:middle;}
.realtip ul li:nth-child(2) span {background-color:#f5dc34;}
.realtip ul li:nth-child(3) span {background-color:#fb0d2e;}
*/

/*#MapWrap {position:relative; width:100%; max-width:1200px; margin:25px auto;}*/
#realmap{width:100%; height:500px;}
@media only screen and (max-width:1024px){
	#realmap{height:400px;}
}
@media only screen and (max-width:650px){
	#realmap{height:300px;}
}

/*
#VideoWrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:10; background:rgba(0,0,0,.6)}
#VideoWrap.on {display:block;}

#VideoWrap .VideoWindow {width:600px; height:370px; position:absolute; top:50%; left:50%; margin:-185px 0 0 -300px; background-color:#000000; box-shadow: 0px 0px 10px rgba(0, 0, 0, .8);}
#VideoWrap .VideoWindow p.close {text-align:right;}
#VideoWrap .VideoWindow p.close span {display:inline-block; width:30px; height:30px; line-height:22px; text-align:center; color:#ffffff; cursor:pointer; vertical-align:middle;}
#VideoWrap .VideoScreen {width:100%; background-color:#aaaaaa; height:340px;}

#my-player {width:100%; height:340px;}
.my-player-dimensions {width:100% !important; height:340px !important;}
*/

/*실시간 교통정보*/

/*인사말*/
/*
.greetings {max-width:1200px; margin:0 auto;}
.greetings p {color:#262626; line-height:34px; font-size:16px; padding:10px 0;}
.greetings img {float:right; margin:0 0 20px 20px; width:50%; max-width:620px;}
.greetings p b {color:#2291cf}*/

/*인사말*/

/*도로이용안내*/
/*
.courselink {max-width:1200px; margin:0 auto; *zoom:1;}
.courselink:after {content:""; clear:both; display:block;}
.courselink ul {}*/

/*
.courselink ul li {float:left; width:calc(33.3% - 12px); margin-left:18px; padding:5px 0;}
.courselink ul li:nth-child(3n+1) {margin-left:0px; }
*/
/*
.courselink ul li {width:100%; padding:5px 0;}
.courselink ul li span.link {display:inline-block; width:100%; min-height:40px; line-height:36px; text-align:left; padding-left:5px; font-size:14px; font-weight: 500; color:#262626; border:1px solid #b4b4b4; box-shadow: 0px 2px 1px rgba(0, 0, 0, .1); border-radius:3px; cursor:pointer;}
.courselink ul li span.link:hover {box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);}
.courselink ul li span.link span.btn {vertical-align:middle; display:inline-block; background-color:#286ce3; color:#ffffff; font-size:12px; height:30px; line-height:28px; border-radius:5px; padding:0 7px 0 0; margin-right:5px;}
.courselink ul li span.link span.btn i {vertical-align:middle;}*/

/*도로이용안내*/

/*a.btn {display:inline-block; font-size:14px; font-weight:400; background:#50a3d0; color:#ffffff; padding:0px 12px; height:26px; line-height:24px; vertical-align: middle; text-align: center; border-radius:5px;}*/

/*싸이트맵*/
/*
#sitemap {max-width:1200px; margin:0 auto;*zoom:1;}
#sitemap:after {content:""; clear:both; display:block;}
#sitemap > ul {}
#sitemap > ul > li {float:left; border:1px solid #d3d3d3; width:calc(20% - 56px); margin-left:70px; display:inline-block; height:400px;}
#sitemap > ul > li:first-child {margin-left:0px;}
#sitemap > ul > li > a {display:inline-block; width:100%; text-align:center; line-height:70px; height:70px; color:#163669; font-size:23px; border-bottom:2px solid #1d3c6e;}

#sitemap > ul > li > a {position: relative; }
#sitemap > ul > li > a::after{position: absolute; bottom: -8px;left: calc(50% - 6px);content: " ";height: 0;z-index: -1; border-bottom: 6px solid; border-left: 6px solid #ffffff; border-right: 6px solid #ffffff; color: #1d3c6e;transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }


#sitemap > ul > li > ul {padding-top:30px;}
#sitemap > ul > li > ul > li > a {display:inline-block; width:100%; text-align:center; line-height:38px; height:38px; color:#262626; font-size:17px;}
#sitemap {}
*/

/*싸이트맵*/

/*aside {position:fixed; top:150px; right:30px; transition: 0.25s; z-index:9}
#SNB {width:90px; border-radius:45px; overflow:hidden; font-weight: 700; font-size:13px; text-align:center; box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);}
#SNB h2 {display:inline-block; width:100%; background-color:#1e90cc; height:55px; line-height:75px; color:#ffffff; font-size:15px;}
#SNB ul {background-color:#ffffff; padding-bottom:40px;}
#SNB ul li {}
#SNB ul li span.icon {width:100%; height:70px; background-position:50% -5px;}
#SNB ul li:nth-child(2) span.icon {background-position:50% -105px;}
#SNB ul li:nth-child(3) span.icon {background-position:50% -205px;}
#SNB ul li:nth-child(4) span.icon {background-position:50% -305px;}
#SNB ul li:nth-child(5) span.icon {background-position:50% -1105px;}
#SNB ul li:nth-child(6) span.icon {background-position:50% -1205px;}

#SNB ul li.icon01 span.icon {background-position:50% -5px;}
#SNB ul li.icon02 span.icon {background-position:50% -105px;}
#SNB ul li.icon03 span.icon {background-position:50% -205px;}
#SNB ul li.icon04 span.icon {background-position:50% -305px;}
#SNB ul li.icon05 span.icon {background-position:50% -1105px;}
#SNB ul li.icon06 span.icon {background-position:50% -1205px;}

#SNB ul li a {color:#565656; letter-spacing:-1px;}*/



/*footer {background-color:#3c464f; color:#aaaaaa; font-size:14px; padding:30px 0; line-height:25px;}
footer div {max-width:1200px; margin:0 auto;}
#CompanyInfo li {float:left;}
#CompanyInfo li span {padding:0 10px;}
#CompanyInfo li:before{content:' | ';}
#CompanyInfo li:first-child span {padding-left:0;}
#CompanyInfo li:first-child:before{content:'';}

#QuickLink {clear:both;}
#QuickLink li {float:left;}
#QuickLink li a {padding:0 10px; color:#aaaaaa; }
#QuickLink li:before{content:' | ';}
#QuickLink li:first-child a {padding-left:0;}
#QuickLink li:first-child:before{content:'';}

#Copyright {clear:both;}*/

#PopupWrap { position:absolute; top:0; left:0; z-index:100;}
#PopupWrap ul { position:relative;}
#PopupWrap ul li { float:left; margin:5px 0 0 5px;}
#PopupWrap ul li .popup { border:1px solid #000000; background:#ffffff;}
#PopupWrap ul li .closebg { position:relative; background:#000000; height:30px; overflow:hidden; margin-top:-30px; filter: alpha(opacity=75); -khtml-opacity:0.75; -moz-opacity:0.75; opacity:0.75}
#PopupWrap ul li .popupclose { background:rgba(0,0,0,0.75);  position:relative; height:30px; padding:5px 0; overflow:hidden; color:#ffffff; font-size:11px; margin-top:-5px; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bb000000,endColorstr=#bb000000);}
#PopupWrap ul .popupclose .text { float:left; padding-top:1px; padding-left:5px;}
#PopupWrap ul .popupclose .text input { margin-bottom:2px;}
#PopupWrap ul .popupclose .button { float:right; padding-right:5px;}
#PopupWrap ul .popupclose .button a {display:inline-block; height:20px; line-height:20px; width:30px; text-align:center; background-color:#ffffff; color:#000000; border-radius:2px;}

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

header div.left {width:250px;}
header div.right {width:calc(100% - 250px);}
header div.right div {width:100%;}

#MainVisual div.typo {position:absolute; top:20px; width:50%; background-color: rgba( 12, 28, 59, 0.7 ); line-height:1.1; padding:5px 0;}
#MainVisual div.typo div {width:100%; float:right;}
#MainVisual div.typo p:first-child {padding-left:20px;}
#MainVisual div.typo p:nth-child(2) {padding-left:20px;}
#MainVisual div.typo p:nth-child(3) {padding-left:20px;}*/

/*aside {position:fixed; top:auto; right:30px; transform: translate3d(120px, 0px, 0px);}

footer div {padding:0 20px;}

}*/

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

#MainVisual div.typo p:first-child {font-size:40px;}
#MainVisual div.typo p:nth-child(2) {font-size:40px;}
#MainVisual div.typo p:nth-child(3) {font-size:12px;}

#MainNotice {width:50%; padding:40px 17px 0 17px;}
#MainInquiry {width:50%;}
#MainAccounts {width:50%;}
#MainCardInformation {width:50%;}*/

#PopupWrap ul {position:relative; width:100%; padding:10px;}
#PopupWrap .popup img {max-width:100%;}

.img_view iframe {height:450px;}

}

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

header div.left {width:43px;}
header div.right {width:calc(100% - 43px);}
header div.right ul li:first-child {display:none;}
header div.right ul li:nth-child(2) {display:none;}*/

/*#GNBToggle {display:block;}

#TopLogo {clear:both; width:100%; text-align:center;}
#TopLogo a {line-height:94px;}
#TopLogo a img {vertical-align:middle;}

#GNB {position:fixed; clear:both; top:0px; right:0px; width:300px; height:100%; transform: translate3d(300px, 0px, 0px); z-index:9; background-color:#ffffff;}
#GNB .MobileSNB {display:inline-block;}
#GNB > .right {float:left; width:calc(100% - 70px); height:100%; overflow:auto;}
#GNB > .right .MobileLogo {display:inline-block; width:100%;}
#GNB > .right > ul {}
#GNB > .right > ul > li {clear:both; width:100%; max-width:100%; text-align:center;}
#GNB > .right > ul > li > a {max-width:100%; border-bottom:1px solid #dedede; text-align:left; padding-left:20px; height:65px; line-height:65px; font-size:18px; background-image:url('/img/mobile/icon.png'); background-repeat:no-repeat; background-position:95% 30px;}
#GNB > .right > ul > li > a.on {background-color:#69ba29; color:#ffffff; background-position:95% -70px;}
#GNB > .right > ul > li:hover > a {height:65px; border-bottom:solid 1px #dedede; line-height:65px;}
#GNB > .right > ul > li:hover > ul {display:none;}
#GNB > .right > ul > li > ul {position:relative; padding:10px 0 20px 0; border-bottom:solid 1px #dedede;}
#GNB > .right > ul > li > ul > li > a {text-align:left; padding-left:20px;}
#GNB > .right > ul > li > ul > li > a:before{content:'- ';}
#GNB > .right > ul > li > ul > li > a:before{padding-right:5px;}
#GNB.on {transform: translate3d(0px, 0px, 0px);}*/

/*#MainVisual div.typo p:first-child {font-size:30px;}
#MainVisual div.typo p:nth-child(2) {font-size:30px;}
#MainVisual div.typo p:nth-child(3) {font-size:9px;}*/



/*#MainNotice {width:100%; padding:20px 17px 20px 17px;}
#MainInquiry {width:100%;}
#MainAccounts {width:100%;}
#MainCardInformation {width:100%;}

#MainAccounts p {font-size:14px;}
#MainAccounts a {font-size:18px;}
#MainCardInformation p {font-size:15px;}

#MainDestination .bx-wrapper .bx-controls-direction .bx-prev{top:85px; left:0px;}
#MainDestination .bx-wrapper .bx-controls-direction .bx-next{right:0px;}
#MainDestination > div {padding:35px 20px 0 20px; position:relative;}

#MainDestination ul li.d1 a:hover {background-position:0px 0px;}
#MainDestination ul li.d2 a:hover {background-position:-204px 0px;}
#MainDestination ul li.d3 a:hover {background-position:-408px 0px;}
#MainDestination ul li.d4 a:hover {background-position:-612px 0px;}
#MainDestination ul li.d5 a:hover {background-position:-816px 0px;}
#MainDestination ul li.d6 a:hover {background-position:-1020px 0px;}
#MainDestination ul li.d7 a:hover {background-position:-1224px 0px;}
#MainDestination ul li.d8 a:hover {background-position:-1428px 0px;}*/

/*#SubVisual {height:184px;}
#SubVisual h1 {font-size:38px; line-height:184px;}

#SubContents {padding:40px 0;}
#SubContents h2 {font-size:32px;}

.greetings {padding:20px;}
.greetings img {clear:both; margin:10px auto; width:100%; max-width:620px;}

.courselink ul li {float:left; width:100%; margin-left:0px;}

.table_default table { font-size:16px;}
.table_default table tbody tr td img {max-width:100%;}

.button-box {text-align:center; margin:0 auto; padding:15px 5px;}
.btn-basic {display:inline-block; padding:10px 10px; margin:5px 1px; text-align:center; background-color:#666666; color:#ffffff; font-size:16px; cursor:pointer; vertical-align: middle;}

.pagenote.escalarm { margin-top:0px; padding-bottom:0px; padding-left:10px; padding-right:10px;}
.pagenote.escalarm p {line-height:22px;}




#VideoWrap .VideoWindow {width:300px; height:200px; margin:-100px 0 0 -150px;}
#VideoWrap .VideoScreen {width:100%; height:170px;}

#my-player {width:100%; height:170px;}
.my-player-dimensions {height:170px !important;}*/






/*#static0 thead tr th {font-size:10px; display:inline-block; float:left; width:25%; height:30px; line-height:30px; padding:0 0;}
#static0 tbody tr td {display:inline-block; float:left; width:25%; height:30px;}

#static1 thead tr th:nth-child(n+2) {display:none;}
#static1 tbody tr td {height:30px; line-height:30px; padding:0 0;}
#static1 tbody tr td:nth-child(n+2) {display:none;}

#static2 thead tr th:nth-child(n+2) {display:none;}
#static2 tbody tr td {height:30px; line-height:30px; padding:0 0;}
#static2 tbody tr td:nth-child(n+2) {display:none;}

.pagetab ul {width:100%;}
.pagetab ul li {width:33.33%}
.pagetab ul li span { width:100%; height:56px; line-height:56px;}

#realmap {width:calc(100% - 30px); margin:25px 15px 0 15px; min-height:300px;}

#LNB {height:53px; border-bottom:0px solid #dedede;}
#LNB ul {display: block; margin:0 auto;}
#LNB ul li {float:left; display:inline-block; width:33.33%}
#LNB ul li a {display:inline-block; width:100%; padding:0 5px; height:53px; line-height:53px; color:#5d5d5d; font-size:13px; font-weight: 700; text-align:center;  border-bottom:1px solid #dedede;}


.bbs_list {}
.bbs_list table {border-bottom:1px solid #dddddd; font-size:16px;}
.bbs_list.default thead {display:none;}

.bbs_list.default tr td {display:inline-block; padding:5px 0 10px 15px; border-bottom:0px solid #dddddd; font-size:13px; color:#676767;}
.bbs_list.default tr td[data-label="순번"] {display:none;}
.bbs_list.default tr td[data-label="제목"] {clear:both; display:block; width:100%; border-top:1px solid #dddddd; font-size:16px; padding:10px 0 0 15px;}
.bbs_list.default tr td[data-label="제목"] a { color:#000000; font-weight:500}
.bbs_list.default td[data-label="답변"]:before{content: attr(data-label); float: left; padding:0 0 0 0; display:inline-block; color:#676767;}
.bbs_list.default td[data-label="조회수"]:before{content: attr(data-label); float: left; padding:0 10px; display:inline-block; color:#676767;}

.gallery_list ul {padding:10px;}
.gallery_list ul li {float:left; width:50%; padding:1px;}

}

@media only screen and (max-width:480px){

#MainVisual div.typo p {letter-spacing:-2px;}
#MainVisual div.typo p:first-child {font-size:20px;}
#MainVisual div.typo p:nth-child(2) {font-size:20px;}
#MainVisual div.typo p:nth-child(3) {font-size:6px;}

}*/