@charset "utf-8";

/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {margin:0; padding:0; border:0; font-size:100%; font-family:'Noto Sans KR', sans-serif; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; letter-spacing:-0.75px}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-underline-position: under; }
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
.bx-wrapper {margin:0}
.bx-wrapper .bx-viewport {box-shadow:none; border:none; left:0; background:none}

/* 공통 */
html {scroll-behavior:smooth} 
.img-responsive {display:block; max-width:100%; height:auto}
.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}
.mt-55 {margin-top:-55px}
.ml10 {margin-left:10px}
.tl {text-align:left !important}
.tc {text-align:center !important}


/* flex */
.flex {display:flex}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end {justify-content:flex-end}
.margin-left-auto {margin-left:auto} /* flex에서 우측 정렬 */
.center-center {display:flex; align-items:center; justify-content:center} /* flex로 x,y 중앙 정렬 */

/* headerWrap */
header {background:#fff; padding:30px 0; border-bottom:1px solid #dbdbdb; width:100%; position:fixed; top:0; z-index:999999}
header section {max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between}
header section h1 > a.btn_side {display:none; float:right; width:12%; color:#000; font-size:24px; text-align:right; margin-top:-2px}
header section h1 > a.btn_side i {vertical-align:baseline}
header section ul {display:flex; align-items:center; flex-shrink:0}
header section ul li {margin-left:30px}
header section ul li a {font-size:16px; color:#555}
header section ul li:hover a {color:#002777; text-decoration:underline}
header section ul li:after {content:''; display:inline-block; background:#B6B6B6; vertical-align:baseline; width:1px; height:13px; margin-left:30px}
header section ul li:last-child:after {display:none}
header section .home_icon {display:none}
header section .tit {display:none; padding:30px 15px; background:#002777; overflow:hidden; margin:0; font-size:18px; color:#fff}
header section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; heights:100%; z-index:10000; background:rgba(0,0,0,0.6)}

/* mainVisualWrap */
#mainVisualWrap {margin-top:90px}
#mainVisualWrap .mainVisual li {background-size:cover; width:100%; height:700px; }
#mainVisualWrap .mainVisual .mainVisual01 {background:url('../images/mainVisualBg.jpg') center center no-repeat; background-size:cover}
#mainVisualWrap .mainVisual .mainVisual02 {background:url('../images/mainVisualBg2.jpg') center center no-repeat; background-size:cover}
#mainVisualWrap .mainVisual .mainVisual03 {background:url('../images/mainVisualBg3.jpg') center center no-repeat; background-size:cover}
#mainVisualWrap section{position:relative}
#mainVisualWrap section .mainVisualText {max-width:1200px; margin:0 auto; padding-top:280px; color:#fff; display:flex !important; align-items:flex-end; justify-content:center}
#mainVisualWrap section .mainVisualText h2{font-size:130px}
#mainVisualWrap section .mainVisual .subtext {font-size:25px; text-align:left; margin-left:40px}
#mainVisualWrap section .mainVisual .subtext .subtext_e {font-weight:600; letter-spacing:5px}
#mainVisualWrap section .mainVisual .subtext .subtext_k {line-height:34px; margin-top:30px}
#mainVisualWrap section .mainVisual_btn {max-width:1200px; width:100%; position:absolute; z-index:99999; bottom:0; left:50%;transform:translate(-50%, -50%); display:flex; align-items:flex-end; justify-content:space-between;}
#mainVisualWrap section .mainVisual_btn a {width:32%; height:96px; font-size:27px; font-weight:600; color:#fff; border-radius:10px}
#mainVisualWrap section .mainVisual_btn a i {margin-right:10px}
#mainVisualWrap section .mainVisual_btn .mainVisual_a {background-color:#15471e; transition:0.3s}
#mainVisualWrap section .mainVisual_btn .mainVisual_c {background-color:#002777; transition:0.3s}
#mainVisualWrap section .mainVisual_btn .mainVisual_e {background-color:#a71532; transition:0.3s}
#mainVisualWrap section .mainVisual_btn .mainVisual_a:hover {background-color:#1a7e2c; transition:0.3s}
#mainVisualWrap section .mainVisual_btn .mainVisual_c:hover {background-color:#0036a5; transition:0.3s}
#mainVisualWrap section .mainVisual_btn .mainVisual_e:hover {background-color:#c12141; transition:0.3s}
.mainVisual .bx-wrapper .bx-controls-direction a {margin-top:-27.5px; width:55px; height:55px; z-index:999; transition:.3s}
.mainVisual .bx-wrapper .bx-prev {left:-75px; background:url('../images/SliderLeft.png') no-repeat; opacity:0.5}
.mainVisual .bx-wrapper .bx-next {right:-75px; background:url('../images/SliderRight.png') no-repeat; opacity:0.5}
.mainVisual .bx-wrapper .bx-prev:hover, .mainVisual .bx-wrapper .bx-next:hover {opacity:0.8}
.bx-wrapper .bx-pager {display:none}

/* ContentsWrap */
.bar {margin-bottom:25px}
.contentWrap .con01 section, .contentWrap .con02 section, .contentWrap .con03 section, .contentWrap .con04 section, footer .footerTop section, footer .footerBottom section  {max-width:1200px; margin:0 auto; text-align:center}
.contentWrap p {font-size:18px; line-height:25px; margin-bottom:10px}
.contentWrap h2 {font-size:35px; color:#333333; font-weight:600; line-height:25px}
.contentWrap h3 {font-size:25px; font-weight:600; color:#333333; margin-bottom:20px; padding-left:17px; background:url('../images/h3Dot.png') left 11px no-repeat;}
.contentWrap h4 {font-size:20px; font-weight:600; color:#1C4498; margin-bottom:10px}
.contentWrap h5 {font-size:18px; font-weight:600; color:#333333; margin-bottom:10px}
.dlist {margin:5px 0 10px 0}
.nlist {padding-left:25px; margin:5px 0 10px 0}
.dlist > li {font-size:18px; color:#333333; line-height:25px; padding-left:13px; background:url('../images/list_rect.png') left 11px no-repeat}
.nlist > li {font-size:18px; color:#333333; line-height:25px; list-style:decimal}

.title {margin-bottom:60px;}
.con01 {background-color:#e1e7ee; padding:100px 0}
.con01 section .strong {font-size:22px; line-height:27px; color:#C60000}
.con02 {background-color:#fff; padding:100px 0}
.con03 {background-color:#d8e5ff; padding:100px 0}

.box_gray {padding:50px; background-color:#f4f6f8}

/* tabs */
.tabs, .tabs2 {display:flex}
.tabs > li {font-size:20px; font-weight:600; color:#8D8D8D; width:25%; text-align:center; margin-left:-1px}
.tabs > li > a {display:flex; justify-content:center; align-items:center; color:#8D8D8D; background:#F4F6F8; border:1px solid #E0E0E0;  box-sizing:border-box; height:60px; position:relative; transition:0.3s}
.tabs > li > a:hover, .tabs > li.active > a {background:#2D4E92; color:#fff; transition:0.3s}
.tabs > li.active > a:before {background:#2D4E92; color:#fff}
.tabs > li:first-child {margin-left:0}
.tabInnerBox {padding:70px 0 0 0; text-align:left}
.tabs2 > li {font-size:20px; font-weight:600; color:#8D8D8D; width:50%; text-align:center}
.tabs2 > li > a {display:flex; justify-content:center; align-items:center; color:#002777; background:#fff; border:1px solid #E0E0E0; border-bottom:none; box-sizing:border-box; height:80px; transition:0.3s}
.tabs2 > li > a:hover, .tabs2 > li.active > a {background:#002777; color:#fff; transition:0.3s}

.tab2 > li {width:50% !important}


/* table */
table {width:100%; border:1px solid #d7d7d7; margin-top:15px; text-align:center; font-size:15px; border-top:solid 2px #333}
tr {border:1px solid #d7d7d7}
td {border:1px solid #d7d7d7; padding:9px; vertical-align:middle; line-height:20px; background-color:#fff}
th {border:1px solid #d7d7d7; font-weight:600; vertical-align:middle; line-height:20px; background-color:#f3f3f3; text-align:center; padding:9px}
.back_b {background-color:#d8f1ff}
.back_p {background-color:#fcdfe8}


/* footer */
footer {background:#2D4E92; color:#99aacd}
.footerTop {border-top:1px solid #3B5895}
.footerTop > section {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-top:30px}
.footerTop > section > ul {display:flex; align-items:center; flex-wrap:wrap}
.footerTop > section > ul > li {font-size:14px; font-weight:400; position:relative; padding-right:15px; margin-right:15px}
.footerTop > section > ul > li:after {content:''; display:block; width:1px; height:100%; background:#5072b9; position:absolute; top:0px; right:0}
.footerTop > section > ul > li:last-child {margin-right:0; padding-right:0}
.footerTop > section > ul > li:last-child:after {display:none}
.footerTop > section > ul > li a:hover {color:#fff}
.footerBottom {padding:30px 0 40px 0}
.footerBottom address, .footerBottom .copyright {font-size:14px; font-weight:400; text-align:left}
.footerBottom address span {padding:0 15px}
.privacyStyle {color:red}

.underline {text-decoration:underline !important; text-underline-position:under}


@media screen and (max-width:1024px) {
	header {padding:30px 20px}
	#mainVisualWrap section .mainVisual_btn {padding:0 20px}
	.con01, .con02, .con03 {padding:70px 20px}
	footer {padding:0 20px}
	.tableWrap {overflow-x:auto}
}

@media screen and (max-width:768px) {
	header section ul li {margin-left:10px}
	header section ul li:after {margin-left:10px}
	.tabs > li {font-size:13px; line-height:16px; font-weight:500}
	.tabs2 > li {font-size:14px; line-height:16px}
	.tabs2 > li > a {padding:0 10px}
	.tabInnerBox {padding:40px 0 0 0}
	.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}
	.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;}
}

@media screen and (max-width:425px) {
	header {padding:20px}
	header section .home_icon {display:block}
	header section ul li {margin-left:5px}
	header section ul li:after {display:none}
	header section ul li a {font-size:16px; background-color:#efefef; border:solid 1px #ddd; padding:6px; border-radius:5px; display:block}
	header section ul li a span{display:none}
	header section ul li:hover a {color:#002777; text-decoration:none}
	#mainVisualWrap {margin-top:60px}
	#mainVisualWrap section .mainVisualText {padding:70px 20px 0 20px; display:inline-block !important}
	#mainVisualWrap section .mainVisualText h2 {font-size:100px}
	#mainVisualWrap section .mainVisual .subtext {padding:10px; margin:0; font-size:22px}
	#mainVisualWrap section .mainVisual .subtext .subtext_e {margin-top:10px}
	#mainVisualWrap section .mainVisual .subtext .subtext_k {margin-top:10px; line-height:30px}
	#mainVisualWrap section .mainVisual_btn {display:block}
	#mainVisualWrap section .mainVisual_btn a {font-size:20px; height:70px; width:100%}
	#mainVisualWrap section .mainVisual_btn .mainVisual_c {margin-top:10px}		
	.logo img {max-width:80%}
	.con01, .con02, .con03 {padding:40px 20px}
	.contentWrap h2 {font-size:25px}
	.title {margin-bottom:30px}
	table {font-size:13px}
	td, th {line-height:17px; padding:5px}
	.box_gray {padding:20px}
	.contentWrap p {font-size:13px; line-height:19px}
	.con01 section .strong {font-size:15px; line-height:20px}
	.dlist > li {font-size:13px; line-height:19px; padding-left:11px; background:url(../images/list_rect.png) left 7px no-repeat}
	.nlist > li {font-size:13px; line-height:19px}
	.contentWrap h3 {font-size:20px; padding-left:15px; margin-bottom: 10px; background:url(../images/h3Dot.png) left 7px no-repeat}
	.contentWrap h4 {font-size:16px}
	.footerTop > section > ul > li {margin-top:10px}
	.footerBottom address, .footerBottom .copyright {font-size:12px}
}

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