@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('board.css');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:'Noto Sans KR', sans-serif}
body {letter-spacing:-0.4px; word-break:keep-all}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:700; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

/* common */
.img-responsive {display:block; max-width:100%; height:auto}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.width100 {width:100%}
.auto {margin:0 auto}
.text-center {text-align:center}
.fff {color:#ffffff !important}
.lh-20 {line-height:20px;}
.font_33{font-size: 33px !important}
.colorB {color: #0d4e96 !important}
hr {border-color:#ccc}

/* headerTop */
#headerTop {width:100%; background:#0d4e96}
#headerTop > section {max-width:1280px; margin:0 auto; overflow:hidden; text-align:right}
#headerTop > section .logout, .menuBtn {font-size:12px; color:#fff; letter-spacing:0; margin-left:20px; line-height:35px; vertical-align:middle}
#headerTop > section a:hover {color:#5cc8d5; text-decoration:none}

/* header */
#header {width:100%; background:#fff}
#header > section {max-width:1280px; margin:0 auto; padding:25px 0; position:relative; height:80px}
#header > section > h1 {float: left;}
#header > section > h1 > a.btn_side {display:none; font-size:24px; text-align:right; color:#000;}
.gnb {float:right}
.gnb > li {float:left; line-height:30px; position:relative}
.gnb > li:first-child {margin-left:0}
.gnb > li > a {color:#000; text-decoration:none; padding:15px 7px; font-size:16px; letter-spacing:-1px; font-weight:400}
.gnb > li > a:hover {color:#0d4e96; font-weight:500}
.gnb > li.active > a, .gnb > li.on > a {color:#0d4e96; font-weight:500}
.gnb > li > ul {display:none; list-style:none; position:absolute; text-align:center; top:132%; left:50%; z-index:9999; float:right; border-top:solid 2px #0d4e96; min-width:150px; transform:translate(-50%, 0%)}
.gnb > li.active > ul {display:block}
.gnb > li > ul > li > a {color:#000; display:block; padding:5px 10px; border-bottom:solid 1px #e4e4e4; text-align:left; font-size:15px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0; text-decoration:none}
.gnb > li > ul {background-color:#fff}
.gnbWrap h2.tit {display:none; color:#fff; line-height:50px; text-indent:15px; font-weight:700; border-bottom:1px solid #e2e3e2; background:#0e4e96; font-size:16px}
.gnbWrap .close {display:none; position:absolute; top:15px; right:15px; width:18px; height:18px;background-image:url('../images/btn_close.png'); background-position: 0 0;background-size: 18px 18px;text-indent:-9999px; opacity:1}
#mask {position:absolute;z-index:99991;background:rgba(0,0,0,0.8) 0 0;display:none;left:0;top:0;width:100%;height:100%;overflow:hidden}
#header.fixed {position:fixed; top:0; left:0; width:100%; z-index:9999; background:rgba(255,255,255,0.9); box-shadow:0 0 10px 0px #0006}

/* mainVisual */
#mainVisual {background:url('../images/mainVisual_bg_2022.jpg') #2a3256 85% 30% no-repeat; width:100%; height:705px; overflow:hidden}
#mainVisual > section {max-width:1280px; margin:0 auto; position:relative}
.mainTxt {padding: 110px 0; width: 50%; float:left}
.mainTxt .t1 {color:#fff; font-size:30px; font-weight:300; animation:mV1 1.5s; -moz-animation:mV1 1.5s; -webkit-animation:mV1 1.5s; -o-animation:mV1 1.5s; animation-fill-mode:backwards}
.mainTxt .t2 {color:#fff; font-size:68px; font-weight:600; line-height:80px; margin-top:10px; animation:mV2 1.5s; -moz-animation:mV2 1.5s; -webkit-animation:mV2 1.5s; -o-animation:mV2 1.5s; animation-fill-mode:backwards}
.mainTxt .t2 span {margin-left:-23px}
.mainTxt .t3 {color: #234c79; font-size: 22px; font-weight: 500; animation:mV3 2s; -moz-animation:mV3 2s; -webkit-animation:mV3 2s; -o-animation:mV3 2s; animation-fill-mode:backwards}
.mainTxt .t4 {color: #333333; font-size: 17px; font-weight: 300; margin-top: 5px; line-height: 24px; animation:mV3 2s; -moz-animation:mV3 2s; -webkit-animation:mV3 2s; -o-animation:mV3 2s; animation-fill-mode:backwards}
.mainTxt_box {background-color: #fff; width: 250px; padding: 30px; border-radius: 30px;margin-top: 80px; animation:mV3 2s; -moz-animation:mV3 2s; -webkit-animation:mV3 2s; -o-animation:mV3 2s; animation-fill-mode:backwards}
.mainImg01 {position:absolute; bottom:-660px; left:70px; animation:fadeIn 2s; -moz-animation:fadeIn 2s; -webkit-animation:fadeIn 2s; -o-animation:fadeIn 2s; animation-fill-mode:backwards}

.mainTxt2 {padding: 110px 50px; width: 50%; float:left; overflow: hidden}
.mainTxt2 .t1 {color:#fff; font-size:25px; font-weight:500}
.mainTxt2 .t2 {color:#afb6c1; font-size:16px; font-weight:300; line-height:25px; margin-top:10px}
.mainTxt2_box {padding:38px; width:100%; border: solid 1px #afb6c1;float: left}
.mainTxt2 > a {text-decoration:none;}
.mainTxt2 > a:hover {background-color:rgba(13,78,150,0.6); transition: all 0.2s ease-in-out}
.mainTxt2_box .mainVisualIcon {margin-top:30px; line-height:40px; overflow: hidden;}
.mainTxt2_box .mainVisualIcon .mainTxt2_Icon {float:right;}
.mainTxt2_box .mainVisualIcon .mainTxt2_plus {vertical-align:bottom}
.mainTxt2_banner {width:100%; border-right:1px solid #d8d8d8; overflow: hidden; box-sizing:border-box}
.mainTxt2_banner .bx-wrapper {margin:0 !important;}
.mainTxt2_banner .bx-wrapper .bx-viewport {box-shadow:none !important; border:none !important; left:0 !important}
.mainTxt2_banner .banner {box-sizing:border-box}
.mainTxt2_banner .banner li {width:auto !important}

/* tel */
.tel {color:rgba(255,255,255,.8); margin-top:20px; animation:mV3 1.5s; -moz-animation:mV3 1.5s; -webkit-animation:mV3 1.5s; -o-animation:mV3 1.5s; animation-fill-mode:backwards}
.tel > p {font-size:24px; font-weight:700}
.tel > span {font-size:15px; font-weight:300; margin-top:10px}

/* quick */
#quick {width:100%; position:relative; background-color: #5cc8d5;}
#quick > section {max-width:1280px; margin:0 auto; overflow:hidden}
#quick > section > ul {overflow:hidden}
#quick > section > ul > li {float:left; width:25%; height:185px; border-left:1px solid rgba(255,255,255,0.5);  overflow:hidden; text-align:left; color:#fff; position:relative; transition: all 0.3s ease-in-out}
#quick > section > ul > li > a {width:100%; height:100%; position:absolute; top:0; left:0; padding:40px 20px; text-decoration:none;}
#quick > section > ul > li > a > span {display:block; color:#324a6c; font-size:20px; line-height:24px; font-weight:700}
#quick > section > ul > li > a.overlay {position:absolute; top:0; left:0; width:100%; height:100%; padding:25px; opacity:0; text-align:left; transition: all 0.4s ease-in-out}
#quick > section > ul > li > a.overlay h2 {border-bottom:1px solid rgba(255,255,255,0.5); font-weight:400; font-size:18px; color:#fff; padding-bottom:15px; margin-bottom:15px; margin-top:0}
#quick > section > ul > li > a.overlay p {font-size:13px; color:rgba(255,255,255,0.8); font-weight:300; line-height:22px}
#quick > section > ul > li > a > h2 {color:#fff; font-size:30px; font-weight:700; margin-top:30px}
#quick > section > ul > li > a > p {color:rgba(255,255,255,0.5); font-size:18px; font-weight:200}
#quick > section > ul > li:hover .overlay {opacity:1}
#quick > section > ul > li:nth-child(1) {background:url('/site/dual/images/quickIcon_01.png') 88% 50% no-repeat;}
#quick > section > ul > li:nth-child(1) > a.overlay {background-color: #1c8390;}
#quick > section > ul > li:nth-child(2) {background:url('/site/dual/images/quickIcon_02.png') 88% 50% no-repeat;}
#quick > section > ul > li:nth-child(2) > a.overlay {background-color: #1c8390;}
#quick > section > ul > li:nth-child(3) {background:url('/site/dual/images/quickIcon_03.png') 88% 50% no-repeat;}
#quick > section > ul > li:nth-child(3) > a.overlay {background-color: #1c8390;}
#quick > section > ul > li:nth-child(4) {background:url('/site/dual/images/quickIcon_05.png') 88% 50% no-repeat; border-right:1px solid rgba(255,255,255,0.5)}
#quick > section > ul > li:nth-child(4) > a.overlay {background-color: #1c8390;}
/*
#quick > section > ul > li:nth-child(4) {background:url('/site/dual/images/quickIcon_04.png') 88% 25% no-repeat; background-color:#0d4e96;}
#quick > section > ul > li:nth-child(4):hover {}
*/
/* issueWrap */
#issueWrap {padding-top:70px}
#issueWrap > section {max-width:1280px; margin:0 auto}
#issueWrap > section > h2 {font-size:40px; font-weight:800; letter-spacing:-2px; text-align:left; float:left}
#issueWrap .issueCate {text-align:left}
#issueWrap .issueCate li {display:inline-block}
#issueWrap .issueCate li a {display:inline-block; font-size:18px; color:#000; opacity:0.7; margin-left: 30px;}
#issueWrap .issueCate li a:hover {opacity:1; font-weight:700; text-decoration:none}
#issueWrap .issueCate li.active a {opacity:1; font-weight:700; line-height:40px; color:#2fafbe}
#issueWrap .issueList {overflow:hidden; max-width:1320px; margin:50px auto 0 auto; overflow:hidden; height:253px !important}
#issueWrap .issueList > li {float:left; width:calc(33% - 40px); border:1px solid #ccc; margin:0 20px; padding:35px; box-sizing:border-box; background-color:#f7f7f7}
#issueWrap .issueList > li:hover {border:1px solid #5cc8d5; background-color: #f1fbfc; transition: all 0.2s ease-in-out}
#issueWrap .issueList > li > a {display:block; color:#000;}
#issueWrap .issueList > li > a:hover {text-decoration: none;}
#issueWrap .issueList > li > a h3 {font-size:18px; line-height:27px; height:54px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#issueWrap .issueList > li > a p.noti_tt {font-size:15px; font-weight:300; line-height:23px; margin-top:10px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#issueWrap .issueList > li > a p.noti_day {font-size:15px; opacity:0.5; margin-top:50px}

/* container */
#container {width:100%}
#container > section {max-width:1280px; margin:0 auto; overflow:hidden}
.organization {padding: 40px 0 70px 0;}
.organization ul {overflow:hidden;}
.organization ul li {float:left; margin-right:11px; border-radius:15px; padding:6px; width:calc(20% - 9px); border:1px solid #ccc}
.organization ul li:last-child {margin-right:0px}
.organization ul li:hover {border:1px solid #5cc8d5}

.organization2 {padding:30px 50px; border:1px solid #ccc; border-radius:15px; margin:40px auto 70px auto !important}
.organization2 ul {overflow:hidden;}
.organization2 ul li {float:left; margin-right:45px}
.organization2 ul li:last-child {margin-right:0px}

/* footer */
footer {width:100%; background-color:#252525}
footer > section {max-width:1280px; margin:0 auto; overflow:hidden; padding:45px 0; text-align:center}
footer > section > h1 > a > img {margin: 0 auto;}
footer > section address {font-size:17px; color:#fff; font-weight:200; margin-top:40px}
footer > section address span {padding:0 20px}
footer > section p.copy {font-size:14px; color:#fff; letter-spacing:0; margin-top:5px; font-weight:200}
footer .top_btn {display:none; position:fixed; bottom:30px; right:15px; z-index:200; width:45px; height:45px; background:url('/site/common/image/arr_top.png') rgba(0,0,0,0.5) 50% 50% no-repeat; color:#fff; font-size:11px; text-decoration:none; text-align:center}
footer .top_btn em {visibility:hidden}



@-webkit-keyframes fadeIn {
  from {opacity:0}
  to {opacity:1}
}
@keyframes fadeIn {
  from {opacity:0}
  to {opacity:1}
}
@-webkit-keyframes mV1 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@keyframes mV1 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@-webkit-keyframes mV2 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	50% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@keyframes mV2 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	50% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@-webkit-keyframes mV3 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	70% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@keyframes mV3 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	70% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}





/* subVisualWrap */
#subVisualWrap {overflow:hidden; width:100%; height:266px}
#subVisualWrap.svw01 {background-size:cover; background:url('../images/subVisual01_2022.jpg') center center no-repeat}
#subVisualWrap.svw02 {background-size:cover; background:url('../images/subVisual02_2022.jpg') center center no-repeat}
#subVisualWrap.svw03 {background-size:cover; background:url('../images/subVisual03_2022.jpg') center center no-repeat}
#subVisualWrap.svw04 {background-size:cover; background:url('../images/subVisual04_2022.jpg') center center no-repeat}
#subVisualWrap.svw05 {background-size:cover; background:url('../images/subVisual05_2022.jpg') center center no-repeat}
#subVisualWrap.svw06 {background-size:cover; background:url('../images/subVisual06_2022.jpg') center center no-repeat}
#subVisualWrap.svw07 {background-size:cover; background:url('../images/subVisual07_2022.jpg') center center no-repeat}
#subVisualWrap section {width:100%; max-width:1310px; margin:0 auto; padding:95px 15px; height:100%; text-align:center; letter-spacing:1px}
#subVisualWrap section > h2 {font-size:40px; font-weight:500; color:#fff}
#subVisualWrap section > h3 {font-size:18px; font-weight:200; color:#fff; margin-top:10px}


/* subContainerWrap */
#subContainerWrap {padding:0 0 150px 0; overflow:hidden}
#subContainerWrap > section {max-width:1280px; margin:0 auto}
#subContainerWrap.wide > section {max-width:100%}

/* leftCont */
#leftCont {float:left; width:280px; margin:0 50px 0 0; padding-bottom:100px}
#leftCont h2 {text-align:center; height:150px; color:#fff; background:#5cc8d5; font-size:38px; font-weight:500; display:table-cell; width:280px; vertical-align:middle; margin:0 auto !important}
#leftCont .leftmenu {margin:0 auto !important}
#leftCont .leftmenu > li > a {line-height:60px; padding:0 20px; border-bottom:1px solid #ddd; display:block; background:#fff; color:#000; font-size:15px; transition:.3s}
#leftCont .leftmenu > li > a:hover {background:#eee; text-decoration:none}
#leftCont .leftmenu > li.active > a {color:#fff; background:#333333; font-weight:500}
#leftCont .leftmenu > li > .depth2 {background:#f8f8f8; padding:15px 0; border-bottom:1px solid #ddd; display:none}
#leftCont .leftmenu > li > .depth2 > li > a {padding:0 20px; display:block; color:#555; font-size:14px; font-weight:400; line-height:24px}
#leftCont .leftmenu > li > .depth2 > li.active > a, #leftCont .leftmenu > li > .depth2 > li > a:hover {font-weight:700}
#leftCont .leftmenu > li > .depth2 {border-bottom:1px solid #dbdcde; background:#f8f8f8; padding:10px 0; display:none}
#leftCont .leftmenu > li > .depth2 > ul {margin:0; padding:0 0 0 20px}
#leftCont .leftmenu > li > .depth2 > ul > li a {color:#898989; font-size:14px; line-height:24px}
#leftCont .leftmenu > li > .depth2 > ul > li a.active {color:#000; font-weight:700}

/* rightCont */
#rightCont {float:left; width:950px; background:#fff; padding:50px 0; min-height:500px}
#rightCont > h3 {position:relative; font-size:46px; font-weight:700; border-bottom:1px dashed #9e9e9e; padding-bottom:50px; margin-bottom:30px}
#rightCont > h3 .location {position:absolute; top:20px; right:0}
#rightCont > h3 .location li {float:left; font-size:14px; color:#333333; font-weight:400; margin-left:15px; padding-left:15px; background:url('../images/location_ar.gif') left center no-repeat}
#rightCont > h3 .location li:first-child {background:none}
#rightCont .con p {line-height:26px; margin-top:5px;}
h4.h4Tit {font-size:24px; font-weight:700; margin-top:45px; overflow:hidden; letter-spacing:-0.45px; line-height:normal; color:#111}
h4.h4Tit:before {content:""; width:18px; height:18px; display:block; background:#fff; float:left; margin:10px 5px 0 0; box-sizing:border-box; border-radius:50px; border-width:5px !important; border:6px solid #5cc8d5}
h4.bulletNone:before {display:none}
h5.h5Tit {font-size:20px; font-weight:700; margin-top:25px; overflow:hidden; letter-spacing:-0.45px; line-height:normal; color:#111}
h6.h6Tit {font-size:18px; font-weight:500; margin-top:20px; overflow:hidden; letter-spacing:-0.45px; line-height:normal; color:#111}
p.pTxt {font-size:16px; line-height:25px; margin:15px 0; color:#111}

#rightCont .con .introTitle {font-size:24px; font-weight:300; line-height:34px}
#rightCont .con .introTitle strong {color:#004ea2}
#rightCont .con .introTxt {font-size:16px; line-height:30px; margin-top:40px; font-weight:300}
#rightCont .con .introSign {font-size:16px; line-height:30px; margin-top:70px; font-weight:300}
#rightCont .con .introSign strong {font-size:24px; color:#000; font-weight:500}

.listRect {padding-left:5px}
.listRect > li {background:url('../images/list_rect.png') left 12px no-repeat; line-height:180%; padding-left:15px; list-style:none}
.listRect > li > ul {padding-left:5px}
.listRect > li > ul > li {background:url('../images/list_circle.png') left 9px no-repeat; line-height:160%; padding-left:15px; list-style:none}
.listRect > li > ul > li > ul {padding-left:5px}
.listRect > li > ul > li > ul > li {background:url('../images/list_bar.png') left 10px no-repeat; line-height:160%; padding-left:15px; list-style:none}

.olList {padding-left:20px}
.olList > li > .listRect {padding-left:5px}

.tit_box {text-align:center; padding:15px; color:#0d4e96; font-weight:500; border:solid 2px #0d4e96; font-size:20px; border-radius:10px}
.tit_box > span {display:block; font-size:16px; color:#333; line-height:24px; margin-top:10px}
.tit_box2 {text-align:center; padding:10px; background-color:#def4f6; font-size:17px; font-weight:500; border-radius:10px}


/* tableStyle */
.tbl_skin1 {width:100%; background:#fff; border-top:1px solid #ddd; font-size:15px; border-left:1px solid #ddd}
.tbl_skin1 thead th {padding:7px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#000;background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin1 tbody th {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; text-align:center; vertical-align:middle; line-height:20px}
.tbl_skin1 tbody td {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; line-height:20px}
.tbl_skin1 tfoot th {padding:7px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555; text-align:center; background-color:#f8f8f8}
.tbl_skin1 .tl {text-align:left}

.tbl_skin2 {width:100%; background:#fff; border-top:1px solid #ddd; font-size:14px; border-left:1px solid #ddd}
.tbl_skin2 thead th {padding:7px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#000;background-color:#f8f8f8; text-align:left; vertical-align:middle}
.tbl_skin2 tbody th {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; text-align:left; vertical-align:middle; line-height:12px}
.tbl_skin2 tbody td {padding:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; line-height:12px}
.tbl_skin2 tfoot th {padding:7px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}
.tbl_skin2 .tl {text-align:left}

.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.tel, .tel a {color:#fff}
.table-responsive {position:relative}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-bottom-width:1px}

.inputText {background:#fbfbfb; border:1px solid #ebebeb; padding:7px 12px; box-sizing:border-box; vertical-align:middle}
.btn_post {padding:7px 12px; color:#fff; font-size:15px; border:1px solid #ebebeb; background:#898989; box-sizing:border-box; vertical-align:middle}
.btn_post:hover {background:#636363; color:#fff; text-decoration:none}
.btnApp {padding:12px 35px; color:#fff; font-size:15px; border:1px solid #ebebeb; background:#3095e5; box-sizing:border-box; vertical-align:middle; display:inline-block}
.btnApp:hover {background:#004ea2; color:#fff; text-decoration:none}
input[type=radio], input[type=checkbox] {margin:0}
.btnLogin {background:#3095e5; color:#fff; display:block; width:100%; border:none; padding:10px 0; font-size:14px}
.btnLogin:hover {background:#004ea2; color:#fff; text-decoration:none}

/* 찾아오시는 길 */
.btnView {padding:3px 15px; color:#fff; font-size:14px; border:1px solid #ebebeb; background:#3095e5; box-sizing:border-box; vertical-align:middle}
.btnView:hover {background:#004ea2; color:#fff; text-decoration:none}
.box01 {padding:20px; text-align:center; font-size:14px; line-height:26px; border:1px solid #cecece; background:#f1e9eb; box-shadow:-2px 2px 5px #dcdcdc}

/* 사이트맵 */
.tbl_site {width:100%; border-top:2px solid #555555; background-color:#ffffff; text-align:center; letter-spacing:-1px; line-height:25px; text-align:left; color:#636363}
.tbl_site tbody th {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#252525; text-align:left; vertical-align:top; font-size:15px; font-weight:500}
.tbl_site tbody td {padding:15px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; vertical-align:top; font-size:15px}
.tbl_site tbody td > ul > li {float:left; background:url(/site/common/image/ico_dot.gif) left center no-repeat; padding-left:10px; width:33.3%}
.tbl_site tbody td > ul > li a {color:#636363}
.tbl_site tbody tr:nth-child(even) {background:#f5f5f5}
.tbl_site tr th:last-child {border-right:none}
.tbl_site tr td:last-child {border-right:none}





@media screen and (max-width:1280px) {
	#headerTop {padding:0 20px}
	#header > section {padding:25px 20px}
	#header > section > h1 {float:none; width:100%}
	#header > section > h1 > a.logo {display:block; width:85%; float:left}
	#header > section > h1 > a.btn_side {display:block}
	.gnbWrap {display:none; background:#fff; position:fixed; z-index:999999; top:0; right:0; width:240px; height:100%; float:none}
	.gnb {float:none}
	.gnb > li {float:none; width:100%}
	.gnb > li > a {display:block; border-bottom:solid 1px #eaeaea; font-weight:500; padding:8px 10px}
	.gnb > li.active > ul {display:block; position:relative; top:0; left:0; float:none}
	.gnb > li.active > a {background-color:#0e4e96; color:#fff}
	.gnb > li > ul {transform:inherit; border-top:none}
	.gnb > li > ul > li > a {color:#7e7e7e; border-bottom:solid 1px #eaeaea; background-color:#fff}
	.mainTxt {padding:50px 30px}
	.mainTxt .t2 {font-size:65px}
	.mainTxt2 {padding:50px 50px}
	.mainTxt2_box {padding:18px}
	.mainTxt2_box .mainVisualIcon {margin-top:10px; line-height:40px}
	#quick > section {clear:both}
	#quick > section > ul > li {width:50%}
	#issueWrap {padding: 50px 20px}
	.organization {padding:0 20px 70px 20px}
	.organization ul li {width:19%}
	#container {padding:0 20px}
	footer > section address {font-size:15px; margin-top:20px}	
	#subVisualWrap {height:215px}
	#subVisualWrap section {padding:69px 15px}
	#leftCont {display:none}
	#rightCont {width:100%; padding:50px 20px}
	#rightCont > h3 {font-size:35px; padding-bottom:40px}
	#rightCont > h3 .location {display:none}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	.tableResponsive {position:relative; border:none}
	.tableResponsive.scroll {position:relative; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableResponsive.scroll table {width:860px; margin-bottom:15px}
	.tableResponsive2 th, .tableResponsive2 td {display:block; width:auto; border-right:none !important}
	.ToolTip {position:absolute; width:100%; top:15%; left:0; opacity:0; display:block; padding:5px 8px; font-size:13px; color:#fff; text-align:center; letter-spacing:0.45px; margin:5px 0; -webkit-animation-name:fadeOut; -webkit-animation-duration:4s; animation-name:fadeOut; animation-duration:4s;}
	.tbl_sitemap tbody td > ul > li {width:100%}
}

@media screen and (max-width:768px) {
	#headerTop {display:none}	
	#mainVisual {height:100%; background-size:cover}
	.mainTxt {width:100%; text-align:center}
	.mainTxt .t2 {font-size:65px; line-height:80px}
	.mainTxt_box {margin-top:80px; width:100%}
	.mainImg01 {display:none}
	.mainTxt2 {padding:0 30px 50px 30px; width:100%}
	#quick > section > ul > li {width:100%;border-bottom: 1px solid rgba(255,255,255,0.5);border-left: none}
	#quick > section > ul > li > a {padding:40px 30px}
	#issueWrap .issueList {height:781px !important}
	#issueWrap {padding:50px 20px 20px 20px}
	#issueWrap > section > h2 {float:none;text-align:center}
	#issueWrap .issueCate {text-align:center; margin-top:10px}
	#issueWrap .issueCate li a {margin-left:0; padding:0 8px}
	#issueWrap .issueList > li {width:100%; margin:0 0 10px 0}
	.organization ul li {width:18.5%}
}

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

	.organization ul li {width:100%; margin-bottom:10px}
	.organization ul li > a > img {margin:0 auto}
}


@media screen and (max-width:425px) {
	.mainTxt .t2 {font-size:55px; line-height:70px}
	.mainTxt2_box {width:100%}
	footer > section > h1 > a > img {max-width:80% !important}
	footer > section address {font-size:11px}
	footer > section p.copy {font-size:10px}
	footer > section address span {padding:0 5px}
	#subVisualWrap {height:125px}
	#subVisualWrap section {padding:35px 15px}
	#subVisualWrap section > h2 {font-size:30px}
	#subVisualWrap section > h3 {margin-top:0}
	.height155 {height:155px !important}
	.organization2 ul li {float:none; margin:5px 0}
	.organization2 ul li > a > img {margin:0 auto}
}

@media screen and (max-width:375px) {
	.mainTxt .t2 {font-size:39px; line-height:49px}
	.mainTxt .t1 {font-size:23px; text-align:center}
	.mainImg01 > img {width:80%; margin:0 auto; margin-top:-30px}
	.mainTxt_box {margin-top:40px; padding:20px}
	.mainTxt .t4 {font-size:13px; line-height:20px}
}

@media screen and (max-width:320px) {
}