@charset "utf-8";



@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/css/font/Pretendard-Thin.woff2) format('woff2'), url(/css/font/Pretendard-Thin.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/css/font/Pretendard-ExtraLight.woff2) format('woff2'), url(/css/font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/css/font/Pretendard-Light.woff2) format('woff2'), url(/css/font/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/css/font/Pretendard-Regular.woff2) format('woff2'), url(/css/font/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/css/font/Pretendard-Medium.woff2) format('woff2'), url(/css/font/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/css/font/Pretendard-SemiBold.woff2) format('woff2'), url(/css/font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/css/font/Pretendard-Bold.woff2) format('woff2'), url(/css/font/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/css/font/Pretendard-ExtraBold.woff2) format('woff2'), url(/css/font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/css/font/Pretendard-Black.woff2) format('woff2'), url(/css/font/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/css/font/Pretendard-Black.woff2) format('woff2'), url(/css/font/Pretendard-Black.woff) format('woff');
}

@font-face{font-display:swap;
	font-family: 'Minerva Modern Black';
	font-style: normal;
	font-weight: normal;
	src: local('Minerva Modern Black'), url('/css/font/MinervaModern Black.woff') format('woff');
}
@font-face{font-display:swap;
	font-family: 'Minerva Modern Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Minerva Modern Bold'), url('/css/font/MinervaModern Bold.woff') format('woff');
}


@font-face {
	font-family: 'NotoSerifKR';
	font-style: normal; 
	font-weight: 500;
	src:local('NotoSerifKR-Regular'), url('/css/font/NotoSerifKR-Regular.woff2') format('woff2'); url('/css/font/NotoSerifKR-Regular.woff') format('woff');
	font-display: swap;
	unicode-range: U+AC00-U+D7A3,U+0030-0039; 
}
@font-face {
	font-family: 'NotoSerifKR';
	font-style: normal; 
	font-weight: 700;
	src:local('NotoSerifKR-Bold'), url('/css/font/NotoSerifKR-Bold.woff2') format('woff2'); url('/css/font/NotoSerifKR-Bold.woff') format('woff');
	font-display: swap;
	unicode-range: U+AC00-U+D7A3,U+0030-0039; 
}
@font-face {
	font-family: 'NotoSerifKR';
	font-style: normal; 
	font-weight: 900;
	src:local('NotoSerifKR-Black'), url('/css/font/NotoSerifKR-Black.woff2') format('woff2'); url('/css/font/NotoSerifKR-Black.woff') format('woff');
	font-display: swap;
	unicode-range: U+AC00-U+D7A3,U+0030-0039; 
}

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:'Pretendard'; word-break:keep-all;
}
ol, ul, li, dt, dd, dl {
	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, caption, tbody, tfoot, thead, tr, th, td { 
	vertical-align:middle;
}
a,a:focus,a:hover { color:#333333; text-decoration:none; }

/* 접근성 텍스트 숨김 클래스 */
.link-text,.skip,#skipnavigation a,.caption,legend { 
	position: absolute; 
	clip: rect(1px, 1px, 1px, 1px); 
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%); 
	clip-path: inset(0px 0px 99.9% 99.9%); 
	overflow: hidden;
	height: 1px; 
	width: 1px; 
	padding: 0; 
	border: 0; 
	top: 50%; 
}

.hidden,.hide{ display:none; }
.root_daum_roughmap { padding:0 !important; border:0 !important; }
.root_daum_roughmap .hide { display:none; }

textarea,
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="submit"],
input[type="text"] { 
	box-sizing: border-box; 
	appearance: none; 
	border-radius: 0px;
	-webkit-border-radius:0; 
	-webkit-appearance:none; 
	-moz-appearance: none; 
	margin:0;
	padding:0;
}
select:focus, 
textarea:focus,
input[type="number"],
input[type="tel"],
input[type="password"]:focus,
input[type="button"]:focus,
input[type="text"]:focus { outline: none; }

input[type="checkbox"] {
 display:none;
}
input[type="checkbox"] + label span {
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
background:#fff;
border:none;
cursor:pointer;
background:url('/images/member/minimal_cr.png')no-repeat 0 0;
}
input[type="checkbox"]:checked + label span {
background:url('/images/member/minimal_cr.png')no-repeat -40px 0;
}

input[type="checkbox"] {
 display:none;
}
.inputdiv4 input[type="checkbox"] + label span {
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
background:#fff;
border:none;
cursor:pointer;
background:url('/images/member/minimal_cr2.png')no-repeat 0 0;
}
.inputdiv4 input[type="checkbox"]:checked + label span {
background:url('/images/member/minimal_cr2.png')no-repeat -28px 0;
}

input[type="radio"] {
	display:none;
	margin:0;
	padding:0;
	vertical-align:top;
}
input[type="radio"] + label { font-weight:500; }
input[type="radio"] + label span {
display:inline-block;
width:20px;
height:20px;
margin-right:5px;
vertical-align:middle;
background:#fff;
border:none;
cursor:pointer;
background:url('/images/member/minimal_cr.png')no-repeat -100px 0;
}
input[type="radio"]:checked + label span {
background:url('/images/member/minimal_cr.png')no-repeat -140px 0;
}

.inputdiv3 label { margin-right:10px; }
.inputdiv3 span { margin-right:6px; }


.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; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }

.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }












/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */


/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}






/* 검색폼 */
#searchwrap { position:relative; width:100%; max-width:1280px; height:90px; line-height:90px; margin:40px auto 0 auto; border:1px solid #d5d5d5; border-radius:10px; background:#fbfbfb; box-sizing:border-box; }
#searchwrap ul { width:100%; text-align:center; }
#searchwrap ul li { display:inline-block; vertical-align:middle; }
#searchwrap .search { width:138px; height:43px; }
#searchwrap .search select {
	border:0px; width:100%; height:100%; border: 1px solid #d5d5d5;  color: #999; padding: 0 8px; box-sizing: border-box; border-radius:10px; font-size:16px; color:#696969; font-weight:500;
	background:#fff url('/images/bbs/default/selectbg.jpg')no-repeat 108px 14px; -webkit-appearance: none; -moz-appearance: none; appearance : none;  vertical-align: top;
}
#searchwrap .searchicon input { display: block; width:340px; height:43px; padding: 0 14px; margin:0 4px;  border: 1px solid #dcdcdc; box-sizing: border-box; border-radius:10px; font-size: 16px; color: #333333; font-weight:500;  }
#searchwrap .searchclick input { width: 126px; height: 43px; line-height: 34px; background: #333333; color: #ffffff; font-size: 18px; font-weight:500; text-align: center;border-radius:10px; font-family: 'Noto Sans KR'; border:0px; cursor:pointer; }
#searchwrap .search select::-ms-expand { display: none; }




/* 버튼 */
#noticebt { position:relative; width:100%; margin-top:40px; }
#noticebt ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: right; position:relative; width:100%; }
#noticebt ul li { position:relative; width:172px; height:55px; margin:0 4px; }
#noticebt ul li a { display:block; width:100%; height:55px; line-height:53px; font-family:'Pretendard'; font-size:21px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li input { display:block; width:100%; height:55px; font-family:'Pretendard'; font-size:21px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li.listEnd input { background:#2a2a2a; }
#noticebt ul li.bt1 a { background:#9b896b; }
#noticebt ul li.bt2 a { background:#9b896b; }
#noticebt ul li.bt3 a { background:#9b896b; }
#noticebt ul li.bt4 a { background:#9b896b; }

#noticebt2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; margin-top:50px; }
#noticebt2 input { display:block; width:162px; height:55px; line-height:53px; font-family:'Pretendard'; font-size:21px; color:#ffffff; font-weight:600; border:0px; margin:0 6px; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; background:#2a2a2a; }
#noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; }


/* 베이직 리스트 */
#listtablewrap { position:relative; width:100%; margin:0 auto; padding-top:40px; }
#listtable { width:100%; border-top:1px solid #8b8b8b; }
#listtable tr th { height:86px; border-bottom:1px solid #8b8b8b; font-family:'Pretendard'; font-size:21.5px; color:#000000; font-weight:600; background:#ffffff; }
#listtable tr td { height:86px; border-bottom:1px solid #dbdbdb; font-family:'Pretendard'; font-size:18.5px; color:#000000; text-align:center; font-weight:600;  background:#ffffff; }
#listtable tr th.noticetitle { padding-left:0px; text-align:center; }
#listtable tr td.noticetitle { padding-left:62px; text-align:left; }
#listtable tr th.noticetitle2,#listtable tr td.noticetitle2 { padding-left:20px; text-align:left; font-size:25px;  }
#listtable tr th.name2,#listtable tr td.name2 { padding-left:0px; text-align:left; }
#listtable tr td.linkview a { display:block; height:38px; font-size:30px; line-height:100%; font-weight:500; }
#listtable tr td.daytd2 { color:#bcbcbc; }
#listtable tr td.noticetitle span { color:#471b56; padding-left:8px; }
#listtable tr td.noticetitle img { vertical-align: text-bottom; }
#listtable tr td.noticetitle a { color:#000000; }
#listtable tr td .notice-icon { width:62px; height:28px; font-size:15.5px; font-weight:700; color:#0064ff; line-height:26px; border-radius:5px; margin:0 auto; border:1px solid #9b896b; box-sizing:border-box; }
#listtable tr td.branch span { display:block; width:62px; height:28px; margin:0 auto; line-height:28px; background:#ffffff; border:1px solid #123456; border-radius:30px; color:#123456; font-size:15.5px; font-weight:500; }


/* 공지 표기 */
#listtable .listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e;  }
/* 답변 대기 */
#listtable .listbt_02 { 
	display:block; width:100px; height:40px; line-height:40px; margin:0 auto; 
	text-align:center; font-family:'Pretendard'; font-size:16px; color:#9b896b; font-weight:600; 
	border:1px solid #9b896b; background:#ffffff; border-radius:40px; box-sizing:border-box; 
}
/* 답변 완료 */
#listtable .listbt_03 { 
	display:block; width:100px; height:40px; line-height:40px; margin:0 auto; 
	text-align:center; font-family:'Pretendard'; font-size:16px; color:#ffffff; font-weight:600; 
	border:1px solid #9b896b; background:#9b896b; border-radius:40px; box-sizing:border-box; 
}
.insertendbt { display:block; width:119px; height:42px; line-height:40px; margin:0 auto; margin-top:40px; text-align:center; font-size:18px; color:#1a1a1a; font-weight:700; background:#ffffff; border:1px solid #000000; border-radius: 26px; }


.review_notice { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; margin-top:40px; }
.review_notice ul { position:relative; width:396px; padding:30px 24px;margin-right: 46px; margin-bottom:4%; box-sizing:border-box; background:#ffffff; border-top-left-radius:14px; border-top-right-radius:44px; border-bottom-left-radius:44px; border-bottom-right-radius:14px; box-shadow: 2px 2px 20px 4px rgba(0,0,0,10%); }
.review_notice ul:nth-child(3) { margin-right:0px; }
.review_notice ul li.notice_txt4 { width:100%; height:175px; overflow:hidden; }
.review_notice ul li.notice_txt4 img { width:100%; }
.review_notice ul li.notice_txt1 { width:320px; margin:0 auto; height:34px; line-height:34px; font-size:18px; font-weight:500; color:#040404; margin-top:26px; font-family:'Pretendard'; }
.review_notice ul li.notice_txt1 span:nth-child(1) { display:inline-block; padding:0 12px; height:34px; margin-right:8px; background:#e6eff8; border-radius:12px; font-size:17px; font-weight:500; color:#0970ba; text-align:center; }
.review_notice ul li.notice_txt1 span:nth-child(2) { margin:0 4px; font-size:17px; color:#9e9e9e; font-weight:100; }
.review_notice ul li.notice_txt2 { width:320px; margin:0 auto; height:80px; padding-top:14px; border-bottom:1px solid #dedede; font-size:20px; font-weight:700; color:#000000; line-height:140%; letter-spacing:-1px; font-family:'Pretendard'; }
.review_notice ul li.notice_txt3 { position:relative; width:320px; margin:0 auto; height:24px; margin-top:14px; line-height:24px; font-size:13px; font-weight:500; color:#a1a1a1; font-family:'Pretendard'; }
.review_notice ul li.notice_txt3 a { display:block; position:absolute; top:0px; right:0px; width:102px; height:24px; font-size:13px; font-weight:700; color:#a1a1a1; }
.review_notice ul li.notice_txt3 a span { display:block; position:absolute; top:0px; right:0px; width:23px; height:23px; border-radius:100%; background:#2acfff; line-height:23px; text-align:center; font-size:14px; font-weight:300; color:#ffffff; }

.review_notice2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; margin-top:30px; }
.review_notice2 ul { position:relative; width:396px; padding:30px 24px;margin-right: 46px; margin-bottom:4%; box-sizing:border-box; background:#ffffff; border-top-left-radius:14px; border-top-right-radius:44px; border-bottom-left-radius:44px; border-bottom-right-radius:14px; box-shadow: 2px 2px 20px 4px rgba(0,0,0,10%); }
.review_notice2 ul:nth-child(3n) { margin-right:0px; }
.review_notice2 ul li.notice_txt4 { width:100%; overflow:hidden; }
.review_notice2 ul li.notice_txt4 img { width:100%; }
.review_notice2 ul li.notice_txt2 { width:320px; margin:0 auto;margin-top:26px;  font-size:20px; font-weight:700; color:#000000; line-height:140%; letter-spacing:-1px; font-family:'Pretendard'; }
.review_notice2 ul li.notice_txt1 {  width:320px; margin:0 auto; margin-top:6px; height:80px; border-bottom:1px solid #dedede; font-size:17px; font-weight:500; color:#717171; line-height:140%; letter-spacing:-1px; font-family:'Pretendard'; }
.review_notice2 ul li.notice_txt3 { position:relative; width:320px; margin:0 auto; height:24px; margin-top:14px; line-height:24px; font-size:13px; font-weight:500; color:#a1a1a1; font-family:'Pretendard'; }
.review_notice2 ul li.notice_txt3 a { display:block; position:absolute; top:0px; right:0px; width:102px; height:24px; font-size:13px; font-weight:700; color:#a1a1a1; }
.review_notice2 ul li.notice_txt3 a span { display:block; position:absolute; top:0px; right:0px; width:23px; height:23px; border-radius:100%; background:#2acfff; line-height:23px; text-align:center; font-size:14px; font-weight:300; color:#ffffff; }

.opennoticewrap4 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } 
.opennoticewrap4 .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:28px; background:#ffffff; border-radius:16px; border-top-left-radius:28px; border-bottom-right-radius:28px; overflow:hidden; border:1px solid #d5d5d5; }
.opennoticewrap4 .subnotice_list:nth-child(4n) { margin-right:0%; }
.opennoticewrap4 .subnotice_list div.imgs { border-bottom-left-radius:16px; border-bottom-right-radius:28px; max-height:235px; overflow:hidden;}
.opennoticewrap4 .subnotice_list div.imgs  img { width:100%; }
.opennoticewrap4 .subnotice_list div.t1 { position:relative; width:100%; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:30px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; }
.opennoticewrap4 .subnotice_list div.t2 { position:relative; width:100%; font-family:'Pretendard'; font-size:15px; color:#616161; font-weight:500; margin-top:4px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; }
.opennoticewrap4 .subnotice_list div.t3 { position:relative; width:100%; height:24px; line-height:24px; margin-top:20px; padding-left:28px; padding-right:28px; box-sizing:border-box; }
.opennoticewrap4 .subnotice_list div.t3 a { display:block; position:absolute; top:0px; right:28px; width:92px; height:24px; font-size:13px; font-weight:700; color:#a1a1a1; }
.opennoticewrap4 .subnotice_list div.t3 a span { display:block; position:absolute; top:0px; right:0px; width:23px; height:23px; border-radius:100%; background:#2acfff; line-height:23px; text-align:center; font-size:14px; font-weight:300; color:#ffffff; }


.opennoticewrap4 .subnotice_list div.t1 img { padding-left:10px; vertical-align: text-bottom; }


.opennoticewrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } 
.opennoticewrap .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:28px; background:#ffffff; border-radius:16px; border-top-left-radius:28px; border-bottom-right-radius:28px; overflow:hidden; border:1px solid #d5d5d5; }
.opennoticewrap .subnotice_list:nth-child(4n) { margin-right:0%; }
.opennoticewrap .subnotice_list div.imgs { border-bottom-left-radius:16px; border-bottom-right-radius:28px; max-height:203px; overflow:hidden;}
.opennoticewrap .subnotice_list div.imgs  img { margin-top:-29px; margin-bottom:-29px; width:100%; }
.opennoticewrap .subnotice_list div.t1 { position:relative; width:100%; height:64px; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:30px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; }
.opennoticewrap .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; }
.opennoticewrap .subnotice_list div.t2 a { display:block; position:absolute; top:0px; right:28px; width:28px; height:28px; border-radius:100%; line-height:26px; text-align:center; font-size:13px; font-weight:300; box-sizing:border-box; border:1px solid #ffffff; color:#ffffff; }
.opennoticewrap .subnotice_list div.t1 img { padding-left:10px; vertical-align: text-bottom; }

.opennoticewrap .subnotice_list:hover { background:#9b896b; transition:all 0.3s ease-in-out;}
.opennoticewrap .subnotice_list:hover div.t1 { color:#ffffff; transition:all 0.3s ease-in-out;}
.opennoticewrap .subnotice_list:hover div.t2 { color:#ffffff; transition:all 0.3s ease-in-out;}

.opennoticewrap2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } 
.opennoticewrap2 .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:18px; background:#ffffff; border-radius:12px; overflow:hidden; border:1px solid #d5d5d5; }
.opennoticewrap2 .subnotice_list:nth-child(4n) { margin-right:0%; }
.opennoticewrap2 .subnotice_list div.imgs { width:100%; height:200px; border-bottom-left-radius:16px; border-bottom-right-radius:28px; overflow:hidden;}
.opennoticewrap2 .subnotice_list div.imgs img { display:block; width:100%; border-bottom-left-radius:16px; border-bottom-right-radius:28px;  }
.opennoticewrap2 .subnotice_list div.t1 { position:relative; width:100%; height:64px; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:30px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list div.t1 a { color:#2f2f2f; }
.opennoticewrap2 .subnotice_list div.t2 a { color:#bcbcbc; }

.opennoticewrap2 .subnotice_list:hover { background:#9b896b; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t1 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t2 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover .newicon { color:#ffffff; border:1px solid #ffffff; transition:all 0.1s ease-in-out;}


.opennoticewrap3 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } 
.opennoticewrap3 .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:18px; background:#f8f8f8; border-radius:12px; overflow:hidden; border:1px solid #d5d5d5; }
.opennoticewrap3 .subnotice_list:nth-child(4n) { margin-right:0%; }
.opennoticewrap3 .subnotice_list div.imgs { border-bottom-left-radius:16px; border-bottom-right-radius:28px; max-height:203px; overflow:hidden;}
.opennoticewrap3 .subnotice_list div.imgs img { width:100%; }
.opennoticewrap3 .subnotice_list div.t3 { position:relative; width:100%; height:28px; margin-top:20px;  padding-left:28px; padding-right:28px; box-sizing:border-box; }
.opennoticewrap3 .subnotice_list div.t3 span { display:inline-block; border-radius:6px; height:28px; padding:0 16px; text-align:center; line-height:28px; font-size:16px; font-weight:600; color:#9b896b; background:#ffffff; border:1px solid #9b896b; box-sizing:border-box; }
.opennoticewrap3 .subnotice_list div.t1 { position:relative; width:100%; height:64px; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:6px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; }
.opennoticewrap3 .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; }
.opennoticewrap3 .subnotice_list div.t1 a { color:#2f2f2f; }
.opennoticewrap3 .subnotice_list div.t2 a {display:block; position:absolute; top:4px; right:28px; }

.newicon { display:inline-block; width:18px; height:18px; border-radius:100%; box-sizing:border-box; line-height:18px; text-align:center; font-size:11px; font-family:'Pretendard'; font-weight:700; color:#2a31f7; border:1px solid #2a31f7; margin-left:10px; vertical-align: text-bottom; }
.newicon2 {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    box-sizing: border-box;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    font-family: 'Pretendard';
    font-weight: 700;
    color: #ff4800;
    border: 1px solid #ff4800;
    margin-left: 10px;
    vertical-align: text-bottom;
}


#jobnotice { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; margin:60px 0 60px 0%; overflow:hidden;  }
#jobnotice ul.listul { position:relative; width:411px; height:232px; margin-right:23px; margin-bottom:23px; padding:72px 30px 30px 32px; border:1px solid #d9d9d9; border-radius:14px; background:#fff; box-sizing:border-box; overflow:hidden; }
#jobnotice ul.listul:nth-child(3n) { margin-right:0%; }
#jobnotice ul.listul li.cate { position:relative; width:100%; height:30px;}
#jobnotice ul.listul li.title { position:relative; width:100%; height:90px; font-size:23px; font-weight:700; color:#2f2f2f; box-sizing:border-box; line-height:150%; letter-spacing:-1px; }
#jobnotice ul.listul li.titlecate { position:absolute; top:0px; left:0px; width:106px; height:47px; line-height:47px; text-align:center; font-size:19px; font-weight:700; color:#ffffff; background:#9b896b; }

#jobnotice ul.listul li.date {  position:relative; width:100%; height:32px; font-size:14px; font-weight:500; color:#7c7c7c; line-height:100%; }
#jobnotice ul.listul li.title span.new { display:inline-block; width:29px; height:29px; margin-left:8px;  line-height:27px; text-align:center; font-size:14px; font-weight:700; color:#f68308; border:1px solid #f79329; border-radius:100%; box-sizing:border-box; }
#jobnotice ul.listul li.date div.ingbt { display:inline-block; width:79px; height:29px; line-height:29px; text-align:center; font-size:15px; font-weight:700; color:#ffffff; background:#ee7d00; border-radius:20px; box-sizing:border-box;}
#jobnotice ul.listul li.date div.ingnoticebt {  background-color: #245e67; color: white}
#jobnotice ul.listul li.date div.endbt { display:inline-block; width:79px; height:29px;  line-height:29px; text-align:center; font-size:15px; font-weight:500; color:#ffffff; background:#c0c0c0; border-radius:20px; box-sizing:border-box; }
#jobnotice ul.listul li div.day { position:absolute; top:0px; left:95px; height:25px; font-size:14px; color:#bcbcbc; font-weight:600; line-height:29px; }





/* 테이블 글 쓰기 */
#writebox { position:relative; width:100%; overflow:hidden; }
.writeTable { width:100%; border-top:2px solid #000000; }
.writeTable th { height:90px; padding-left:66px; font-size:21.5px; color:#000000; font-weight:600; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; }
.writeTable td { height:90px; padding-left:0px; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; }
.writeTable td input.input_title { width:99%; height:62px; border:1px solid #dedede; border-radius:10px; font-size:19px; font-weight:700; color:#8b8b8b; text-indent:12px; box-sizing:border-box; font-family:'Pretendard'; }
.writeTable td input.input_name { width:170px; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; }
.writeTable td input.input_phone { width:612px; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; }
.writeTable select { 
	width:170px; height:62px; border:1px solid #dedede; border-radius:10px; font-family:'Pretendard'; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; box-sizing:border-box;
	background:#f7f7f7 url('/images/bbs/news/selecticon.png')no-repeat 92% 50%; -webkit-appearance: none; -moz-appearance: none; appearance : none;
}
.writeTable td.email div.em1 { float:left; width:170px; margin-right:16px; }
.writeTable td.email div.em2 { float:left; width:170px; margin-right:16px; }
.writeTable td.email div.em3 { float:left; width:170px; }
.writeTable td.email input { width:170px; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; }

.writeTable img.captcha_img { width:90px; }
.writeTable input.captcha_txt { width:100px; height:44px; border:1px solid #dcdcdc; box-sizing: border-box; font-weight:500; color:#8b8b8b; text-indent:10px; font-family:'Pretendard'; }
.writeTable .captchatd span { padding-left:10px; font-size:17px; font-weight:500; color:#8b8b8b; font-family:'Pretendard';  }

.writeTable textarea.contenttxt { width:98%; height:230px; border:1px solid #dcdcdc; margin:20px 0; padding:16px; border-radius:10px; font-family:'Pretendard'; font-size:16px; font-weight:400; color:#8b8b8b; line-height:160%; }
.writeTable .contenttxttd { padding:20px 0; }

.writeTable input::placeholder { color:#8b8b8b; }
.writeTable select::placeholder { color:#8b8b8b; }

.filebox label.filebt { display: inline-block; padding: .5em 1.75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color:#9b896b; cursor: pointer; border-radius: 6px; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* 파일 필드 숨기기 */
.filebox .upload-name {
    display: inline-block;
	padding-left:10px;
    vertical-align: middle;
    color: #999999;
	border:0px;
}

.writeTable2 { width:100%; border-top:2px solid #000000; }
.writeTable2 th { height:90px; padding-left:66px; font-size:21.5px; color:#000000; font-weight:600; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; }
.writeTable2 td { padding:12px 0; padding-left:0px; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; }
.writeTable2 td input.input_name { width:90%; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; }
.writeTable2 td input.input_name2 { width:20%; height:62px; margin-right:10px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; }
.writeTable2 td input.input_name3 { width:20%; height:62px; margin-left:10px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; }
.writeTable2 td div { float:left; width:200px; margin-bottom:10px; font-size:16px; font-weight:400; color:#8b8b8b; font-family:'Pretendard'; }
.writeTable2 td div input[type="checkbox"] { display:inline; }	



#noticeprvie { 
	position:relative; width:1280px; height:238px; background:#f5f7f9; border-radius:22px; margin-top:44px; padding:50px 60px; box-sizing:border-box; overflow-y:scroll; 
	font-family:'Pretendard'; font-size:16px; color:#6e7072; font-weight:500; line-height:156%;
}
#noticeprvie div.title { width:100%; margin-bottom:20px; font-family:'Pretendard'; font-size:25px; color:#000000; font-weight:700; line-height:100%; }
#prvie_check { position:relative; width:100%; text-align:right; overflow:hidden; margin-top:16px; font-family:'Pretendard'; font-size:15px; color:#585252; font-weight:600; }
#noticeprvie::scrollbar { width: 5px; height:12px; }
#noticeprvie::-webkit-scrollbar { width: 5px; height:12px; }
#noticeprvie::scrollbar-track { background-color: rgba(255,255,255,0%); }
#noticeprvie::-webkit-scrollbar-track { background-color: rgba(255,255,255,0%); }
#noticeprvie::scrollbar-thumb { background: rgba(255,255,255,0%);; }
#noticeprvie::-webkit-scrollbar-thumb { background: rgba(255,255,255,0%);; }
#noticeprvie::scrollbar-button { display: none; }
#noticeprvie::-webkit-scrollbar-button { display: none; }




/* 댓글 */
#cmtwrap { position:relative; width:1280px; margin:0 auto; margin-top:80px; }
dl.cmtinsert { position:relative; width:100%; margin-bottom:40px; }
dl.cmtinsert dt.cmtinsert_list { position:relative; width:100%; overflow:hidden; }
dl.cmtinsert dt.cmtinsert_list ul li { float:left; width:300px; height:44px; overflow:hidden; }
dl.cmtinsert dt.cmtinsert_list ul li label { display:block; float:left; margin-right:14px; height:44px; line-height:44px; font-size:14px; font-weight:500; color:#333; }
dl.cmtinsert dt.cmtinsert_list ul li input { display:block; float:left; width:200px; height:44px; margin-right:30px; border:0px solid #999; border-bottom:1px solid #999; font-size:14px; text-indent:6px; }
dl.cmtinsert dd.cmtinsert_textarea { position:relative; width:100%; margin-top:10px; overflow:hidden; }
dl.cmtinsert dd.cmtinsert_textarea div:nth-child(1) { float:left; width:1080px; }
dl.cmtinsert dd.cmtinsert_textarea div:nth-child(2) { float:left; width:180px; margin-left:20px; }
dl.cmtinsert dd.cmtinsert_textarea label { display:block; float:left; margin-right:14px; height:44px; line-height:44px; font-size:14px; font-weight:500; color:#333; }
dl.cmtinsert dd.cmtinsert_textarea input { display:block; float:left; width:1040px; height:44px; border:0px solid #999; border-bottom:1px solid #999; font-size:14px; text-indent:6px; }
dl.cmtinsert dd.cmtinsert_textarea span { display:block; width:100%; height:44px; line-height:44px; background:#123456; font-size:14px; text-align:center; font-weight:400; color:#fff; cursor:pointer; }
dl.coment { position:relative; width:100%; border-top:1px solid #ececec; }
dl.coment dt { width:100%; padding:30px 20px; color:#3e3f41; font-size:14px; color:#000; background:#fff; font-weight:500; box-sizing:border-box; }
dl.coment dt span {  }
dl.coment dt span.cmt_name { display:block; width:100%; }
dl.coment dt span.contenttxt { display:block; width:100%; margin-top:14px; color:#666; fo	nt-weight:300; }
dl.coment dt span.date { display:block; width:100%; margin-top:14px; font-size:12px; font-weight:500; color:#999; }
dl.coment dt span.btn { display:block; width:100%; text-align:right; font-size:13px; }
dl.coment dt span.btn a:nth-child(1) { padding-right:10px; margin-right:10px; border-right:1px solid #999; }
dl.coment dd.hide {display:none;}
dd.cmtrevise { width:100%; padding:0px 20px 30px 20px; font-size:12px; font-weight:500; color:#999; box-sizing:border-box; }



/*******************************************************/
/*****				갤러리 게시판 CSS				****/
/*******************************************************/

/* 리스트 */
#medialistwrapGall { position:relative; width:100%; margin:0 auto; }
#medialistwrapGall ul.medialistul { width: calc(100% + 20px); margin: 0px 0 0 -20px; overflow:hidden; }
#medialistwrapGall ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 30px; }
#medialistwrapGall ul li.medialist ul { position: relative; width:403.2px; padding-bottom:40px; background: #fff; box-sizing: border-box; }
#medialistwrapGall ul li.active div {  z-index:10; }
#medialistwrapGall .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#medialistwrapGall .medialist ul li.thumbnail { width:100%; max-height:400px; overflow:hidden; }
#medialistwrapGall .medialist ul li.thumbnail img{ width:100%; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#medialistwrapGall .active ul li.thumbnail img{ overflow: hidden; -webkit-transform:  scale(1.1); -moz-transform:  scale(1.1); -o-transform: scale(1.1); transform:  scale(1.1); }
#medialistwrapGall .medialist ul li.title {  width:100%; padding:18px 0 8px 0; text-align:center;  }
#medialistwrapGall .medialist ul li.title a { font-size:20px; color:#000; font-weight:700; text-decoration:none; }
#medialistwrapGall .medialist ul li.text { width:100%; padding:0px 0; text-align:left; line-height:170%;word-wrap:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#medialistwrapGall .medialist ul li.text a { color:#888; font-size:15px; }
#medialistwrapGall .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:left; font-size:12px; color:#fff; background:#000; cursor:pointer;
}
#medialistwrapGall .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}

/* 상세 보기 */
#medialistwrapView { position:relative; width:100%; display:inline-block; margin:0 auto; }
#medialistwrapView ul {  }
#medialistwrapView ul li.txt_title { position:relative; width:100%; padding:30px 0; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #999; overflow:hidden;  }
#medialistwrapView ul li.txt_text { padding:40px 3%;  color:#444; font-size:14px; border-bottom:1px solid #000; }
#medialistwrapView ul li.txt_text img { max-width:100%; }

#medialistwrapView p.title{ width:83%; padding-left:2%; float:left; font-size:30px; color:#000;  }
#medialistwrapView p.day{ width:13%; padding-right:2%; padding-top:15px; float:left;  color:#404040; font-size:16px; text-align:right;}
#medialistwrapView p.day span { float:right; padding-left:14px; color:#471b56;  }






/*******************************************************/
/*****					FAQ 게시판 CSS				****/
/*******************************************************/
/* ======= 리스트 ======== */
#notice_content { width:100%; margin:0 auto; margin-top:50px; border-top:1px solid #245e67; overflow:hidden; }

.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:76px; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  position:absolute; top:50%; left:60px; transform:translateY(-50%); width:44px; height:44px; line-height:38px; text-align:center; font-size:22px; font-weight:700; color:#fff; background:#245e67; border-radius: 100%; }
.qnawrap .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:19px; font-weight:500; padding-left:120px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { display:none; position:relative; width:100%; padding-left:120px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:40px 0; font-size:17px; color:#6e6e6e; line-height:180%; }

.qnawrap.active .question_notice { border-bottom:1px solid #e0e0e0; background:#f6fdf5; }
.qnawrap.active .answer_notice { display:block; }
.qnawrap.active .imgs { transform: rotate(180deg); }


/*******************************************************/
/*****					뉴스 게시판 CSS				****/
/*******************************************************/

/* ======= 리스트 ======== */
	#medialistwrap { position:relative; width:100%; margin:0 auto; line-height:170%;}
	#medialistwrap div.mediBox {position:relative;display:inline-block;vertical-align:top;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa;}
	#medialistwrap div.mediBox div.noticeLayer { position:absolute; left:45px;top:0px; }
	#medialistwrap ul.medialist { position:relative; width:400px; padding-top:10px; padding-bottom:30px; margin:auto; float:left;}
	#medialistwrap ul.medialist li.title { float:left; margin-top:48px; width:325px; font:bold 14px 'Noto Sans KR'; color:#000000; text-decoration:underline; }
	#medialistwrap ul.medialist li.title img { padding-left:10px; }
	#medialistwrap ul.medialist li.hit { margin-top:48px; float:left; font:bold 14px 'Noto Sans KR'; color:#334f8e; }
	#medialistwrap ul.medialist li.day { padding-top:20px; clear:both; font:14px 'Noto Sans KR'; color:#404040; }
	#medialistwrap ul.medialist li.con { margin-top:36px; width:392px;  background:#000; }
	#medialistwrap ul.medialist li.text { margin-top:16px; padding:20px 30px 10px 30px; width:330px; height:100px; background:#f9f9fb; border:1px solid #d0d0d8; }
	#medialistwrap ul.medialist li.bt { text-align:right; padding-top:20px; }
	#medialistwrap ul.medialist li.bt a {margin-right:10px; background:#3d5894; padding:10px 14px; color:#fff; font-weight:bold; }
	.tosee {clear:both; position:relative;  padding:20px 0px; margin:15px auto;background:#f0f0f0;  font:bold 14px 'Noto Sans KR'; color:#334f8e; text-align:center; }

/* ======= 상세 보기는 일반 게시판 css ======== */



/*******************************************************/
/*****				동영상 게시판 CSS				****/
/*******************************************************/

/* ======= 리스트 ======== */
	#mediawrap { position:relative; width:100%; margin:0 auto; display:inline-block;}
	#mediawrap ul li { clear:both; width:100%; }

	#viewArea { position:relative; width:1100px; margin:0 auto; }
	#viewArea .mediatitle { position:relative; width:100%; height:50px; overflow:hidden; padding:20px 0; }
	#viewArea  .mediatitle li.title { position:absolute; top:20px; left:0px; font-size:24px; font-weight:700; color:#000; }
	#viewArea  .mediatitle li.day { position:absolute; top:26px; right:0px; font-size:18px; font-weight:400; color:#999; text-align:right; }
	#viewArea  .mediatitle li.day span { font-size:16px;color:#a13c88; }

/* 	.mediathum { position:relative; width:1100px; margin:0 auto; margin-top:50px; overflow:hidden; }
	.mediathum dl { float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; }
	.mediathum dl:nth-child(4n) { margin-right:0px; }
	.mediathum dl dt { width:100%; background:#707070; overflow:hidden;  }
	.mediathum dl dt img { width:100%; }
	.mediathum dl dd {  width:100%; height:94px; padding:0 20px; border:1px solid #ddd; box-sizing:border-box; }
	
	.mediathumtext li {  }
	.mediathumtext li.title { margin-top:20px;  font-size:14px;color:#000; word-wrap:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.mediathumtext li.hit { margin-top:6px;  font-size:14px;color:#334f8e; }
	.mediathumtext li.day { margin-top:6px; font-size:14px;color:#404040; }
	 */


	.mediathum { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; position:relative; width:100%; max-width:1280px; margin:0 auto; margin-top:40px; overflow:hidden; }
	.mediathum div { position:relative; width:32.3333%; margin-right:1.5%; margin-bottom:4%; border-radius:10px; overflow:hidden; }
	.mediathum div:nth-child(3n) { margin-right:0px; }
	.mediathum div ul li:nth-child(1) { position:relative; width:100%; background:#000000; overflow:hidden;  }
	.mediathum div ul li:nth-child(1) img { display:block; width:100%; height:100%;opacity:90%;  margin-top: -9.4%; margin-bottom: -9.3%; }
	.mediathum div ul li:nth-child(2) { position:relative; width:100%; min-height:114px; margin:0 auto; text-align:left; font-size:20px; font-weight:700; color:#000000; line-height:140%; padding:22px 32px; box-sizing:border-box; border:1px solid #d9d9d9; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	.mediathum div ul li:nth-child(2) img { display:inline-block; width:40px; vertical-align:top; margin-right:6px; }

	.movdivwrap { position:fixed; width:100%; height:100%; top:0; left:0; background:url('/images/common/quickbg.png'); text-align:center;  z-index:500; }
	.movdivwrap iframe { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; height:450px; }
	.movdivwrap p { position:absolute; right:0; cursor:pointer; }

	.mediathum .ytp-button {
		border: none;
		background-color: transparent;
		padding: 0;
		color: inherit;
		text-align: inherit;
		font-size: 100%;
		font-family: inherit;
		cursor: default;
		line-height: inherit;
		cursor:pointer;
	}

	.mediathum .ytp-large-play-button {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 68px;
		height: 48px;
		margin-left: -34px;
		margin-top: -24px;
		-webkit-transition: opacity .25s cubic-bezier(0,0,.2,1);
		transition: opacity .25s cubic-bezier(0,0,.2,1);
		z-index:5;
	}



/*******************************************************/
/*****				전후사진[basic_bnf] 게시판 CSS	****/
/*******************************************************/

	#bnfwrap { position:relative; width:844px; margin:0 auto; margin-top:50px; }
	#bnf { width:100%; margin:0 auto; text-align:center;  }

	#bnf ul li.bnfbtleft { position:absolute; top:220px; left:-80px; }
	#bnf ul li.bnfbtright { position:absolute; top:220px; right:-80px; }
	#bnf ul li.bnfimg { position:relative; width:844px; height:554px; }
	#bnf ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; width:844px; height:554px; }
	#bnf ul li.bnfcon { width:100%; padding:30px 0; margin:auto;  font-size:22px; color:#fff; font-weight:700; background:#471b56; position:relative;  }
	#bnf ul li.pointbt { width:100%; margin-top:30px; text-align:center; }
	#bnf ul li.pointbt ul li { display:inline-block; width:65px; height:65px; margin:0 -1px; }

	#bnfwrap .thumbnail { position:relative; width:844px; margin:0 auto; margin-top:50px; }
	#bnfwrap .thumbnail ul li { float:left; width:270px; margin-left:17px; }
	#bnfwrap .thumbnail ul li img { width:100%; }
	#bnfwrap .thumbnail ul li.first { margin-left:0px; }



/*******************************************************/
/*****				스타 전후사진 게시판 CSS		****/
/*******************************************************/
#starthumwrap { position:relative; width:100%; margin:0 auto;   padding-top:20px; }
#starthumwrap ul li {  float:left; }
#starthumwrap dd.star_con { width:210px; height:27px; text-align:center; font-size:12px; padding-top:10px;  text-align:left; }
#starthumwrap li.btleft { margin-right:16px; padding-top:50px; }
#starthumwrap li.listBox { position:relative;left:0px;top:0px;width:870px;height:170px;overflow:hidden;}
#starthumwrap li.btright { margin-left:12px; padding-top:50px; }

#star_thum {position:absolute;left:0px;top:0px;}
#star_thum dl { float:left; margin-right:6px; }
#star_thum dl dt {width:210px;height:135px;}
#star_thum dl dd {width:210px;height:35px;}

#starwrap { clear:both; position:relative; width:100%; height:780px; margin:0 auto;  border-bottom:2px solid #000; }
#star_btn {position:absolute; left:-50px;width:110%;display:none;}
#star_btn ul{width:100%;}
#star_btn li.lBtn{float:left;}
#star_btn li.rBtn{float:right;}
#star { width:100%; margin:0 auto; text-align:center; }
#star ul { padding-top:70px; padding-left:42px; }
#star ul li { float:left; display:inline-block; }
#star ul li.starimg {width:100%;position:relative;}
#star ul li.starimg div.photos {left:0px;top:0px;display:inline-block;}
#star ul li.starcon { width:100%; background:#ececec;  padding-top:46px; padding-bottom:20px;}
#star ul li.starcon div dl dt { font:bold 16px  'Noto Sans KR',Dotum; text-decoration:underline; text-align:left;margin-left:5px;}
#star ul li.starcon div dl dd { font:14px  'Noto Sans KR',Dotum; color:#6e6e6e; padding-top:16px; text-align:left;margin-left:5px;}



#eventnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;  }
#eventnotice ul { padding-top:0px;  }
#eventnotice ul li.medialist { margin-right:14px; margin-left:14px; margin-bottom:60px; position:relative; width:390px; display:inline-block;  }
#eventnotice .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#eventnotice .medialist ul li.thumbnail { position:relative; margin:auto; width:388px; height:290px;  z-index:1; overflow:hidden; border:1px solid #000; }
#eventnotice .medialist ul li.thumbnail img{ width:100%; }
#eventnotice .medialist ul li.title { width:358px; padding:38px 15px 8px 15px; text-align:center;   border-left:1px solid #bababa; border-right:1px solid #bababa; }
#eventnotice .medialist ul li.title a { font:bold 16px 'Noto Sans KR'; color:#58473c; text-decoration:none; }
#eventnotice .medialist ul li.day { width:358px; padding:0px 15px 12px 15px; text-align:center;   border-left:1px solid #bababa; border-right:1px solid #bababa; }
#eventnotice .medialist ul li.day a { font:bold 16px 'Noto Sans KR'; color:#f49e81; text-decoration:none; }
#eventnotice .medialist ul li.text { width:358px; padding:0px 15px 42px 15px; text-align:center;  line-height:170%;word-wrap:break-word; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa;  }
#eventnotice .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; }
#eventnotice .medialist ul li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; }
#eventnotice .medialist ul li.oning { position:absolute; top:0px; right:0px; padding:10px 16px; z-index:999; background:#eb4252; font:bold 14px 'Noto Sans KR'; color:#fff; }
#eventnotice .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; }

#bnfnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;  }
#bnfnotice ul { padding-top:0px;  }
#bnfnotice ul li.medialist { width:100%; margin:0 auto; padding-bottom:50px; border-bottom:1px solid #f0c2b3; }
#bnfnotice .medialist ul li.viewimg { position:relative; width:1092px; margin:0 auto; overflow:hidden; }
#bnfnotice .medialist ul li.viewimg p { float:left; width:526px; margin:0 10px; }
#bnfnotice .medialist ul li.viewimg img{width:100%;}
#bnfnotice .medialist ul li.title { position:relative; width:1072px; margin:0 auto; margin-top:10px; padding:30px 0; background:#8d7666; font:bold 26px 'Noto Sans KR'; color:#fff; text-align:center; }
#bnfnotice ul li.thumbnail { width:100%; margin:0 auto; padding-top:50px; text-align:center; }
#bnfnotice ul li.thumbnail ul { display:inline-block; width:23%; margin:0 0.8%; }
#bnfnotice .thumbnail ul li.viewimg { position:relative; width:100%; margin:0 auto; overflow:hidden; }
#bnfnotice .thumbnail ul li.viewimg p { float:left; width:49%; margin:0 0.5%; }
#bnfnotice .thumbnail ul li.viewimg img{width:100%;}
#bnfnotice .thumbnail ul li.title { position:relative; width:100%; margin:0 auto; margin-top:10px; padding:10px 0; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; text-align:center; }



/* 스크립트 후 추가 CSS */
#medialistwrapView .medialist div ul li.thumbnail div.loadingBar {position:absolute;text-align:center;width:100%;padding-top:250px;}

/*******************************************************/
/*****				이벤트 CSS				****/
/*******************************************************/
div#event_list {width:100%;}
div#event_list li.event_box {float:left;width:398px;max-height:800px;overflow:hidden;margin-bottom:15px;border:1px solid #ddd;text-align:center;}
div#event_list li.event_box ul li.thumbnail img{width:100%;max-height:400px;}
div#event_list li.event_box ul li.thumbnail_text {width:94%;padding:0 3%;font:bold 14px 'Noto Sans KR';height:30px;margin-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ml40{margin-left:40px;}

.insertEndBtn{width:260px;margin:0 auto;padding-bottom:30px;}
.insertEndBtn li{float:left;margin:0 10px;}
.insertEndBtn li a{display:block;width:110px;padding:15px 0;background:#B28B57;color:#fff;font:bold 15px "Noto Sans KR",Gulim; }
.insertEndBtn li a:hover{background:#5d5d5d;color:#fff;}

#medialistwrapGall_event { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;}
#medialistwrapGall_event ul { padding-top:0px; }
#medialistwrapGall_event ul li.medialist { vertical-align:top; margin-right:17px;margin-bottom:25px; position:relative; width:407px; height:350px;overflow:hidden;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; }
#medialistwrapGall_event .medialist ul li.best { position:absolute; top:0px; left:0px; }
#medialistwrapGall_event .medialist ul li.thumbnail { margin-top:23px; margin-left:21px; width:305px; max-height:305px;overflow:hidden; border:1px solid #d3d3db; }
#medialistwrapGall_event .medialist ul li.title { padding:20px 0 16px 0; width:80%; margin:0 auto;  font:bold 16px 'Noto Sans KR'; color:#000000; text-decoration:underline; }
#medialistwrapGall_event .medialist ul li.date { padding:0px 0 16px 0; width:80%; margin:0 auto;  font:bold 13px 'Noto Sans KR'; color:#000000;}
#medialistwrapGall_event .medialist ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font:13px 'Noto Sans KR'; color:#5f5f61; line-height:170%;word-wrap:break-word;}
#medialistwrapGall_event .medialist ul li.bt {text-align:right;padding:20px 0px; }
#medialistwrapGall_event .medialist ul li.bt span {margin-right:30px;}


/* ======= 모바일 다음글 / 이전글 ======== */

#noticenext {width:100%;padding:20px 0px;position:relative; }
#noticenext li.c1 {width:20%;float:left;}
#noticenext li.c1 img {vertical-align:middle;margin:5px;}
#noticenext li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#noticeback {width:100%;padding:20px 0px;position:relative; }
#noticeback li.c1 {width:20%;float:left;}
#noticeback li.c1 img {vertical-align:middle;margin:5px;}
#noticeback li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* ======= 모바일 상단 뷰 ======== */
#noticetitle { clear:both; width:100%; min-height:64px;display:inline-block; margin:0 auto; border-top:2px solid #000;  border-bottom:1px solid #bababa; }
#noticetitle ul li.title { width:65%; text-align:left; float:left; margin-top:20px; padding-left:30px; font:bold 16px 'Noto Sans KR'; color:#000000;  }
#noticetitle ul li.day { width:30%; float:right; text-align:right; margin-top:20px; font:14px 'Noto Sans KR'; color:#404040; }
#noticetitle ul li.day span { margin-left:10px; margin-right:30px; font:bold 14px 'Noto Sans KR'; color:#866f3b; }

#noticecontent { width:100%; margin:0 auto; padding:50px 0px 50px 0px; font:14px 'Noto Sans KR'; line-height:170%;}
#noticecontent img{max-width:100%;height:auto;}

#mobile_reservetable td.mobileName input[type=text]{border:1px solid #ddd;margin-left:1px;}
#mobile_reservetable td {padding:4px 0px;}

.text-left { text-align: left !important; }

/* 리스트 */
#medialistwrapGall2 { position:relative; width:100%; margin:0 auto; }
#medialistwrapGall2 ul.mediaul { width: calc(100% + 20px); margin: -40px 0 0 -20px; }
#medialistwrapGall2 ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 20px; }
#medialistwrapGall2 ul li.medialist div { position: relative; width: 413.2px; padding-bottom:40px; border:1px solid #dad4d3; background: #fff; box-sizing: border-box;
border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;
-moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px; -moz-border-bottom-left-radius: 14px; -moz-border-bottom-right-radius: 14px;
-webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px; -webkit-border-bottom-left-radius: 14px; -webkit-border-bottom-right: 14px;
}
#medialistwrapGall2 ul li.active div {  border:1px solid #471b56;  box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:10; }
#medialistwrapGall2 .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#medialistwrapGall2 .medialist ul li.thumbnail { width:100%; height:260px; overflow:hidden;
border-top-left-radius: 14px; border-top-right-radius: 14px;
-moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px;
-webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px;
}
#medialistwrapGall2 .medialist ul li.thumbnail img{ width:100%; height:260px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#medialistwrapGall2 .active ul li.thumbnail img{ overflow: hidden; -webkit-transform:  scale(1.1); -moz-transform:  scale(1.1); -o-transform: scale(1.1); transform:  scale(1.1); }
#medialistwrapGall2 .medialist ul li.title { padding:25px 25px 0px 25px; }
#medialistwrapGall2 .medialist ul li.hashTag { padding:25px 25px 0px 25px; }
#medialistwrapGall2 .medialist ul li.title a { font:bold 18px 'Noto Sans KR'; color:#111; text-decoration:none; }
#medialistwrapGall2 .medialist ul li.text { width:100%; padding:0px 0 0 0; text-align:center;  line-height:170%;word-wrap:break-word;    }
#medialistwrapGall2 .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; }
#medialistwrapGall2 .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:center;  font-size:12px; color:#fff; background:#000; cursor:pointer;
border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px;
-moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px;
-webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px;
}

#medialistwrapGall2 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}
#medialistwrapGall2 .blue { color: #0000ff; }
.text-right { text-align: right; }
.moreBtn { background-color: #471b56; color: #fff; padding: 15px 15px; border-radius: 10px; border: 1px solid #000; font-size: 16px; font-weight: bold; }


.paylist { position:relative; width:1300px; margin:0 auto; padding:100px 0; }
.payselect { width:1300px; margin:0 auto; }
.payselect select { width:220px; height:40px; margin-right:10px; outline: none; }


.paylisttable { width:100%; }
.paylisttable  th { height:60px; background:#471b56; font-weight:500; font-size:16px; color:#fff; }
.paylisttable  td { height:60px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; text-align:center;  font-size:14px; color:#000; }
.paylisttable  td:last-child { border-right:0px; }
table.depth02 td{border-left: 1px solid#c7c7c7;}






/* 포커스 */
#focus { position:relative; width:100%; }
#focus ul.focusul { position:relative; width:100%; height:520px; margin-top:50px; padding:50px 56px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; }
#focus ul.focusul li.focustxt { float:left; position:relative; width:378; height:403px; padding-left:50px; }
#focus ul.focusul li.thumbnail { float:right; width:737px; height:403px; overflow:hidden; }
#focus ul.focusul li.thumbnail img { width:100%; }
#focus ul.focusul li.focustxt ul li.cate { width:100px; height:38px; font-size:16px; font-weight:500; line-height:36px; text-align:center; color:#471b56; border:1px solid #471b56; box-sizing:border-box; }
#focus ul.focusul li.focustxt ul li.title a { display:block; width:100%; padding-top:32px; font-size:24px; font-weight:700; color:#000; line-height:1; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
#focus ul.focusul li.focustxt ul li.con a { display:block; width:80%; padding-top:22px; font-size:17px; font-weight:100; color:#000; line-height:180%; }
#focus ul.focusul li.focustxt ul li.day { position:absolute; top:0px; left:0px; }


/* 포커스 */
#newmedia { position:relative; width:100%; }
#newmedia ul.mediaul { position:relative; width:100%; height:520px; margin-top:50px; padding:50px 56px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; }
#newmedia ul.mediaul li.txt { float:right; position:relative; width:380; height:403px; padding-left:40px; }
#newmedia ul.mediaul li.thumbnail { float:left; width:737px; height:403px; overflow:hidden; }
#newmedia ul.mediaul li.thumbnail img { width:100%; height:403px; }
#newmedia ul.mediaul li.txt ul li.title a { display:block; width:100%; padding-top:52px; font-size:24px; font-weight:700; color:#000; line-height:1; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
#newmedia ul.mediaul li.txt ul li.con a { display:block; width:80%; padding-top:22px; font-size:17px; font-weight:100; color:#000; line-height:180%; }
#newmedia ul.mediaul li.txt ul li.tag { display:block;padding-top:50px; font-size:19px; font-weight:500; color:#000; line-height:180%; }





#medialistwrapGall3 { position:relative; width: calc(100% + 12px); margin:60px 0 0 -12px; overflow:hidden;  }
#medialistwrapGall3 ul { padding-top:0px;  }
#medialistwrapGall3 ul li.medialist { float:left; position:relative; width:416px; margin-left:12px; padding:30px 32px; margin-bottom:30px; border:1px solid #d9d9d9; box-sizing:border-box; }
#medialistwrapGall3 .medialist ul li.best { position:absolute; top:20px; right:20px; z-index:10; }
#medialistwrapGall3 .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; height:240px; margin-top:20px; overflow:hidden;}
#medialistwrapGall3 .medialist ul li.thumbnail img { width:100%; min-height:240px; }
#medialistwrapGall3 .medialist ul li.title { padding-top:22px; width:100%; margin:0 auto; font-size:24px; font-weight:700; color:#000; letter-spacing:-1px; line-height:140%; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
#medialistwrapGall3 .medialist ul li.title a { color:#000; }
#medialistwrapGall3 .medialist ul li.text { padding-top:14px; width:100%; margin:0 auto; height:76px;  font-size:17px; font-weight:200; color:#212529; line-height:180%; }
#medialistwrapGall3 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}
#medialistwrapGall3 .medialist ul li.number_icon { width:100%; padding-bottom:10px; font-size:15px; color:#212529; }
#medialistwrapGall3 .medialist ul li.date { padding-top:8px; font-size:15px; font-weight:200; color:#212529; }
#medialistwrapGall3 .medialist ul li.name { padding-top:8px; font-size:15px; font-weight:200; color:#212529; }
#medialistwrapGall3 .medialist ul li.count { padding-top:8px; font-size:15px; font-weight:200; color:#212529; }
#medialistwrapGall3 .medialist ul li span { display:inline-block; width:60px; font-size:15px; font-weight:500; color:#212529; }
#medialistwrapGall3 .medialist ul li.notice_icon { position:absolute; top:24px; right:32px; z-index:10; width:38px; height:38px; line-height:37px; background:#471b56; text-align:center; color:#fff; font-size:11px; font-weight:400; border-radius:100%; }
#medialistwrapGall3 .medialist .text img { display:none; }



#medialistwrapGall5 { position:relative; width:1280px; margin:60px auto 0px auto; overflow:hidden; }
#medialistwrapGall5 ul { float:left; position:relative; width:24%; margin-right:1.33%; margin-bottom:2%; border:1px solid #d9d9d9; background:#ffffff; border-radius:10px; box-sizing:border-box; overflow:hidden; }
#medialistwrapGall5 ul:nth-child(4n) { margin-right:0px; }
#medialistwrapGall5 ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; height:138px; overflow:hidden;}
#medialistwrapGall5 ul li.thumbnail img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:220px; }
#medialistwrapGall5 ul li.title { position:relative; width:100%; height:59px; line-height:59px; text-align:center; font-size:21px; font-weight:700; color:#212529; background:#f0f0f0; box-sizing:border-box; }





#location {display:none;}
#containerwrap {}
.docDv2	{display:none;}

#srchSection	{max-width:1280px; margin:0px auto;}
#srchSection .subtitle01 {clear:both;}
#srchSection .search_cnt {display:inline-block; width:100%;}
#srchSection .search_cnt ul li { float:left; position:relative; width:calc(25% - 20px); height:90px; margin-right:20px; padding-top:40px; }
#srchSection .search_cnt ul li a { display:block; position:relative; width:100%; height:90px; line-height:88px; border:1px solid #2179bd; box-sizing:border-box; box-shadow: 3px 3px 28px 2px #dbdbdb; font-size:23px; color:#313131; font-weight:700; letter-spacing:-1px; text-align:center;}
#srchSection .search_list { width:100%; padding-top:40px; overflow:hidden; }
#srchSection .search_list ul.listul { width: calc(25% - 20px); background:#fff; float:left; position:relative; margin:0 20px 0 0; padding:30px; border:1px solid #d9d9d9; border-radius:14px; box-sizing:border-box; }
#srchSection .search_list ul.listul:hover { border:3px solid #245e67; padding:28px; box-sizing:border-box; }
#srchSection .search_list ul.listul a { display:block; width:100%; }
#srchSection .search_list ul.listul li.title { position:relative; width:100%; height:80px; padding-bottom:16px; border-bottom:1px solid #d9d9d9; font-size:21px; font-weight:700; color:#212529; box-sizing:border-box; line-height:140%; letter-spacing:-1px; word-break:all;}
#srchSection .search_list ul.listul li.con { width:100%; height:94px; padding-top:16px; font-size:16px; font-weight:400; color:#7c7c7c; line-height:160%; overflow:hidden;  word-break:all;}
#srchSection .search_list ul.listul li.date { width:100%; font-size:14px; font-weight:500; color:#7c7c7c; }
#srchSection .search_list2 { width:100%; padding-top:40px; overflow:hidden; }
#srchSection .search_list2 ul.listul { width: calc(25% - 20px); background:#fff; float:left; position:relative; margin:0 20px 0 0; padding:30px; border:1px solid #d9d9d9; border-radius:14px; box-sizing:border-box; }
#srchSection .search_list2 ul.listul:hover { border:3px solid #245e67; padding:28px; box-sizing:border-box; }
#srchSection .search_list2 ul.listul a { display:block; width:100%; }
#srchSection .search_list2 ul.listul li.title { position:relative; width:100%; height:80px; padding-bottom:16px; font-size:21px; font-weight:700; color:#212529; box-sizing:border-box; line-height:140%; letter-spacing:-1px; word-break:all;}
#srchSection .search_list2 ul.listul li.date { width:100%; font-size:14px; font-weight:500; color:#7c7c7c; }
#srchSection .notice_viewbt { position:relative; width:100%; margin-top:20px; margin-bottom:20px; }
#srchSection .notice_viewbt a { display:block; width:190px; height:46px; margin:0 auto; line-height:46px; text-align:center; background:#309fc4; border-radius:40px; font-size:16px; font-weight:400; color:#fff; }
#srchSection .search_none { width:100%; padding:20px 0 20px 0; text-align:center; color:red; font-size:20px;}

html{
  scroll-behavior: smooth;
}
body img { display:block; max-width:100%; vertical-align:top; }


header { position:fixed; top:0px; left:0px; width:100%; z-index:10; }
header.active { opacity:1; }
header #logo { position:absolute; top:32px; left:30px; width:230px; height:54px; }
header #logo a { display:block; position:relative; width:100%; height:100%; background:url(/images/common/logo.svg)no-repeat 0 0; background-size:100%; }

header .top-util { position:absolute; top:14px; right:20px; display:flex; }
header .top-util li { margin-left:14px; font-size:12px; font-weight:500; color:#0d3566; line-height:130%; text-align:center; padding-top:48px; }
header .top-util li:nth-child(1) { background:url(/images/common/tu1.png)no-repeat 50% 0; background-size:38px; }
header .top-util li:nth-child(2) { background:url(/images/common/tu3.png)no-repeat 50% 0; background-size:38px; }
header .top-util li:nth-child(3) { background:url(/images/common/tu2.png)no-repeat 50% 0; background-size:38px; }

#gnb { position:absolute; top:30px; left:50%; transform:translateX(-50%); width:54%; max-width:920px; height: 60px; 
display: flex; justify-content: space-between; padding:0 2%; box-sizing:border-box; 
box-shadow:1px 1px 10px rgba(0,0,0,20%); 
background:#333333; border-radius: 100px; 
}
#gnb li {  }
#gnb li a { display:block; line-height:60px; font-size:18px; font-weight:500; color:#ffffff; letter-spacing:-0.5px; }
#gnb li a:hover { color:#f6ea3b;}
#gnb li:last-child { margin-right:0px; }

header #mainallmenu { display:none; }

#allmenu { display:none; }

/*PC 전체메뉴*/
#allmenu { display:block; position:fixed; top:0px; left:0px; width:100%; min-width:320px; height:0%; background:#ffffff; background-size:cover; z-index: 311; overflow:hidden; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#allmenu.active { height:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }

#allmenu-gnb { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; opacity:0; filter: blur(6px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#allmenu-gnb li { position:relative; width:100%; height:60px; line-height:60px; text-align:center; border-bottom:1px solid rgba(0,0,0,10%); box-sizing:border-box; }
#allmenu-gnb li:last-child { border-bottom:0px; }
#allmenu-gnb li a { font-family: 'Minerva Modern'; font-size:22px; font-weight:500; color:#464646; }
#allmenu-gnb li a:hover { color:#000000; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }

.allmenuclose { position:absolute; top:22px; right:28px; cursor:pointer; width:40px; }

#allmenu.active #allmenu-gnb { top:50%; opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }




/*팝업*/
.LayerPopup { position:absolute; background:#ffffff; }
.LayerPopup div.popimg { position:relative; }
.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }
.LayerPopup ul.btm { position:relative; width:100%; height:45px; line-height:45px; background-color:#353535; box-sizing:border-box; }
.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }
.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }
.LayerPopup ul.btm li input[type="checkbox"] { display:none; }
.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }


#introvideo { position:relative; width:100%; height:100vh; overflow:hidden; background:#000000; }
#introvideo .vod { position:absolute; top:0; left:0; width:100%; height:100%; }
#introvideo .vod video { display:block; position:absolute; top:50%; left:50%; opacity:60%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; }
#introvideo .vod2 { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
#introvideo .vod2 video { display:block; position:absolute; top:50%; left:50%; opacity:60%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; }


#introvideo .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
#introvideo .maintxt li.t1 { width:80px; margin:0 auto; animation: introtxt1 1.5s cubic-bezier(0.25, 1, 0.5, 1) both 0.5s; }
#introvideo .maintxt li.t2 { width:100%; margin-top:30px; }
#introvideo .maintxt li.t2 div { position:relative; width:100%; height:60px; margin-bottom:16px; line-height:60px; font-size:54px; font-weight:700; color:#ffffff; overflow:hidden; }
#introvideo .maintxt li.t2 div span { display:block; position:absolute; top:-60px; left:0px; width:100%; animation: introtxt2 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.2s; }
#introvideo .introbt { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); width:102px; height:102px; z-index:1; }
#introvideo .introbt span { display:block; position:absolute; top:0; left:0; width:102px; height:102px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; }

@keyframes introtxt1 {
  0% { transform:translateY(90px); opacity:0; filter: blur(10px); }
  100% { transform:translateY(0px); opacity:0.5; filter: blur(0px); }
}
@keyframes introtxt2 {
	0% { top:-60px; }
	100% { top:0px; }
}


#mainvisual { position:relative; width:100%; height:100vh; overflow:hidden; background:#000000; }
#mainvisual .mainslide { position:relative; width:100%; height:100%; }

#mainvisual #v1 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/v1.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v2 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/v2.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v3 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/v3.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v4 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/v4.jpg')no-repeat 50% 50%; background-size:cover; }

#mainvisual .maintxt { position:absolute; top:50%; left:42%; transform:translate(-50%,-50%); width:1280px; text-align:left; }
#mainvisual #v1 .maintxt li.t1 { font-size:40px; font-weight:700; color:#282828; line-height:135%; letter-spacing:-1px; }
#mainvisual #v1 .maintxt li.t1 span { color:#0d3566; }
#mainvisual #v1 .maintxt li.t2 { margin-top:30px; font-size:19px; font-weight:400; color:#5e5e5e; opacity:95%; line-height:160%; }
#mainvisual #v1 .maintxt li.t2 span { font-size:24px; font-weight:700; color:#0d3566; }
#mainvisual #v1 .maintxt li.t3 { height:38px; line-height:130%; margin-top:20px; font-size:15px; font-weight:500; color:#282828;  padding-left:46px; box-sizing:border-box; background:url(/images/common/tu1.png)no-repeat 0 0; background-size:38px; }

#mainvisual #v2 .maintxt li.t1 { font-size:40px; font-weight:700; color:#ffffff; line-height:135%; letter-spacing:-1px; }
#mainvisual #v2 .maintxt li.t2 { margin-top:30px; font-size:19px; font-weight:400; color:#ffffff; opacity:95%; line-height:160%; }
#mainvisual #v2 .maintxt li.t1 span { color:#dfc47b; }

#mainvisual #v3 .maintxt li.t1 { font-size:40px; font-weight:700; color:#ffffff; line-height:135%; letter-spacing:-1px; }
#mainvisual #v3 .maintxt li.t2 { margin-top:30px; font-size:19px; font-weight:400; color:#ffffff; opacity:95%; line-height:160%; }
#mainvisual #v3 .maintxt li.t1 span { font-weight:700; color:#dfc47b; }
#mainvisual #v3 .maintxt li.t3 { margin-top:50px; font-size:17px; font-weight:700; color:#0d3566;  line-height:160%; }

#mainvisual #v4 .maintxt li.t1 { margin-top:20px; font-size:40px; font-weight:700; color:#ffffff; line-height:135%; letter-spacing:-1px; }
#mainvisual #v4 .maintxt li.t11 { font-size:32px; font-weight:700; color:#ffffff; line-height:135%; letter-spacing:-1px; }
#mainvisual #v4 .maintxt li.t11 span { color:#fcff00; font-size:60px; }
#mainvisual #v4 .maintxt li.t2 { margin-top:30px; font-size:19px; font-weight:400; color:#ffffff; opacity:95%; line-height:160%; }
#mainvisual #v4 .maintxt li.t1 span { color:#dfc47b;  font-weight:700;}



#swiperbtwrap { position:absolute; top:85%; left:42%; transform:translate(-50%,-50%); width:1280px; height:42px; z-index:1; display:flex; justify-content: flex-start; }
#swiperbt { position:relative; width:270px; height:42px; overflow: initial !important; }
#swiperbtwrap .swiper-wrapper { position:relative; width:250px; height:42px; }
#swiperbtwrap .swiper-wrapper .swiper-slide { position:relative; width:42px !important; height:42px; margin-right:8px; cursor:pointer; border-radius:100%; font-size:16px; font-weight:500;font-family: 'Minerva Modern Bold'; color:#9e9e9e; background:#ffffff; text-align:center; line-height:42px; box-sizing:border-box; overflow:hidden; }
#swiperbtwrap .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { color:#ffffff; background:#0d3566; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#swiperbtwrap2 { position:relative; width:100px; height:42px; padding-top:10px; box-sizing:border-box; display:flex; }
#swiperbtwrap2 li { cursor:pointer; }
#swiperbtwrap2 li:nth-child(2) { width:1px; height:21px; margin:0 25px; background:rgba(255,255,255,20%); }




#mainvisual .swiper-slide-active .maintxt li.t11 { animation: maintxt1 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; }
#mainvisual .swiper-slide-active .maintxt li.t1 { animation: maintxt1 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; }
#mainvisual .swiper-slide-active .maintxt li.t2 { animation: maintxt1 1.6s cubic-bezier(0.25, 1, 0.5, 1) both 0.9s; }
#mainvisual .swiper-slide-active .maintxt li.t3 { animation: maintxt1 1.6s cubic-bezier(0.25, 1, 0.5, 1) both 1.5s; }
#mainvisual .swiper-slide-active .maintxt li.t4 { animation: maintxt1 1.6s cubic-bezier(0.25, 1, 0.5, 1) both 1.5s; }

#mainvisual .swiper-slide-active .bg  { animation: mainbg 20s cubic-bezier(0.25, 1, 0.5, 1) both 0s; }

@keyframes maintxt1 {
  0% { transform:translateY(90px); opacity:0; filter: blur(10px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}

@keyframes mainbg {
	0% { transform: scale(1.05) translateY(0); transform-origin: 50% 50%; }
	100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}




#main01 { position:relative; width:100%; height:930px; background:url('/images/common/main01bg.jpg')no-repeat 50% 0; background-size:cover;  overflow:hidden; }
#main01 .maintxt { position:absolute; top:50%; left:30%; transform:translate(-50%,-50%); width:620px; }
#main01 .maintxt li.t1 { font-family: 'Minerva Modern Bold'; font-size:22px; color:#0d3566; opacity:95%; line-height:100%; letter-spacing:3px; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01 .maintxt li.t2 { margin-top:20px; font-size:30px; font-weight:700; color:#000000; line-height:130%; letter-spacing:-1px; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01 .maintxt li.t3 { margin-top:30px; font-size:16px; font-weight:500; color:#262626; line-height:150%; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01 .maintxt li.t2 span { font-weight:700; color:#0d3566; }
#main01 .maintxt li.t33 { display:none; }


#main01.active .maintxt li.t1 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01.active .maintxt li.t2 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
#main01.active .maintxt li.t3 { transform:translateY(0px); opacity:80%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 1.0s; }
#main01.active .maintxt li.t33 { transform:translateY(0px); opacity:80%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 1.0s; }


#maindr { position:relative; width:100%; height:980px; max-width:2000px; margin:0 auto; }
#maindr .maintxt { z-index:5; position:relative; width:90%; margin:0 auto; padding-top:124px; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#maindr .maintxt li.t1 { font-size:44px; color:#0d3566; font-weight:700; line-height:100%; letter-spacing:-1px; }
#maindr .maintxt li.t2 { margin-top:20px; font-size:21px; font-weight:500; color:#3c3c3c; line-height:140%; }

#maindr #drslide { position:absolute; top:0px; left:0px; width:100%; height:100%; }
#maindr #drslide #dr1 { background:#e8e9e4 url('/images/common/maindr.jpg')no-repeat 50% 0; }
#maindr #drslide #dr2 { background:#e8e9e4 url('/images/common/maindr2.jpg')no-repeat 50% 0; }
#maindr #drslide #dr3 { background:#e8e9e4 url('/images/common/maindr3.jpg')no-repeat 50% 0; }
#maindr #drslide #dr4 { background:#e8e9e4 url('/images/common/maindr4.jpg')no-repeat 50% 0; }
#maindr #drslide #dr5 { background:#e8e9e4 url('/images/common/maindr5.jpg')no-repeat 50% 0; }
#maindr #drslide #dr6 { background:#e8e9e4 url('/images/common/maindr6.jpg')no-repeat 50% 0; }

#maindr .drslide .slideview { position:absolute; top:50%; left:75%; width:640px; transform:translate(-50%,-50%); }
#maindr .drslide .slideview .drname1 { width:100%;  }
#maindr .drslide .slideview .drname1 span.t1 { display:inline-block; font-size:32px; font-weight:700; color:#000000; line-height:100%; }
#maindr .drslide .slideview .drname1 span.t2 { display:inline-block; margin-left:10px; font-size:24px; font-weight:500; color:#000000; line-height:100%; opacity:70%; }
#maindr .drslide .slideview .drname2 { width:100%; margin-top:20px; font-size:26px; font-weight:600; color:#189b7f; line-height:100%; }
#maindr .drslide .slideview .drname2 span.t1 { display:block; margin-bottom:6px; }
#maindr .drslide .slideview .drname3 { width:100%; margin-top:20px; }
#maindr .drslide .slideview .drname3 span.t1 { display:block; margin-bottom:3px; }
#maindr .drslide .slideview .drname3 span.t1 { 
display:block; height:30px; font-size:20px; font-weight:600; color:#000000; line-height:30px; 
padding-left:40px; box-sizing:border-box; background:url(/images/common/tu1.png)no-repeat 0 50%; background-size:30px;
}
#maindr .drslide .slideview .drname3 span.t2 { 
display:block; height:30px; font-size:20px; font-weight:600; color:#000000; line-height:30px; margin-bottom:3px; 
padding-left:40px; box-sizing:border-box; 
}
#maindr .drslide .slideview .drname4 { width:100%; margin-top:30px; font-size:16px; font-weight:500; color:#626262; line-height:160%;  }
#maindr .drslide .slideview .drname4 span { color:#000000; font-size:20px; font-weight:700; }

#maindr.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#drswiperbt { position:absolute; top:85%; left:72%; transform:translate(-50%,-50%); height:42px; z-index:1; display:flex; justify-content: flex-start; }
#drswiperbt li { cursor:pointer; }
#drswiperbt li:nth-child(2) { width:1px; height:21px; margin:0 25px; background:rgba(255,255,255,20%); }




#main022 { position:relative; width:100%; padding:150px 0; background:url(/images/common/main022.jpg)no-repeat 50% 0; background-size:cover; overflow:hidden; }
#main022 .maintcenter { position:relative; width:90%; max-width:1280px; margin:0 auto; display:flex; justify-content: space-between; }
#main022 .maintcenter .txt li:nth-child(1) { font-size:40px; font-weight:700; color:#ffffff; line-height:130%; }
#main022 .maintcenter .txt li:nth-child(2) { margin-top:20px; font-size:20px; font-weight:400; color:#ffffff; line-height:160%; }

#main022 .maintcenter .main22slide { position:relative; width:602px; overflow:hidden; }
#main022 .maintcenter .main22slide .swiper-slide { height:auto; }
#main022 .swiper-wrapper { height:auto; }


.main02-pagination { position:relative; bottom:auto !important; top:auto !important; left:auto !important; right:auto !important; width:100% !important; margin-top:14px; height:30px; z-index:2; display:flex; justify-content: center }
.main02-pagination span { display:block; width:15px; height:15px; border-radius:100%; background:#ffffff; }





#main02 { position:relative; width:100%;  padding-top:124px; padding-bottom:130px; background:#ffffff; background-size:cover; }
#main02 .maintxt { position:relative; width:90%; margin:0 auto; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .maintxt li.t1 { font-size:21px; color:#007f8a; font-weight:500; line-height:100%; letter-spacing:5px; }
#main02 .maintxt li.t1 span { font-weight:900; }
#main02 .maintxt li.t2 { margin-top:10px; font-size:44px; color:#000000; font-weight:700; line-height:125%; letter-spacing:-1px; }
#main02 .maintxt li.t3 { margin-top:20px; font-size:21px; font-weight:500; color:#3c3c3c; line-height:140%; }

#main02 .imgbox { position:relative; width:84%; margin:0 auto; padding-top:80px; display:flex; justify-content: space-between; }
#main02 .imgbox ul { width:28%;  }
#main02 .imgbox ul.ib01 { transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s }
#main02 .imgbox ul.ib02 { margin-top:104px; transform:translateY(-100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .imgbox ul.ib03 { margin-top:8px; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02 .imgbox ul li.t1 { width:100%; ; }
#main02 .imgbox ul li.t1 img { width:100%; }
#main02 .imgbox ul li.t2 { margin-top:40px; font-size:29px; color:#010101; font-weight:700; line-height:130%; letter-spacing:-1px; }
#main02 .imgbox ul li.t3 { margin-top:16px; font-size:20px; color:#010101; font-weight:500; line-height:140%; }
#main02 .imgbox ul li.t4 { cursor:pointer; width:127px; height:43px; line-height:43px; text-align:center; margin-top:26px; font-size:13px; color:#000000; font-weight:600; border-radius:50px; background:#ffffff; border:1px solid #111111; box-sizing:border-box; }

#main02.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main02.active .imgbox ul.ib01 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
#main02.active .imgbox ul.ib02 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
#main02.active .imgbox ul.ib03 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }


.modalcon { position:fixed; top:0px; left:0px; right:0px; width:100%; height:0%; z-index:102; background-color:rgba(0,0,0,50%); overflow-X:hidden; overflow-Y:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }
.modalcon.active { height:100%; overflow-Y:scroll; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.modalcon .modalcontent { position:relative; top:-100px; left:50%; opacity:0; transform:translateX(-50%); background:#ffffff; width:100%; overflow:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.modalcon.active .modalcontent { top:0px; opacity:1; transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }

body .viewclose { position:fixed; top:0px; right:-145px; width:145px; height:126px; opacity:0; z-index:103; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; cursor:pointer; }
body.modalactive .viewclose { opacity:1; right:0px; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1.0s; }

.modal1con1 { position:relative; width:100%; height:1878px; background:#ffffff url('/images/sub/modal1con1.jpg')no-repeat 50% 0; }
.modal1con11 { position:relative; width:100%; height:1914px; background:url('/images/sub/modal1con11.jpg')no-repeat 50% 0; }
.modal1con111 { position:relative; width:100%; height:4829px; background:url('/images/sub/modal1con111.jpg')no-repeat 50% 0; }
.modal1img  { display:none; }

.modal2con1 { position:relative; width:100%; height:6209px; background:#ffffff url('/images/sub/modal2con1.jpg')no-repeat 50% 0; }
.modal2view .modal2img  { display:none; }

.modal3con1 { position:relative; width:100%; height:5797px; background:#ffffff url('/images/sub/modal3con1.jpg')no-repeat 50% 0; }
.modal3view img { display:none; }

.subboxcon { position:relative; width:100%; max-width:1380px; margin:0 auto; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #dddddd; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.subboxcon:last-child {  padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #dddddd; }
.subboxcon .boxtxt { position:relative; width:50%; }
.subboxcon .boxtxt .t1 { width:100%; height:42px; margin-bottom:30px; line-height:42px; font-size:30px; font-weight:500; color:#0d3566; display:flex; }
.subboxcon .boxtxt .t1 span  { display:block; width:42px; height:42px; margin-right:10px; border-radius:100%; border:1px solid #0d3566; font-size:22px; font-weight:700; color:#0d3566; text-align:center; line-height:40px; box-sizing:border-box; }
.subboxcon .boxtxt .t2 { width:100%; font-size:26px; font-weight:500; color:#282828; line-height:140%; }
.subboxcon .boxtxt .t22 { width:100%; font-size:30px; font-weight:700; color:#0d3566; line-height:130%; }
.subboxcon .boxtxt .t3 { width:100%; margin-top:30px; font-size:18px; font-weight:400; color:#525252; line-height:150%; }
.subboxcon .boxtxt .t4 { width:100%; margin-top:50px; }
.subboxcon .boxtxt .t4 div { font-size:26px; font-weight:700; color:#111111; }
.subboxcon .boxtxt .t4 ul { width:100%; margin-top:18px; }
.subboxcon .boxtxt .t4 ul li {
    width: 100%;
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 400;
	line-height:140%;
    color: #656565;
    padding-left: 34px;
    background: url('/images/sub/restxtconicon.png')no-repeat 0 2px;
    box-sizing: border-box;
}
.subboxcon .imgs { position:relative; width:45%; }


.subboxcon .boxtxt3 { position:relative; width:100%; text-align:center; margin-top:80px; }
.subboxcon .boxtxt3 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.subboxcon .boxtxt3 .txt11 { font-size:19px; font-weight:400; color:#111111; margin-top:10px; }
.subboxcon .boxtxt3 .txt2 { width:100%; margin-top:30px; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.subboxcon .boxtxt3 .txt2 ul { width:48%; margin-bottom:4%; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(1) { width:100%; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { width:100%; height:60px; line-height:60px; text-align:center; font-size:26px; font-weight:700; color:#ffffff; background:#0d3566; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:20px; font-size:18px; font-weight:400; color:#888888; line-height:160%; }

.tab1_444title { position:relative; width:100%; text-align:center; margin-top:80px; }
.tab1_444title .txt1 { font-size:44px; font-weight:700; color:#111111; }
.tab1_444title .txt11 { font-size:19px; font-weight:400; color:#111111; margin-top:10px; line-height:150%; }

.tab1_444 { position:relative; width:100%; margin:0 auto; overflow:hidden; display:flex; }
.tab1_444 .section { position:relative; width:50%; height:600px; }
.tab1_444 .section div.txt { position:relative; width:100%; height:600px; box-sizing:border-box; }
.tab1_444 .section div.txt ul { position:absolute; top:44%; left:50%; width:80%; transform:translate(-50%,-50%); }
.tab1_444 .section div.txt li.num { color:#efeaea; font-size: 58px; font-weight:700;}
.tab1_444 .section div.txt li.t1 { margin-top:30px; font-size:40px; font-weight:700; color:#000000; line-height:140%; letter-spacing:-1px; }
.tab1_444 .section div.txt li.t1 span { color:#0d3566; }
.tab1_444 .section div.txt li.t2 { margin-top:10px; font-size:19px; color:#555555; line-height:150%;; }
.tab1_444 .section div.txt li.t3 { margin-top:30px; font-size:24px; font-weight:500; color:#555555; line-height:150%;; }
.tab1_444.tab3_3 .section div.txt li.t1 { margin-top:6px; }

.tab1_444 .section.section1_1 {background: url(/images/sub/03img4_1.jpg) no-repeat 50% 50%; background-size: cover;}
.tab1_444 .section.section1_2 {background: url(/images/sub/03img4_2.jpg) no-repeat 50% 50%; background-size: cover;}
.tab1_444 .section.section1_3 {background: url(/images/sub/03img4_3.jpg) no-repeat 50% 50%; background-size: cover;}





.modaltitle { width:100%; margin-top:80px; text-align:center; font-size:44px; color:#010101; font-weight:700; line-height:100%; letter-spacing:-1px; }
.modaltitle span { display:block; font-size:26px; color:#616161; font-weight:500; }
.modalcon .tab_cont { position:relative; width:100%; }
.modalcon .tab_cont2 { position:relative; width:100%; padding:140px 0; background:#f9fafa; }
.modalcon .tab_cont3 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:100px; margin-top:100px; border-top:1px solid #e9e9e9; }
.modalcon .tab1_1 { position:relative; width:100%; max-width:1280px; margin:0 auto; display:flex; overflow:hidden; margin-top:40px; }
.modalcon .tab1_1 .left { position:relative; width:50%; padding:50px 70px 50px 70px; box-sizing:border-box; background:#0d3566; }
.modalcon .tab1_1 .left li.t1 { font-size:36px; font-weight:700; color:#ffffff; line-height:140%; }
.modalcon .tab1_1 .left li.t2 { font-size: 18px; font-weight:400; color:#ffffff; margin-top:20px; line-height:140%;}
.modalcon .tab1_1 .left li.t3 { font-size:26px; font-weight:700; color:#ffffff; line-height:140%; }
.modalcon .tab1_1 .left li.t3 span { font-weight:700; }
.modalcon .tab1_1 .right { position:relative; width:50%; }
.modalcon .tab1_1 .right .img {width:100%; border-radius:10px; overflow:hidden;}
.modalcon .tab1_1 .right .img img {width:100%;}
.modalcon .tab1_1 .right .img video {width:100%;}

.modalcon .tab1_11 { position:relative; width:100%; max-width:1280px; margin:0 auto; display:flex; overflow:hidden; margin-top:40px; }
.modalcon .tab1_11 .left { position:relative; width:50%; padding:10px 0px 50px 0px; box-sizing:border-box; background:#ffffff; }
.modalcon .tab1_11 .left li.t1 { font-size:36px; font-weight:500; color:#000000; line-height:120%; letter-spacing:-1px; }
.modalcon .tab1_11 .left li.t1 span { font-weight:700; }
.modalcon .tab1_11 .left li.t2 { font-size: 18px; font-weight:400; color:#000000; opacity:70%; margin-top:20px; line-height:160%;}
.modalcon .tab1_11 .right { position:relative; width:50%; }
.modalcon .tab1_11 .right .img {width:100%; border-radius:10px; overflow:hidden;}
.modalcon .tab1_11 .right .img img {width:100%;}
.modalcon .tab1_11 .right .img video {width:100%;}


.modalcon .tab_cont .tab1_5 { 
position: relative; width:100%; max-width:1280px; margin:0 auto; padding:12% 0; margin-top:80px; margin-bottom:80px; text-align:center; border-radius:26px;
box-sizing:border-box; background:#111111 url('/images/sub/tab1_5.jpg')no-repeat 50% 0; background-size:cover;  
}
.modalcon .tab_cont .tab1_5 h2 { font-size:42px; font-weight:700; color:#ffffff; line-height:140%; }

.modalcon .tab_cont .tab1_5 .stit { position:relative; width:820px; margin:0 auto; margin-top:40px; display:flex; justify-content: space-between; }
.modalcon .tab_cont ul.stit li{ padding:0 20px; font-size:16px; font-weight:600; color:#ffffff; line-height:40px; border-radius:40px; }
.modalcon .tab_cont ul.stit li:nth-child(1) {background:#f49c00;}
.modalcon .tab_cont ul.stit li:nth-child(2) {background:#009fe8;}
.modalcon .tab_cont ul.stit li:nth-child(3) {background:#004284;}
.modalcon .tab_cont ul.stit li:nth-child(4) {background:#007f8a;}
.modalcon .tab_cont ul.stit li:nth-child(5) {background:#00576e;}

.modalcon .tab_cont .tab1_55 {  position: relative; width:100%; height:650px; margin-bottom:80px; text-align:center; background: url(/images/sub/tab1_55.jpg) no-repeat 50% 50%; background-size: cover; }
.modalcon .tab_cont .tab1_55 div {  position:relative; width:90%; max-width:1280px; padding-top:200px; margin:0 auto; display:flex; justify-content: space-between; }
.modalcon .tab_cont .tab1_55 div ul { position:relative; width:252px; height:252px; border-radius:100%; }
.modalcon .tab_cont .tab1_55 div ul:nth-child(1) { background:rgba(55,58,67,70%); }
.modalcon .tab_cont .tab1_55 div ul:nth-child(2) { background:rgba(55,58,67,70%); }
.modalcon .tab_cont .tab1_55 div ul:nth-child(3) { background:rgba(55,58,67,70%); }
.modalcon .tab_cont .tab1_55 div ul:nth-child(4) { background:rgba(55,58,67,70%);  }
.modalcon .tab_cont .tab1_55 div ul li:nth-child(1) { font-size:32px; font-weight:700; color:#ffffff; padding-top:40px; line-height:120%; }
.modalcon .tab_cont .tab1_55 div ul li:nth-child(2) { font-size:16px; font-weight:400; color:#ffffff; padding-top:10px; line-height:140%; }


.modalcon .tab_cont .tab1_4 { position:relative; width:100%; max-width:1280px; margin:0 auto; display:flex; overflow:hidden;}
.modalcon .tab_cont .tab1_4 .stit { position:relative; width:100%; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: flex-start; }
.modalcon .tab_cont .tab1_4 .stit li { margin-right:6px; margin-bottom:6px; }
.modalcon .tab_cont .tab1_4 .section { position:relative; width:50%; height: 600px;}
.modalcon .tab_cont .tab1_4 .section.sectionauto { height:auto; }
.modalcon .tab_cont .tab1_4 .section div.txt { position:relative; padding:60px 50px 0 0px;}
.modalcon .tab_cont .tab1_4:nth-child(odd) .section div.txt { position:relative; padding:60px 0px 0 50px;}
.modalcon .tab_cont .tab1_4 .section div.txt.txtt { position:relative; padding:10px 0px 0 50px;}
.modalcon .tab_cont .tab1_4 .section div.txt p.num {  font-size:58px; color:#efeaea; font-weight:700;}
.modalcon .tab_cont .tab1_4 .section div.txt p.t1 { width:100%; margin-top:30px; font-size:24px; color:#000000; font-weight:500; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t1 span { display:block; width:100%; margin-top:10px; font-size:40px; font-weight:700; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t2 { margin-top:20px; font-size:16px; font-weight:500; color:#7f7f7f; line-height:170%; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t2 span { color:#000000; font-weight:600; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t3 { width:100%; margin-top:20px; font-size:36px; color:#000000; font-weight:500; line-height:130%; letter-spacing:-1px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t3 span { color:#0d3566; font-weight:700; }
.modalcon .tab_cont .tab1_4 .section div.txt a { display:block; position:relative; width:180px; height:36px; margin-top:20px; border-radius:60px; line-height:36px; text-align:center; font-size:14px; font-weight:600; color:#ffffff;  background:#0d3566; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t4 { margin-top:20px; font-size:20px; font-weight:500; color:#7f7f7f; line-height:170%; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t4 span { font-size:26px; color:#000000; font-weight:700; }

.modalcon .tab_cont .tab1_4 .section.section1_1 { background: url(/images/tab1secionimg1.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_2 { background: url(/images/tab1secionimg2.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_3 { background: url(/images/tab1secionimg3.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_4 { background: url(/images/tab1secionimg4.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_5 { background: url(/images/tab1secionimg5.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_6 { background: url(/images/tab1secionimg6.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_7 { background: url(/images/tab1secionimg7.jpg) no-repeat 50% 58%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_8 { background: url(/images/tab1secionimg8.jpg) no-repeat 50% 50%; background-size: cover;}

.modalcon .tab_cont .tab1_4 .section.section03_1 { background: url(/images/section03_1.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_2 { background: url(/images/section03_2.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_3 { background: url(/images/section03_3.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_4 { background: url(/images/section03_4.jpg) no-repeat 50% 50%; background-size: cover;}


.modalcon .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:80px; background: url(/images/sub/main6tab4bg1.jpg) 50% 50% no-repeat; background-size: cover;}
.modalcon .tab1_2 ul {position:relative; width:70%; margin:0 auto; display: flex; gap: 40px; padding:8% 0; }
.modalcon .tab1_2 ul li { width: calc(100% / 4);  text-align:center; font-size:18px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:17% 2% 3% 2%; }
.modalcon .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon2.png) 50% 45% no-repeat;}
.modalcon .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon3.png) 50% 45% no-repeat;}
.modalcon .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon1.png) 50% 45% no-repeat;}
.modalcon .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon3.png) 50% 45% no-repeat;}
.modalcon .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon2.png) 50% 45% no-repeat;}

.modalcon .tab1_3 {position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:80px;}
.modalcon .tab1_3 p.t1 { font-size:44px; font-weight:700; color:#000000; }
.modalcon .tab1_3 p.t1 span {color:#2e331d; }
.modalcon .tab1_3 ul { position:relative; width:100%; margin-top:40px; display:flex; flex-wrap: wrap; }
.modalcon .tab1_3 ul li { width:48%; margin-right:4%; margin-bottom:6%; box-sizing:border-box;}
.modalcon .tab1_3 ul li:nth-child(2n) { margin-right:0px; }
.modalcon .tab1_3 ul li .img img {width:100%;}
.modalcon .tab1_3 ul li p { 
position:relative; width:100%; padding:10% 5%; background:#f5f3ee; flex-wrap: wrap; 
box-sizing:border-box; font-size:18px; font-weight:500; line-height:160%; color:#616161;
text-align:center;
}
.modalcon .tab1_3 ul li p span { display:block; font-size:30px; color:#0d3566; font-weight:700; margin-bottom:10px;}

.modalcon .tab2_2 { position:relative; width:90%; max-width:1280px; margin:0 auto; height:auto; overflow: hidden;}
.modalcon .tab2_2 p.t1 {  color:#111111; text-align:center; margin-top:10%; font-size:44px; font-weight:700; letter-spacing:-1px;}
.modalcon .tab2_2 p.t1 span { color:#0d3566; }
.modalcon .tab2_2 ul.con1 { width:100%; display:flex; justify-content: space-between; padding:3% 0;}
.modalcon .tab2_2 ul.con1 li { 
width:31.33%; box-sizing:border-box; background:url(/images/tab2_2con.jpg)no-repeat 0 0; background-size:cover; 
line-height:1.4; font-weight:500; font-size:18px; border-radius:0px 60px 0px 40px; 
color:#ffffff; align-items:center; padding:4% 2% 4% 2%; text-align:Center; 
}
.modalcon .tab2_2 ul.con1 li span { display:block; font-size:36px;  font-weight:700; margin-bottom:10px; color:#0d3566; }

.modalcon .tab2_2 ul.con2 {position:relative; padding:3% 0; overflow:hidden;}
.modalcon .tab2_2 ul.con2 li {width:49%; box-sizing:border-box; margin-bottom:2%; border:1px solid #ccc; float:left; font-weight:700; font-size:22px; align-items: center; padding:2.2%; padding-left:6%; background: url(/images/main6tab2icon1.png) 5% 50% no-repeat;}
.modalcon .tab2_2 ul.con2 li:nth-child(2n+1) {margin-right:2%;}

.modalcon .tab2_3 { position:relative; width:90%; max-width:1280px; margin:0 auto; height:auto; overflow: hidden;}
.modalcon .tab2_3 p.t1 {  color:#111111; text-align:center; margin-top:10%; font-size:44px; font-weight:700; letter-spacing:-1px;}
.modalcon .tab2_3 p.t1 span { color:#0d3566; }
.modalcon .tab2_3 ul {position:relative; overflow:hidden; padding:3% 0;}
.modalcon .tab2_3 ul li {position:relative; width:31%; float:left; margin-right:3.5%; margin-bottom:2.5%; overflow:hidden;}
.modalcon .tab2_3 ul li:nth-child(3n) {margin-right:0%}
.modalcon .tab2_3 ul li .img {position:relative; width:100%; border-radius:10px; overflow:hidden;}
.modalcon .tab2_3 ul li .img img {width:100%;}
.modalcon .tab2_3 ul li .t1 {position:absolute; top:20px; left:20px; width:35px; height:35px; line-height:35px; background:rgba(256,256,256,0.3); backdrop-filter: blur(20px); z-index:10; font-size:17px; font-weight:700; text-align:center; color:#163949; }
.modalcon .tab2_3 ul li .t2 { margin-top:5%; font-size:24px; font-weight:700; color:#0d3566;}
.modalcon .tab2_3 ul li .t3 { width:100%; font-size:18px; font-weight:300; line-height:140%; margin-top:2.5%;}



#main8 {position:relative; width:100%; max-width:2000px; margin-top:80px; height:auto;  box-sizing: border-box; padding: 6% 0; background:#0d3566; } 
#main8 .tit {text-align:center; margin-bottom:3%;}
#main8 .tit .t1 { font-size:48px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { margin-top:20px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#main8 .main8box { position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; }
#main8 .main8box ul { width:24%;}
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:56px; line-height:56px; font-size:24px; color:#ffffff; font-weight:700; background:#112462; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:14px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }

#main88 {position:relative; width:100%; max-width:2000px; margin-top:100px; height:auto;  box-sizing: border-box; background:#ffffff; } 
#main88 .tit {text-align:center; margin-bottom:3%;}
#main88 .tit .t1 { font-size:44px; color:#000000; line-height:130%; font-weight:700; }
#main88 .tit .t2 { margin-top:20px; font-size:19px; color:#000000; line-height:160%; font-weight:400; opacity:50%; }

.tit2 { position:relative; width:100%; text-align:center; overflow:hidden; }
.tit2 .t1 { font-size:44px; color:#000000; line-height:130%; font-weight:700; }
.tit2 .t2 { margin-top:20px; font-size:19px; color:#000000; line-height:160%; font-weight:400; opacity:50%; }


#notice_content { width:100%; max-width:1280px; margin:0 auto; margin-top:50px; border-top:1px solid #245e67; overflow:hidden; }

.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:76px; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  
	position:absolute; top:50%; left:20px; transform:translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; 
	font-size:22px; font-weight:700; color:#ffffff; background:#112462; border-radius:100%; 
}
.qnawrap .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:24px; font-weight:500; padding-left:90px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { position:relative; width:100%; padding-left:90px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:20px 0 60px 0; font-size:17px; color:#6e6e6e; line-height:180%; }

.qnawrap .question_notice { border-bottom:1px solid #e0e0e0; background:#e8f0f6; }
.qnawrap .answer_notice { display:block; }
.qnawrap .imgs { transform: rotate(180deg); }


.sub03_01 { position:relative; width:100%; height:500px; margin-top:100px; overflow:hidden; background:url('/images/03_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_01 ul { position:absolute; top:50%; left:30%; transform:translate(-50%,-50%); }
.sub03_01 ul li:nth-child(1) { font-size:28px; color:#eeeeee; line-height:150%; font-weight:500; }
.sub03_01 ul li:nth-child(1) div { font-size:40px; font-weight:700; color:#ffffff; }
.sub03_01 ul li:nth-child(1) div span { color:#3fb2ff; } 
.sub03_01 ul li:nth-child(2) { margin-top:20px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:50%; letter-spacing:2px; }


#main03 { position:relative; width:100%; padding-top:124px; padding-bottom:130px; background:#0d3566; }
#main03 .maintxt { position:relative; width:90%; margin:0 auto; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main03 .maintxt li.t1 { font-size:40px; color:#fcff00; font-weight:500; line-height:100%; letter-spacing:4px; }
#main03 .maintxt li.t1 span { font-weight:900; }
#main03 .maintxt li.t2 { margin-top:20px; font-size:21px; font-weight:400; color:#ffffff; opacity:90%; line-height:160%; }

#main03 .synergy-slide { position:relative; width:90%; max-width:1920px; margin:0 auto; margin-top:66px; overflow:hidden; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main03 .synergy-slide .swiper-slide { position:relative; }
#main03 .synergy-slide .swiper-slide .imgs { position:relative; width:100%; border-radius:20px; overflow:hidden; }
#main03 .synergy-slide .swiper-slide .imgs img { width:100%; }
#main03 .synergy-slide .swiper-slide .txt { position:absolute; top:50px; left:0px; width:100%; text-align:center; z-index:10; }
#main03 .synergy-slide .swiper-slide .txt li.t1 { font-size:32px; font-weight:700; color:#ffffff; }
#main03 .synergy-slide .swiper-slide .txt li.t2 { position:relative; width:90%; margin:0 auto; margin-top:20px; display:flex; flex-wrap:wrap; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div { 
	width:32.33%; height:40px; line-height:40px; margin-right:1.5%; margin-bottom:1.5%; background:#ffffff; border-radius:50px; 
	font-size:14px; font-weight:600; color:#111111; 
}
#main03 .synergy-slide .swiper-slide .txt li.t2 div:nth-child(3n) { margin-right:0px; }

#main03.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main03.active .synergy-slide { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }

.blacktxt { color:#101010 !important; }



#main04 { position:relative; width:100%; height:933px; background:#02244a url('/images/common/main04.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; }
#main04 .main04 { position:absolute; left:50%; top:0px; transform:translateX(-50%); width:1280px; height:100%; display:flex; }
#main04 .main04 div { position:relative; width:33.3333%; height:100%; } 
#main04 .main04 div ul { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); width:100%; height:360px; padding-left:50px; box-sizing:border-box;  }
#main04 .main04 div ul li:nth-child(1) { font-size:26px; font-weight:700; color:#ffffff; line-height:100%; }
#main04 .main04 div ul li:nth-child(2) { margin-top:26px; font-size:26px; font-weight:700; color:#ffffff; line-height:100%; }
#main04 .main04 div ul li:nth-child(2) span { font-size:60px; }
#main04 .main04 div ul li:nth-child(3) { margin-top:26px; font-size:16px; font-weight:400; color:#ffffff; line-height:150%; opacity:70%; }

#main04 .main04 div.num01 { border-right:1px solid rgba(0,0,0,20%); transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main04 .main04 div.num02 { border-right:1px solid rgba(0,0,0,20%); transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main04 .main04 div.num03 { transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#main04 .main04 div.num01 ul { padding-top:120px; background:url('/images/common/main04icon1.png')no-repeat 50px 0; }
#main04 .main04 div.num02 ul { padding-top:120px; background:url('/images/common/main04icon3.png')no-repeat 50px 6px; }
#main04 .main04 div.num03 ul { padding-top:120px; background:url('/images/common/main04icon2.png')no-repeat 50px 12px; }

#main04.active .main04 div.num01 { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main04.active .main04 div.num02 { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
#main04.active .main04 div.num03 { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }


#main077 { position:relative; width:100%; height:980px; background:#ffffff; overflow:hidden; }
#main077 .main077 { position:relative; width:90%; margin-left:10%; padding-top:10px; padding-top:150px; overflow:hidden; }
#main077 .main077 .maintxt { float:left; position:relative; width:31%; padding:2% 0%; }
#main077 .main077 .maintxt li:nth-child(1) { font-family: 'Noto Serif KR'; font-size:66px; font-weight:700; color:#0d3566; line-height:100%; }
#main077 .main077 .maintxt li:nth-child(2) { margin-top:30px; font-size:29px; font-weight:400; color:#646464; line-height:100%; }
#main077 .main077 .maintxt li:nth-child(3) { margin-top:30px; font-size:19px; font-weight:400; color:#646464; line-height:160%;  }

#main077 .main077 .mainreview { float:right; position:relative; width:65%; padding:2% 2%; display:flex; flex-wrap:nowrap; justify-content:space-between; overflow:hidden; }
#main077 .main077 .mainreview div.swiper-slide { position:relative; height:545px; background:#ffffff; border-radius:20px; padding:30px 36px;  box-sizing:border-box; box-shadow: 2px 2px 35px rgba(211,162,114, 20%); }
#main077 .main077 .mainreview ul {  }
#main077 .main077 .mainreview ul li:nth-child(1) { width:100%; height:72px; font-size:21px; font-weight:700; color:#716d69; line-height:72px; padding-left:82px; box-sizing:border-box; background:url(/images/common/main077icon.jpg)no-repeat 0 50%; overflow:hidden; }
#main077 .main077 .mainreview ul li:nth-child(2) { width:100%; margin-top:28px; font-size:21px; font-weight:700; color:#0d3566; }
#main077 .main077 .mainreview ul li:nth-child(3) { width:100%; margin-top:22px; font-size:29px; font-weight:400; color:#646464; line-height:130%; }
#main077 .main077 .mainreview ul li:nth-child(4) { width:100%; margin-top:42px; font-size:15px; font-weight:400; color:#646464; line-height:150%; }

#main077 .main077_2 { position:relative; width:90%; margin:0 auto; padding-top:20px; overflow:hidden; }
#main077 .main077_2 .maintxt2 { float:right; position:relative; width:31%; }
#main077 .main077_2 .maintxt2 li:nth-child(1) { font-family: 'Noto Serif KR'; font-size:66px; font-weight:700; color:#0d3566; line-height:100%; }
#main077 .main077_2 .maintxt2 li:nth-child(2) { margin-top:30px; font-size:29px; font-weight:400; color:#646464; line-height:150%; }
#main077 .main077_2 .maintxt2 li:nth-child(3) { margin-top:60px; font-size:19px; font-weight:400; color:#646464; line-height:160%;  }
#main077 .main077_2 .mainreview2 { float:left; position:relative; width:65%; display:flex; flex-wrap:nowrap; justify-content:space-between; overflow:hidden; }
#main077 .main077_2 .mainreview2 div { position:relative; width:30%; overflow:hidden; border-bottom-right-radius:50px; }
#main077 .main077_2 .mainreview2 div img { width:100%; }



#main05 { position:relative; width:100%; background:#ffffff; overflow:hidden; }
.noticevisual { position:relative; width:100%; height:auto; background:url(/images/noticevisual.jpg)no-repeat 50% 50%; background-size:cover;  overflow:hidden; }
.noticevisual ul { position:relative; width:90%; margin:0 auto; padding:7% 0;}
.noticevisual ul li:nth-child(1) { font-family: 'Minerva Modern Bold'; font-size:28px; color:#ffffff; letter-spacing:2px; transform:translateY(80px); opacity:0%; filter: blur(6px); transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.noticevisual ul li:nth-child(2) { margin-top:10px; font-size:40px; font-weight:700; color:#fcfcfc; line-height:130%; transform:translateY(80px); opacity:0%; filter: blur(6px); transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.noticevisual ul li:nth-child(3) { margin-top:20px; font-size:18px; font-weight:400; color:#ffffff; line-height:160%; transform:translateY(80px); opacity:0%; filter: blur(6px); transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.noticevisual.active ul li:nth-child(1) { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.noticevisual.active ul li:nth-child(2) { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.noticevisual.active ul li:nth-child(3) { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }

#mainnotice { position:relative; width:80%; max-width:1680px; margin:0 auto; padding-top:50px; overflow:hidden; }
#mainnotice .mainnoticetab { position:relative; width:100%; max-width:1140px; margin:0 auto; overflow:hidden; text-align:center; display:flex; justify-content: space-between; text-align:center; }
#mainnotice .mainnoticetab a { cursor:pointer; display:block; position:relative; width:170px; height:50px; border-radius:50px; overflow:hidden; line-height:50px; font-size:17px; font-weight:600; color:#000000;  background:#f3f3f3; }
#mainnotice .mainnoticetab a:hover { color:#ffffff; background:#0d3566; }
#mainnotice .mainnoticetab a.active { color:#ffffff; background:#0d3566; }
#mainnotice .mainnotice { display:none; position:relative; width:100%; margin:60px auto 0px auto; overflow:hidden;  flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
#mainnotice .mainnotice.active { display:flex; }
#mainnotice ul.boxwrap { position:relative; width:22%; margin-right:4%; margin-bottom:4%; overflow:hidden; }
#mainnotice ul.boxwrap:nth-child(4n) { margin-right:0px; }
#mainnotice ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#mainnotice ul.boxwrap li.thumbnail img { display:block; width:100%; }
#mainnotice ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#mainnotice ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#mainnotice ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:17px; font-weight:500; color:#ffffff; line-height:100%; }
#mainnotice ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:14px; font-weight:700; color:#ffffff; line-height:130%; }
#mainnotice ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:10px; font-weight:500; color:#c8c8c8; line-height:100%; }
#mainnotice ul.boxwrap li.title1 { position:relative; width:100%; margin-top:24px;  font-size:24px; font-weight:700; color:#000000; }
#mainnotice ul.boxwrap li.title2 { position:relative; width:100%; margin-top:8px; font-size:17px; font-weight:500; color:#787878; line-height:150%; }

.mainnoticebt { display:block; position:relative; width:240px; height:56px; border-radius:60px; line-height:56px; text-align:center; margin:0 auto; font-size:18px; font-weight:600; color:#ffffff;  background:#1e2213; }
.mainnoticebt:hover { color:#fff; }




#main10 {position:relative; width:100%; padding:124px 0; background: url(/images/common/main10bg.jpg) no-repeat bottom;  overflow:hidden; }
#main10 .main10 { position:relative; width:100%; margin:0 auto;}
#main10 .main10 .maintxt { position:relative; width:80%; margin:0 auto; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main10 .main10 .maintxt .t1 { font-family: 'NotoSerifKR'; font-size:120px; color:#ededed; font-weight:900; line-height:100%; letter-spacing:4px; }
#main10 .main10 .maintxt .t2 { margin-top:30px; font-size:40px; color:#111111; font-weight:700; line-height:130%; }
#main10 .main10 .maintxt .t3 { margin-top:10px; font-size:21px; color:#515050; font-weight:500; line-height:140%; }

#main10 .main10slide { position:relative; width:100%; display:flex; justify-content: flex-end; }
#main10 .main10 .main10swiper { position:relative; width:980px; margin-right:10%; overflow:hidden; transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main10 .main10 .slide { position:relative; }
#main10 .main10 ul.slide li.img {position:relative; width:50%; float:left; box-sizing:border-box; }
#main10 .main10 ul.slide li.img img {position:relative; width:100%;}
#main10 .main10 ul.slide li.text {position:relative; width:50%; float:left; padding-left:5%; box-sizing:border-box;  padding-top:15%;}
#main10 .main10 ul.slide li.text .t1 { width:fit-content; padding:0 25px; height:50px; font-size:19px; font-weight:700;  line-height:50px; text-align:center; border-radius:50px; border:2px solid #444;}
#main10 .main10 ul.slide li.text .t2 { font-size:17px; color:#515050; font-weight:500; line-height:140%; box-sizing:border-box; padding: 3% 0 0 0;}
#main10 .swiper-pagination { text-align:right;}
#main10 .swiper-pagination-bullet-active {background: #1a2d56;}
#main10 .main10swiper .swiper10btn {position:absolute; width:140px; bottom:2%; right:30%; z-index:99; display:flex; }
#main10 .main10swiper-prev { width:33px; height:33px; margin-right:10px; border:1px solid #cdcdcd; border-radius:100%; background:#ffffff url(/images/common/banner-prev.jpg)no-repeat 50% 50%; cursor:pointer; }
#main10 .main10swiper-next { width:33px; height:33px; border:1px solid #cdcdcd; border-radius:100%; background:#ffffff url(/images/common/banner-btnext.jpg)no-repeat 50% 50%; cursor:pointer; }


#main10.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main10.active .main10swiper { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }



#main06 { position:relative; width:100%; padding:124px 0; background:#f4f1e9;  overflow:hidden; }
#main06 .maintxt { position:relative; width:90%; margin:0 auto; text-align:center; transform:translateY(90px); opacity:0%; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main06 .maintxt li.t1 { font-family: 'NotoSerifKR'; font-size:28px; color:#17120f; font-weight:500; line-height:100%; opacity:30%; letter-spacing:2px; }
#main06 .maintxt li.t2 { margin-top:20px; font-size:40px; font-weight:700; color:#17120f; line-height:120%; }

#main06 .intebt { position:relative; width:70%; margin:0 auto; margin-top:60px; overflow:hidden; transform:translateY(90px); opacity:0%; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main06 .linetop { position:absolute; top:13px; left:0px; width:100%; height:1px; background:#2f4147; }
#main06 .intebt .swiper-slide { position:relative; padding-top:40px; text-align:center; font-size:18px; font-weight:600; color:#aaaaaa; cursor:pointer; }
#main06 .intebt .swiper-slide.swiper-slide-thumb-active { color:#0d3566; }
#main06 .intebt .swiper-slide span { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:26px; height:26px; border:1px solid #2f4147; text-align:center; line-height:26px; font-size:15px; font-weight:700; color:#c8c8c8; border-radius:100%; background:#ffffff; }
#main06 .intebt .swiper-slide.swiper-slide-thumb-active span { background:#0d3566; color:#ffffff; }

#main06 .inteslide { position:relative; width:100%; margin-top:50px; overflow:hidden; transform:translateY(90px); opacity:0%; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main06 .inteslide .swiper-slide { position:relative; }
#main06 .inteslide .swiper-slide .imgs { width:90%; margin:0 auto; margin-top:40px;  }
#main06 .inteslide .swiper-slide.swiper-slide-active .imgs { width:100%; margin-top:0px;  }
#main06 .inteslide .swiper-slide img { display:block; width:100%; filter:grayscale(50%); }
#main06 .inteslide .swiper-slide.swiper-slide-active img { width:100%; filter:grayscale(0%); }
#main06 .inteslide .swiper-slide .txt { position:absolute; opacity:0; bottom:0px; right:204px; width:250px; height:90px; line-height:90px; font-size:26px; font-weight:700; color:#ffffff; text-align:center; background:#2e2c2b; }
#main06 .inteslide .swiper-slide.swiper-slide-active .txt { opacity:1; }

#main06 #inteslidebt2 { position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:66.7%; z-index:2; display:flex; justify-content: flex-end; }
#main06 #inteslidebt2 li { cursor:pointer; }


#main06.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main06.active .intebt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
#main06.active .inteslide { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }




#main07 { position:relative; width:100%; height:826px; background:#ffffff; overflow:hidden; }
#main07 .main07bt2 { position:absolute; top:50px; left:50px; width:163px; height:163px; z-index:1; }
#main07 .main07bt2 span { display:block; position:absolute; top:0; left:0; width:163px; height:163px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; }
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
#main07 .main07bt2 img:nth-child(2) { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; opacity:30%; }

#main07 .swiper-slide { position:relative; }
#main07 .main07slide { position:relative; width:100%; height:100%; }
#main07 #v1 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#bbd3dd url('/images/common/main07bg1.jpg')no-repeat 50% 50%;  background-size:cover; }
#main07 #v2 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/main07bg2.jpg')no-repeat 50% 50%;  background-size:cover; }
#main07 #v3 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/main07bg3.jpg')no-repeat 50% 50%;  background-size:cover; }
#main07 #v4 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/main07bg4.jpg')no-repeat 50% 50%;  background-size:cover; }
#main07 #v5 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/common/main07bg5.jpg')no-repeat 50% 50%; background-size:cover; }

#main07 .maintxt { position:absolute; top:52%; left:45%; transform:translate(-50%,-50%); width:1280px; text-align:left; }
#main07 .maintxt li.t11 { width:100%; margin-bottom:10px; font-size:24px; font-weight:500; color:#111111; line-height:125%; }
#main07 .maintxt li.t1 { font-size:46px; font-weight:700; color:#ffffff; line-height:125%; letter-spacing:-1px; }
#main07 .maintxt li.t2 { margin-top:30px; font-size:19px; font-weight:400; color:#ffffff; opacity:80%; line-height:150%; }
#main07 .maintxt li.t3 { margin-top:30px; font-size:24px; font-weight:600; color:#eae208; opacity:80%; line-height:150%; }
#main07 .maintxt li.t2 span.txt1 { font-size:24px; font-weight:700; color:#000000; }
#main07 .maintxt li.t2 span.txt2 { font-weight:700; color:#000000; }
#main07 .maintxt li.t2 span.txt3 { font-weight:700; color:#092f4f; }


#main07 #v3 .maintxt li.t1 { color:#092f4f; }
#main07 #v3 .maintxt li.t3 { width:100%; max-width:500px; margin-top:30px; }
#main07 #v3 .maintxt li.t2 { color:#092f4f; }


.main07bt { position:absolute; bottom:0px; left:0px; width:100%; height:62px; background:#0d3566; z-index:1; }
.main07bt .swiper-wrapper { position:relative; width:1300px; margin:0 auto; height:62px; justify-content: center; }
.main07bt .swiper-wrapper .swiper-slide { position:relative; width:auto !important; padding:0 50px; margin:0 1%; height:62px; line-height:62px; background:transparent; text-align:center; border-radius:10px; font-size:18px; font-weight:700; color:#ffffff; cursor:pointer; letter-spacing:-1px; }
.main07bt .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { height:72px; line-height:72px; margin-top:-4px; background:#ffffff; color:#000000; box-shadow: 5px 5px 0px rgba(0,0,0,10%); }
.main07-pagination { display:none; }




footer { position:relative; width:100%; background:#282828; padding-bottom:120px;  overflow:hidden; }
footer .foottxt { width:100%; padding-top:80px; text-align:center; font-family: 'NotoSerifKR';  font-size:26px; font-weight:500; color:#f4efea; line-height:100%; }

footer .footcon01 { position:relative; width:100%; max-width:1560px; margin:0 auto; margin-top:70px; display:flex; }
footer .footcon01 .footmap { position:relative; width:50%; height:420px; padding-right:3%; border-right:1px solid #414141; box-sizing:border-box; }
footer .footcon01 .foottime { position:relative; width:50%; height:420px; padding-left:3%; box-sizing:border-box; }

footer .footcon01 .footmap .txt { width:100%; margin-bottom:8px; font-size:18px; font-weight:400; color:#c7d9e5; }
footer .footcon01 .footmap .txt span { font-weight:700; color:#ffffff; }
footer .footcon01 .footmap .txt img { display:inline-block; padding-left:4px; cursor:pointer; }
footer .footcon01 .footmap .txt button { background:none; padding:0px; margin:0px; border:0px; }
footer .footcon01 .footmap .txt2 { width:100%; margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:400; color:#c7d9e5;  line-height:26px; }
footer .footcon01 .footmap .txt2 span { display:inline-block; width:100px; height:26px; margin-right:10px; border-radius:50px; font-size:14px; font-weight:700; color:#ffffff; background:#8936e0; text-align:center; }
footer .footcon01 .footmap .txt2 div:nth-child(2) { padding-left:110px; box-sizing:border-box; }
footer .footcon01 .footmap .txt3 { width:100%; height:26px; font-size:16px; font-weight:400; color:#c7d9e5; line-height:26px; }
footer .footcon01 .footmap .txt3 span { display:inline-block; width:100px; height:26px; margin-right:10px; border-radius:50px; font-size:14px; font-weight:700; color:#ffffff; background:#4cbaff; text-align:center; }
footer .footcon01 .footmap .txt3 div:nth-child(2) { padding-left:110px; box-sizing:border-box; }

footer .footcon01 .footmap .mainmap { position:relative; width:100%; height:260px; margin-top:30px; border-radius:24px; overflow:hidden; }
footer .footcon01 .footmap .mainmap .cont { display:none; }
footer .footcon01 .footmap .mainmap .wrap_btn_zoom { display:none; }



footer .footcon01 .foottime .titletxt { width:100%; margin-bottom:30px; font-size:24px; font-weight:700; color:#ffffff; line-height:100%; letter-spacing:2px; }
footer .footcon01 .foottime .phonetxt { width:100%; display:flex; }
footer .footcon01 .foottime .phonetxt .title { width:112px; height:32px; line-height:32px; font-size:18px; font-weight:600; color:#ffffff; }
footer .footcon01 .foottime .phonetxt .phone { width:412px; height:32px; line-height:32px; font-size:32px; font-weight:600; color:#40c6ff; }
footer .footcon01 .foottime .phonetxt .phone a { color:#c7d9e5; }

footer .footcon01 .foottime .timetxt { width:100%; margin-top:30px; display:flex; }
footer .footcon01 .foottime .timetxt .title { width:112px; height:22px; line-height:22px; font-size:18px; font-weight:600; color:#ffffff; }
footer .footcon01 .foottime .timetxt .time { width:480px; }
footer .footcon01 .foottime .timetxt .time div { width:100%; height:22px; line-height:22px;  margin-bottom:4px; display:flex; }
footer .footcon01 .foottime .timetxt .time div span.t1 { display:block; width:80px; font-size:16px; font-weight:400; color:#dcdcdc; }
footer .footcon01 .foottime .timetxt .time div span.t2 { display:block; width:36px; font-size:16px; font-weight:400; color:#dcdcdc; }
footer .footcon01 .foottime .timetxt .time div span.t3 { display:block; text-align:right; width:56px; font-size:16px; font-weight:400; color:#dcdcdc; }
footer .footcon01 .foottime .timetxt .time div span.t4 { display:block; text-align:center; width:26px; font-size:16px; font-weight:400; color:#dcdcdc; }
footer .footcon01 .foottime .timetxt .time div span.t5 { display:block; text-align:left; width:44px; font-size:16px; font-weight:400; color:#dcdcdc; }
footer .footcon01 .foottime .timetxt .time div span.t6 { display:block; width:56px; font-size:16px; font-weight:400; color:#dcdcdc; }
footer .footcon01 .foottime .timetxt .time div span.t7 { display:block; width:108px; font-size:16px; font-weight:400; color:#fff600; }

footer .footcon01 .foottime .vtxt { display:block; width:100%; margin-top:14px; font-size:14px; font-weight:500; color:#ffffff; line-height:100%; }
footer .footcon01 .foottime .vtxt2 { display:block; width:100%; margin-top:6px; font-size:14px; font-weight:500; color:#ffffff; line-height:100%; }

footer .footcon01 .foottime .snstxt { width:100%; margin-top:30px; display:flex; }
footer .footcon01 .foottime .snstxt .title { width:112px; height:22px; line-height:22px; font-size:18px; font-weight:600; color:#ffffff; }
footer .footcon01 .foottime .snstxt .snsbox { width:480px; display:flex; }
footer .footcon01 .foottime .snstxt .snsbox a { display:block; margin-right:6px; }


footer .footcon02 { position:relative; width:100%; height:100px; border-top:1px solid rgba(255,255,255,10%);  margin-top:70px; }
footer .footcon02 div:nth-child(1) { position:absolute; top:50%; left:50px; transform:translateY(-50%); font-size:13px; font-weight:400; opacity:70%; color:#ffffff; letter-spacing:1px; line-height:140%; }
footer .footcon02 div:nth-child(1) span { font-size:10px; padding:0 10px; }
footer .footcon02 div:nth-child(2) { position:absolute; top:50%; right:50px; transform:translateY(-50%); width:230px; opacity:50%; }



.drview { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#e0dcd8; z-index:40; overflow-y:auto; }
.drview p.close { position:fixed; top:20px; right:40px; font-size:40px; font-weight:100; color:#fff; z-index:1; cursor:pointer; width:60px; height:60px; border-radius:100%; background: rgba(0, 0, 0, 0.5); text-align: center;line-height: 60px;}

.drview_visual { display:flex; position:relative; width:100%; padding:5% 10%; box-sizing:border-box; overflow:hidden; }
.drview_visual div.drviewimg { display:block; position:relative; width:45%; }
.drview_visual div.dvul { position:relative; width:55%; padding-right:5%; box-sizing:border-box; }
.drview_visual div.drviewimg2 { display:none; position:relative; width:90%; margin:0 auto; }

.drview_visual ul li.txt1 { width:100%; font-size:34px; font-weight:700; color:#0d3566; letter-spacing:-2px; line-height:140%; margin-bottom:46px; }
.drview_visual ul li.txt2 { height:50px;  line-height:50px; font-size:22px; font-weight:600; color:#282828; padding-left:54px; background:url('/images/common/txticon01.png')no-repeat 0 50%; background-size:44px; }
.drview_visual ul li.txt3 { width:100%; margin-top:30px; font-size:30px; font-weight:700; line-height:130%; border-bottom:1px solid #7a9ab5; padding-bottom:20px; margin-bottom:30px; letter-spacing:-1px; color:#000000; }
.drview_visual ul li.txt3 span { font-size:20px; color:#000000; font-weight:700; }
.drview_visual ul li.txt4 { width:100%; display:flex; }
.drview_visual ul li.txt4 .drstory1 { position:relative; width:100%; padding-right:5%; box-sizing:border-box; }
.drview_visual ul li.txt4 .drstory2 { position:relative; width:50%; display:none; }
.drview_visual ul li.txt4 .drstory1 .t1 { margin-bottom:14px; font-size:22px; font-weight:700; color:#111111; line-height:100%; }
.drview_visual ul li.txt4 .drstory1 .t2 { font-size:16px; font-weight:400; color:#666666; line-height:150%; }
.drview_visual ul li.txt4 .drstory2 .t1 { margin-bottom:14px; font-size:22px; font-weight:700; color:#111111; line-height:100%; }
.drview_visual ul li.txt4 .drstory2 .t2 { font-size:16px; font-weight:400; color:#666666; line-height:150%; }



.quick-menu {position:fixed; display: block; top: 54%; transform:translateY(-50%); right: 20px; z-index:15;}
.quick-menu li { position:relative; text-align: center; padding: 15px 7px; border-bottom:1px solid #052246; background-color:#0d3566;  }
 
.quick-menu li:after {content:''; position:absolute; top:0px; left: 12px; width:50px; height:1px; background-color:#0d3566; }
.quick-menu li:first-child:after {display:none;}  
.quick-menu li:first-child {border-radius: 50px 50px 0 0 ; padding-top:25px;}
.quick-menu li:last-child { border-radius: 0 0 50px 50px; margin-bottom: 0; border-bottom:0px none; padding-bottom:25px;}
.quick-menu ul li a img {width: 38px; display: block; margin: 0 auto; }
.quick-menu ul li a span:nth-child(2) { display:block; text-align: center; font-size:12px; color:#ffffff; font-weight:400; line-height:120%; padding-top:6px; }
.quick-menu ul li a span:nth-child(3) { display:block; text-align: center; font-size:12px; color:#ffffff; font-weight:400; line-height:120%; }
.quick-menu ul img {width: 38px; display: block; margin: 0 auto; }

#go_top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    cursor: pointer;
	width:60px;
}





#quickcs { position:fixed; bottom:0px; left:0px; right:0px; width:100%; height:100px; background:#01244a; z-index:10; transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#quickcs.active { bottom:0px; transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#quickcs .quickcs { position:relative; width:1210px; height:100px; margin:0 auto; overflow:hidden; }
#quickcs .quickcs .quickcs01 .titletxt { width:100%; font-size:19px; font-weight:700; padding-top:14px; color:#ffffff; box-sizing:border-box; }
#quickcs .quickcs .quickcs01 .titletxt span { font-size:14px; font-weight:400; color:#ffffff; }
#quickcs .quickcs .quickcs01 .titletxt2 { position:relative; width:100%; margin-top:10px; box-sizing:border-box; display: flex; }
#quickcs .quickcs .quickcs01 li { display: flex; margin-right:30px; }
#quickcs .quickcs .quickcs01 li label { display:inline-block; margin-right:30px; height:40px; line-height:40px; font-size:16px; font-weight:500; color:#ffffff; }
#quickcs .quickcs .quickcs01 li.name { width:200px; height:40px; }
#quickcs .quickcs .quickcs01 li.name input { display:block; width:100%; height:40px; padding:0 8px;  border:0px; border-radius:6px;background:#f2f3f5; font-family:'Noto Sans KR'; font-size:13px; font-weight:400; color:#2a2a2a; }
#quickcs .quickcs .quickcs01 li.phone { width:250px; height:40px; }
#quickcs .quickcs .quickcs01 li.phone input { display:block; width:100%; height:40px; padding:0 8px; border:0px; border-radius:6px;background:#f2f3f5; font-family:'Noto Sans KR'; font-size:13px; font-weight:400; color:#2a2a2a; }
#quickcs .quickcs .quickcs01 li.contentinput { width:380px; height:40px; margin-right:8px; }
#quickcs .quickcs .quickcs01 li.contentinput input { display:block; width:100%; height:40px; padding:0 8px; border:0px;border-radius:6px; background:#f2f3f5; font-family:'Noto Sans KR'; font-size:13px; font-weight:400; color:#2a2a2a; }
#quickcs .quickcs .quickcs01 li.submitbt { width:220px; height:40px; margin-right:6px; }
#quickcs .quickcs .quickcs01 li.submitbt input { display:block; width:100%; height:40px; line-height:40px; text-align:center; box-sizing:border-box; border:0px; background:#e8f03f; border-radius:6px; font-size:16px; font-weight:500; color:#01244a; }
#quickcs .quickcs .quickcs01 li.fpv { height:40px; line-height:40px; font-size:14px; font-weight:300; color:#ffffff; }
#quickcs .quickcs .quickcs01 li.fpv label { display:none;  }



#quickcs .quickcs .quickcs01 li.fpv input[id="check1"] {
	display: inline-block; vertical-align:middle;
}
#quickcs .quickcs .quickcs01 li.fpv input[id="check1"], #quickcs .quickcs .quickcs01 li.fpv input.check1 {
	display: inline-block;vertical-align:middle;
}



@media only screen and (min-width:801px) and (max-width:1300px){






header #logo { top:20px; left:20px; width:184px; height:40px; }
header #logo a { width:184px; height:40px; }

header .top-util { top:22px; right:20px; }
header .top-util li { margin-left:14px; text-align:left; padding-top:0px; padding-left:40px; box-sizing:border-box; }
header .top-util li:nth-child(1) { background:url(/images/common/tu1.png)no-repeat 0 50%; background-size:30px; }
header .top-util li:nth-child(2) { background:url(/images/common/tu3.png)no-repeat 0 50%; background-size:30px; }
header .top-util li:nth-child(3) { background:url(/images/common/tu2.png)no-repeat 0 50%; background-size:30px; }

#gnb { position:absolute; top:74px; left:50%; transform:translateX(-50%); width:90%; height:50px; box-shadow:1px 1px 10px rgba(0,0,0,20%); border-radius: 100px; }
#gnb li {  }
#gnb li a { display:block; line-height:50px; font-size:16px; font-weight:600; color:#ffffff; }
#gnb li a:hover { color:#c7d9e6;}
#gnb li:last-child { margin-right:0px; }



#mainvisual .maintxt { top:65%; left:50%; width:90%; }
#mainvisual #v1 .maintxt li.t1 { font-size:36px; }
#mainvisual #v2 .maintxt li.t1 { font-size:36px; }
#mainvisual #v3 .maintxt li.t1 { font-size:36px; }
#mainvisual #v1 .bg { background:url('/images/common/v1.jpg')no-repeat 70% 50%; background-size:cover; }
#mainvisual #v2 .bg { background:url('/images/common/v2.jpg')no-repeat 60% 50%; background-size:cover; }
#mainvisual #v3 .bg { background:url('/images/common/v3.jpg')no-repeat 70% 50%; background-size:cover; }
#swiperbtwrap { top:92%; left:50%; width:90%; }


#main01 { height:990px; background:url('/images/common/main01bg.jpg')no-repeat 40% 0; background-size:cover; }
#main01 .maintxt { top:50%; left:60%; width:500px; }
#main01 .maintxt li.t1 { font-size:16px; }
#main01 .maintxt li.t2 { margin-top:10px; font-size:26px; }
#main01 .maintxt li.t3 { margin-top:20px; font-size:14px; }


#maindr { background:#f9f6ed url('/images/common/maindr.jpg')no-repeat 95% 18%; }
#maindr .maintxt li.t1 { font-size:36px; }
#maindr .maintxt li.t2 { margin-top:16px; font-size:18px; }
#maindr .drslide { width:90%; margin:0 auto; margin-top:60px; }
#maindr .drslide .slideview .drname { width:140px; height:138px; padding-top:30px; padding-left:20px; border-top-right-radius:50px; }
#maindr .drslide .slideview .drname a { width:82%; height:30px; margin-top:16px; font-size:14px; font-weight:600; color:#585858; background:#ffffff; border-radius:50px; text-align:center; line-height:30px; }
#maindr .drslidebt { display:none; }



#main02 .maintxt li.t2 { font-size:36px; }
#main02 .maintxt li.t3 { margin-top:14px; font-size:18px; }

#main02 .imgbox { width:100%; max-width:810px; margin:0 auto; padding-top:20px; }
#main02 .imgbox #maincenter2 { width:90%; padding:0px; }
#main02 .maincenterbt { padding-top:49px; }



#main04 .main04 { width:100%; }
#main04 .main04 div ul { padding-left:20px;  }
#main04 .main04 div ul li:nth-child(1) { width:80%; font-size:22px; line-height:140%; }
#main04 .main04 div ul li:nth-child(2) { margin-top:26px; font-size:26px; }
#main04 .main04 div ul li:nth-child(2) span { font-size:50px; }
#main04 .main04 div ul li:nth-child(3) { width:80%; margin-top:26px; font-size:14px; font-weight:400; color:#ffffff; line-height:150%; opacity:70%; }
#main04 .main04 div ul li:nth-child(3) br { display:none; }




.noticevisual ul li:nth-child(1) { font-size:22px; }
.noticevisual ul li:nth-child(2) { margin-top:10px; font-size:34px; }
.noticevisual ul li:nth-child(3) { width:80%; margin-top:20px; font-size:16px; }


#mainnotice { width:90%; }
#mainnotice .mainnoticetab { width:100%; }
#mainnotice .mainnoticetab a { width:15%; font-size:16px; }

.mainnoticebt { width:200px; font-size:16px;}


#main10 .main10 .maintxt { width:90%; margin:0 auto; }
#main10 .main10 .maintxt .t1 { font-family: 'NotoSerifKR'; font-size:70px; color:#ededed; font-weight:900; line-height:100%; letter-spacing:4px; }
#main10 .main10 .maintxt .t1 br { display:none; }
#main10 .main10 .maintxt .t2 { margin-top:30px; font-size:36px; }
#main10 .main10 .maintxt .t3 { margin-top:10px; font-size:18px; color:#515050; font-weight:500; line-height:140%; }


#main06 { padding:90px 0; }
#main06 .maintxt li.t1 { font-size:22px; }
#main06 .intebt { width:100%; }
#main06 .intebt .swiper-slide { font-size:13px; }
#main06 .inteslide { margin-top:30px; }
#main06 .inteslide .swiper-slide .imgs { margin-top:10px;  }
#main06 .inteslide .swiper-slide .txt { right:120px; width:150px; height:50px; line-height:50px; font-size:16px; }
#main06 .inteslide .swiper-slide.swiper-slide-active .txt { opacity:1; }
#main06 #inteslidebt2 li { width:60px; cursor:pointer; }




#main07 .main07bt2 { top:20px; left:20px; width:123px; height:123px; }
#main07 .main07bt2 span { width:123px; height:123px; }
#main07 .main07bt2 img:nth-child(2) { width:60px; }

#main07 #v1 .bg { background:#bea58c url('/images/common/main07bg1.jpg')no-repeat 50% 85%; background-size:cover; }
#main07 #v2 .bg { background:#bea58c url('/images/common/main07bg2.jpg')no-repeat 50% 50%; background-size:cover; }
#main07 #v3 .bg { background:#bea58c url('/images/common/main07bg3.jpg')no-repeat 50% 50%; background-size:cover; }
#main07 #v4 .bg { background:url('/images/common/main07bg4.jpg')no-repeat 50% 50%; background-size:cover; }
#main07 #v5 .bg { background:url('/images/common/main07bg5.jpg')no-repeat 50% 50%; background-size:cover; }

#main07 .maintxt { top:42%; left:50%; width:90%; }
#main07 .maintxt li.t11 { font-size:20px; margin-bottom:4px; }
#main07 .maintxt li.t1 { font-size:36px;  }
#main07 .maintxt li.t2 { margin-top:10px; font-size:17px; }
#main07 .maintxt li.t2 span.txt1 { font-size:20px; }

.main07bt { height:52px; }
.main07bt .swiper-wrapper { width:100%; height:52px; justify-content: center; }
.main07bt .swiper-wrapper .swiper-slide { width:20% !important; padding:0 0px; margin:0 0%; height:52px; line-height:52px; font-size:15px; font-size:500; }
.main07bt .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { height:62px; line-height:62px; margin-top:-4px; }



footer .foottxt { padding-top:50px; font-size:24px; }


footer .footcon01 { width:90%; margin-top:50px; }
footer .footcon01 .footmap { width:50%; height:auto; }
footer .footcon01 .foottime { width:50%; height:auto; }
footer .footcon01 .footmap .txt { font-size:14px; }
footer .footcon01 .footmap .txt2 { font-size:14px; }
footer .footcon01 .footmap .txt3 { font-size:14px; }
footer .footcon01 .footmap .txt2 span { width:90px; font-size:13px; }
footer .footcon01 .footmap .txt3 span { width:90px; font-size:13px; }

footer .footcon01 .foottime .phonetxt .title { width:90px; }
footer .footcon01 .foottime .phonetxt .phone { width:300px; font-size:26px; }

footer .footcon01 .foottime .timetxt { width:100%; margin-top:30px; display:flex; }
footer .footcon01 .foottime .timetxt .title { width:90px; height:22px; line-height:22px; font-size:18px; font-weight:600; color:#ffffff; }
footer .footcon01 .foottime .timetxt .time { width:300px; }
footer .footcon01 .foottime .timetxt .time div span.t1 { width:70px; font-size:14px; }
footer .footcon01 .foottime .timetxt .time div span.t2 { width:26px; font-size:14px; }
footer .footcon01 .foottime .timetxt .time div span.t3 { width:36px; font-size:14px; }
footer .footcon01 .foottime .timetxt .time div span.t4 { width:16px; font-size:14px; }
footer .footcon01 .foottime .timetxt .time div span.t5 { width:26px; font-size:14px; }
footer .footcon01 .foottime .timetxt .time div span.t6 { width:36px; font-size:14px; }

footer .footcon02 { margin-top:50px; }
footer .footcon02 div:nth-child(1) { width:430px; left:30px; font-size:13px;}
footer .footcon02 div:nth-child(1) span { padding:0 6px; }
footer .footcon02 div:nth-child(2) { right:30px; width:160px; }






































}

@media only screen and (min-width:561px) and (max-width:800px){


/*팝업*/
.LayerPopup { position:absolute; top:60px !important; left:50% !important; width:90% !important; transform:translateX(-50%); background:#ffffff; }
.LayerPopup div.popimg { position:relative; }
.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }
.LayerPopup ul.btm { position:relative; width:100%; height:45px; line-height:45px; background-color:#353535; box-sizing:border-box; }
.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }
.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }
.LayerPopup ul.btm li input[type="checkbox"] { display:none; }
.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }



header { height:60px; background:#ffffff; }
header #logo { top:14px; left:16px; width:154px; height:40px; }
header #logo a { width:154px; height:40px; background:url(/images/common/logo2.svg)no-repeat 0 0; background-size:100%; }

header .top-util { display:none; }
#gnb { display:none; }

#allmenu { display:block; }
header #mainallmenu { display:block; }
header #mainallmenu { display:block; position:absolute; top:8px; right:16px; width:42px; height:42px; border:2px solid #111111; border-radius:3px; box-sizing:border-box; cursor:pointer; }
header #mainallmenu span { display:block; position:absolute; left:9px; width:21px; height:2px; background:#111111; }
header #mainallmenu span:nth-child(1) { top:12px; }
header #mainallmenu span:nth-child(2) { top:18px; }
header #mainallmenu span:nth-child(3) { top:24px; }

.quick-menu { top:auto; transform: translateY(0%); bottom:0px; right:0px; left:0px; }
.quick-menu ul { display:flex; }
.quick-menu li { width:25%; padding:5px 4px; border-bottom:0px solid #d75b0b; border-right:1px solid #052246; box-sizing:border-box; }
.quick-menu li:after { width:40px;}
.quick-menu li:first-child:after { display:none; }
.quick-menu li:first-child {border-radius: 0px 0px 0 0 ; padding-top:3px; border-bottom:0px solid #052246; }
.quick-menu li:last-child { border-radius: 0 0 0px 0px; margin-bottom: 0; border-right:0px none; padding-bottom:0;}
.quick-menu ul li a img { width:28px; display: block; margin: 0 auto; }
.quick-menu ul li a span:nth-child(2) { font-size:10px; padding-top:3px; }
.quick-menu ul li a span:nth-child(3) { display:none; font-size:10px; }
.quick-menu ul img { width:28px; }



#go_top {
	position: fixed;
	bottom:15px;
	right: 16px;
	cursor: pointer;
	width:40px;
}


#quickcs { position:fixed; bottom:0px; left:0px; right:0px; width:100%; height:92px; background:#01244a; z-index:10; transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#quickcs.active { bottom:0px; transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#quickcs .quickcs { position:relative; width:90%; height:auto; padding-bottom:14px; margin:0 auto; overflow:hidden; }
#quickcs .quickcs .quickcs01 .titletxt { width:100%; font-size:17px; font-weight:700; padding-top:14px; color:#ffffff; box-sizing:border-box; }
#quickcs .quickcs .quickcs01 .titletxt span { font-size:13px; font-weight:400; color:#ffffff; }
#quickcs .quickcs .quickcs01 .titletxt2 { position:relative; width:100%; margin-top:10px; box-sizing:border-box; display: flex; }
#quickcs .quickcs .quickcs01 li { display: flex; margin-right:2px; }
#quickcs .quickcs .quickcs01 li label { display:none; }
#quickcs .quickcs .quickcs01 li.name { width:20%; height:26px; }
#quickcs .quickcs .quickcs01 li.name input { display:block; width:100%; height:26px; padding:0 4px;  border-radius:2px;font-size:11px; }
#quickcs .quickcs .quickcs01 li.phone { width:25%; height:26px; }
#quickcs .quickcs .quickcs01 li.phone input { display:block; width:100%; height:26px; padding:0 4px; border-radius:2px;font-size:11px; }
#quickcs .quickcs .quickcs01 li.contentinput { width:30%; height:26px; margin-right:2px; }
#quickcs .quickcs .quickcs01 li.contentinput input { display:block; width:100%; height:26px; border:0px;border-radius:2px; font-size:11px; }
#quickcs .quickcs .quickcs01 li.submitbt { width:25%; height:26px; margin-right:2px; }
#quickcs .quickcs .quickcs01 li.submitbt input { display:block; width:100%; height:26px; line-height:26px; border-radius:2px; font-size:12px; font-weight:500; color:#01244a; }
#quickcs .quickcs .quickcs01 li.fpv { position:absolute; top:30px; left:0px; height:10px; line-height:10px; font-size:10px; font-weight:300; color:#ffffff; }
#quickcs .quickcs .quickcs01 li.fpv label { display:none;  }



#quickcs .quickcs .quickcs01 li.fpv input[id="check1"] {
	display: inline-block; vertical-align:middle;
}
#quickcs .quickcs .quickcs01 li.fpv input[id="check1"], #quickcs .quickcs .quickcs01 li.fpv input.check1 {
	display: inline-block;vertical-align:middle;
}





#introvideo .maintxt { width:90%; text-align:center; }
#introvideo .maintxt li.t1 { width:60px; }
#introvideo .maintxt li.t2 div { height:30px; margin-bottom:5px; line-height:30px; font-size:26px; }
#introvideo .introbt { width:82px; height:82px; }
#introvideo .introbt span { width:82px; height:82px; }

#introvideo .vod { display:none; }
#introvideo .vod2 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
#introvideo .vod2 video { display:block; position:absolute; top:50%; left:50%; opacity:60%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; }


#mainvisual { height:680px; }
#mainvisual .maintxt { top:6%; left:50%; width:90%; transform:translate(-50%,0%);  }
#mainvisual #v1 .maintxt li.t1 { font-size:26px; }
#mainvisual #v2 .maintxt li.t1 { font-size:26px; }
#mainvisual #v2 .maintxt li.t3 { height:28px; line-height:28px; margin-top:20px; font-size:16px; font-weight:500; color:#ffffff;  padding-left:35px; box-sizing:border-box; background:url(/images/common/tu4.png)no-repeat 0 0; background-size:28px; }

#mainvisual #v3 .maintxt li.t1 { font-size:26px; }
#mainvisual #v4 .maintxt li.t1 { margin-top:10px; font-size:26px; }
#mainvisual #v5 .maintxt li.t1 { font-size:26px; }
#mainvisual #v1 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v2 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v3 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v4 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v5 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual .maintxt li.t1 br { display:none; }
#mainvisual .maintxt li.t2 br { display:none; }
#mainvisual #v1 .maintxt li.t4 { margin-top:20px; }
#mainvisual #v1 .bg { background:url('/images/common/mv1.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v2 .bg { background:url('/images/common/mv2.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v3 .bg { background:url('/images/common/mv3.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v4 .bg { background:url('/images/common/mv4.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v5 .bg { background:url('/images/common/mv4.jpg')no-repeat 50% 50%; background-size:cover; }
#swiperbtwrap { top:90%; left:50%; width:90%; }

#mainvisual #v2 .maintxt { top:55%; left:50%; width:90%; transform:translate(-50%,0%);  }
#mainvisual #v3 .maintxt { top:10%; left:50%; width:90%; transform:translate(-50%,0%);  }
#mainvisual #v4 .maintxt { top:55%; left:50%; width:90%; transform:translate(-50%,0%); text-align:left; }

#mainvisual #v4 .maintxt li.t11 { font-size:24px; }
#mainvisual #v4 .maintxt li.t11 span { font-size:40px; }
#mainvisual #v3 .maintxt li.t3 {
    margin-top: 20px;

}


#main01 { height:auto; padding-bottom:68%; background:#d2d0c0 url('/images/common/main01bg2.jpg')no-repeat 40% bottom; background-size:100%; }
#main01 .maintxt { position:relative; top:0%; left:0%; transform:translate(0%,0%); width:90%; margin:0 auto; padding-top:10%; }
#main01 .maintxt li.t1 { font-size:16px; letter-spacing:3px; }
#main01 .maintxt li.t2 { margin-top:10px; font-size:24px; letter-spacing:0px; }
#main01 .maintxt li.t2 br { display:none; }
#main01 .maintxt li.t3 { display:none; }
#main01 .maintxt li.t33 { display:block; margin-top:20px; font-size:15px; font-weight:500; color:#262626; line-height:150%; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01 .maintxt li.t33 span { font-weight:700; color:#2e4157; }



#maindr { position:relative; width:100%; height:auto; background:#dededc; padding:15% 0 0% 0; background-size:100%; }
#maindr .maintxt { padding-top:0px; }
#maindr .maintxt li.t1 { font-size:26px; }
#maindr .maintxt li.t2 { margin-top:10px; font-size:16px; }

#maindr #drslide { position:relative; top:0px; left:0px; width:100%; height:100%;  }
#maindr #drslide #dr1 {  padding:5% 0 20% 0; background:#dededc url('/images/common/maindrm.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide #dr2 {  padding:5% 0 20% 0; background:#dededc url('/images/common/maindrm2.jpg')no-repeat 50% bottom; background-size:100%; }

#maindr .drslide .slideview { position:relative; top:0; left:0; width:90%; transform:translate(0%,0%); margin:0 auto; padding-top:30px; }
#maindr .drslide .slideview .drname1 { width:100%;}
#maindr .drslide .slideview .drname1 span.t1 { font-size:26px; }
#maindr .drslide .slideview .drname1 span.t2 { font-size:18px; }
#maindr .drslide .slideview .drname2 { width:100%; margin-top:10px; font-size:16px; font-weight:600; color:#189b7f; line-height:130%; }
#maindr .drslide .slideview .drname2 span.t1 { display:block; margin-bottom:6px; }
#maindr .drslide .slideview .drname3 { width:100%; margin-top:14px; }
#maindr .drslide .slideview .drname3 span.t1 { display:block; margin-bottom:0px; }
#maindr .drslide .slideview .drname3 span.t1 { 
display:block; height:24px; font-size:16px; 
padding-left:28px; box-sizing:border-box; background:url(/images/common/tu1.png)no-repeat 0 50%; background-size:20px;
}
#maindr .drslide .slideview .drname3 span.t2 { 
display:block; height:24px; font-size:16px; margin-bottom:0px; 
padding-left:28px; box-sizing:border-box; 
}
#maindr .drslide .slideview .drname4 { width:100%; margin-top:20px; font-size:13px; font-weight:500; color:#626262; line-height:160%;  }
#maindr .drslide .slideview .drname4 span { color:#000000; font-size:16px; font-weight:700; }

#maindr.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#drswiperbt { position:absolute; top:95%; left:5%; transform:translate(0%,-50%); width:90%; height:42px; z-index:1; display:flex; justify-content: flex-start; }
#drswiperbt li { cursor:pointer; }
#drswiperbt li:nth-child(2) { width:1px; height:21px; margin:0 25px; background:rgba(255,255,255,20%); }



#main02 { padding-top:20%; padding-bottom:60px; }
#main02 .maintxt li.t1 {font-size:16px; letter-spacing:3px; }
#main02 .maintxt li.t2 { font-size:22px;}
#main02 .maintxt li.t3 { font-size:14px; }

#main02 .imgbox { width:90%; margin:0 auto; padding-top:30px; display:flex; flex-wrap:wrap; justify-content: space-between; }
#main02 .imgbox ul { width:48%; margin-bottom:5%; }
#main02 .imgbox ul.ib02 { margin-top:0px; transform:translateY(100px);}
#main02 .imgbox ul.ib03 { margin-top:0px; }
#main02 .imgbox ul li.t2 { font-size:20px;}
#main02 .imgbox ul li.t3 { margin-top:6px; font-size:13px;  }
#main02 .imgbox ul li.t3 br { display:none; }
#main02 .imgbox ul li.t4 {
    cursor: pointer;
    width: 110px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #111111;
    box-sizing: border-box;
}

.modalcon { position:fixed; top:0px; left:0px; right:0px; width:100%; height:0%; z-index:102; background-color:rgba(0,0,0,50%); overflow-X:hidden; overflow-Y:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }
.modalcon.active { height:100%; overflow-Y:scroll; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.modalcon .modalcontent { position:relative; top:-100px; left:50%; opacity:0; transform:translateX(-50%); background:#ffffff; width:100%; overflow:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.modalcon.active .modalcontent { top:0px; opacity:1; transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }

body .viewclose { position:fixed; top:0px; right:-82px; width:80px; height:71px; opacity:0; z-index:103; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; cursor:pointer; }
body.modalactive .viewclose { opacity:1; right:0px; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1.0s; }



.modal1con11 { position:relative; width:100%; height:auto; background:#ffffff; }
.modal1con1 { display:none; }
.modal1con111 { display:none; }
.modal1img  { display:block; }

.modal2con1 { display:none; }
.modal2view .modal2img  { display:block; }

.modal3con1 { display:none; }
.modal3view img { display:block; }


.subboxcon { width:90%; padding-bottom:40px; margin-bottom:40px; }

.subboxcon.subboxcon1 { width:90%; flex-direction: column-reverse; }
.subboxcon .boxtxt { width:100%; margin-top:5%;}
.subboxcon .boxtxt .t1 { height:30px; line-height:30px; font-size:22px; margin-bottom:14px; }
.subboxcon .boxtxt .t1 span  { width:30px; height:30px; margin-right:8px; font-size:16px; line-height:28px; }
.subboxcon .boxtxt .t2 { font-size:20px; }
.subboxcon .boxtxt .t22 { font-size:26px; }
.subboxcon .boxtxt .t3 { margin-top:14px; font-size:14px;}
.subboxcon .boxtxt .t4 { width:100%; margin-top:30px; }
.subboxcon .boxtxt .t4 div { font-size:22px; font-weight:700; color:#111111; }
.subboxcon .boxtxt .t4 ul { width:100%; margin-top:10px; }
.subboxcon .boxtxt .t4 ul li {
    width: 100%;
    margin-bottom:6px;
    font-size:14px;
    font-weight: 400;
	line-height:140%;
    color: #656565;
    padding-left: 34px;

    box-sizing: border-box;
}
.subboxcon .imgs {  width:100%; }

.subboxcon .boxtxt3 { position:relative; width:100%; text-align:center; margin-top:40px; }
.subboxcon .boxtxt3 .txt1 { font-size:26px; font-weight:700; color:#111111; }
.subboxcon .boxtxt3 .txt11 { font-size:14px; line-height:140%; }
.subboxcon .boxtxt3 .txt2 { margin-top:20px; display:block; }
.subboxcon .boxtxt3 .txt2 ul { width:100%; margin-bottom:10%; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { height:50px; line-height:50px; font-size:24px; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:20px; font-size:14px; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(3) br { display:none; }

.tab1_444title { margin-top:50px; }
.tab1_444title .txt1 { font-size:28px; }
.tab1_444title .txt11 { font-size:14px; }

.tab1_444 { display:block; margin-bottom:10%; }
.tab1_4444 { display:flex; flex-direction: column-reverse; }
.tab1_444 .section { position:relative; width:100%; height:auto; }
.tab1_444 .section div.txt { position:relative; width:90%; height:auto; margin:0 auto; margin-top:30px; box-sizing:border-box; }
.tab1_444 .section div.txt ul { position:relative; top:0%; left:0%; width:90%; transform:translate(0%,0%); }
.tab1_444 .section div.txt li.num { font-size:48px; }
.tab1_444 .section div.txt li.t1 { margin-top:10px; font-size:26px; }
.tab1_444 .section div.txt li.t1 br { display:none; }
.tab1_444 .section div.txt li.t2 { margin-top:10px; font-size:14px; line-height:150%; }
.tab1_444 .section div.txt li.t2 br { display:none; }
.tab1_444 .section div.txt li.t3 { margin-top:30px; font-size:24px; line-height:150%;; }
.tab1_444.tab3_3 .section div.txt li.t1 { margin-top:6px; }

.tab1_444 .section.section1_1 { height:400px; }
.tab1_444 .section.section1_2 { height:400px; }
.tab1_444 .section.section1_3 { height:400px; }



.modaltitle {  width:90%; margin:0 auto; margin-top:60px; font-size:28px; line-height:140%; }
.modalcon .tab1_1 { position:relative; width:100%; display:block; margin-top:20px; }
.modalcon .tab1_1 .left { position:relative; width:100%; padding:40px 30px 30px 30px; box-sizing:border-box; }
.modalcon .tab1_1 .left li.t1 { font-size:26px; }
.modalcon .tab1_1 .left li.t2 { font-size:14px; margin-top:10px; }
.modalcon .tab1_1 .left li.t3 { font-size:22px; letter-spacing:-1px; }
.modalcon .tab1_1 .right { width:100%; }

.modalcon .tab1_11 { position:relative; width:90%; max-width:1280px; margin:0 auto; display:flex; flex-wrap:wrap; flex-direction: column-reverse; overflow:hidden; margin-top:40px; }
.modalcon .tab1_11 .left { position:relative; width:100%; padding:10px 0px 50px 0px; margin-top:20px; box-sizing:border-box; }
.modalcon .tab1_11 .left li.t1 { font-size:26px; font-weight:400; color:#000000; line-height:140%; }
.modalcon .tab1_11 .left li.t1 span { font-weight:700; }
.modalcon .tab1_11 .left li.t2 { font-size: 14px; font-weight:400; color:#000000; opacity:70%; margin-top:20px; line-height:160%;}
.modalcon .tab1_11 .left li.t2 br { display:none; }
.modalcon .tab1_11 .right { position:relative; width:100%; }
.modalcon .tab1_11 .right .img {width:100%; border-radius:10px; overflow:hidden;}
.modalcon .tab1_11 .right .img img {width:100%;}
.modalcon .tab1_11 .right .img video {width:100%;}

.modalcon .tab_cont .tab1_5 { 
padding:12% 0; margin-top:40px; margin-bottom:40px; border-radius:0px;
background:#111111 url('/images/sub/tab1_5.jpg')no-repeat 50% 0; background-size:cover;  
}
.modalcon .tab_cont .tab1_5 h2 {  width:90%; margin:0 auto; font-size:26px; line-height:140%; }

.modalcon .tab_cont .tab1_5 .stit { position:relative; width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.modalcon .tab_cont ul.stit li { width:49%; margin-bottom:2%; box-sizing:border-box; padding:0 0px; font-size:13px; text-align:center; }


.modalcon .tab_cont .tab1_55 {  position: relative; width:100%; height:550px; margin-bottom:80px; text-align:center; }
.modalcon .tab_cont .tab1_55 div {  position:relative; width:320px; padding-top:120px; margin:0 auto; display:flex; flex-wrap:wrap;  justify-content: space-between; }
.modalcon .tab_cont .tab1_55 div ul { position:relative; width:150px; height:150px; margin-bottom:20px; border-radius:100%; }

.modalcon .tab_cont .tab1_55 div ul li:nth-child(1) { font-size:14px; padding-top:20px; line-height:130%; }
.modalcon .tab_cont .tab1_55 div ul li:nth-child(2) { font-size:11px; padding-top:10px; line-height:140%; }

.modalcon .tab_cont .tab1_4 { position:relative; width:100%; display:block; overflow:hidden;}
.modalcon .tab_cont .tab1_4 .stit { position:relative; width:100%; margin:0 auto; margin-top:20px; display:flex; flex-wrap:wrap; justify-content: flex-start; }
.modalcon .tab_cont .tab1_4 .stit li { width:49%; margin-right:0px; margin-bottom:2%; box-sizing:border-box; font-size:13px; text-align:center; }
.modalcon .tab_cont .tab1_4 .section { position:relative; width:100%; height:auto;}
.modalcon .tab_cont .tab1_4 .section div.txt { position:relative; width:100%; padding:10% 8% 10% 8%; box-sizing:border-box;}
.modalcon .tab_cont .tab1_4.tab1_44 { display:flex; flex-wrap:wrap;flex-direction: column-reverse }
.modalcon .tab_cont .tab1_4:nth-child(odd) .section div.txt { position:relative; padding:10% 8% 10% 8%; box-sizing:border-box;}
.modalcon .tab_cont .tab1_4 .section div.txt p.num {  font-size:28px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t1 { width:100%; margin-top:14px; font-size:14px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t1 span { display:block; width:100%; margin-top:10px; font-size:20px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t2 { margin-top:20px; font-size:14px;  opacity:50%; line-height:150%; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t2 br { display:none; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t3 { margin-top:20px; font-size:30px; }

.modalcon .tab_cont .tab1_4 .section div.txt a { display:block; position:relative; width:180px; height:36px; margin-top:20px; border-radius:60px; line-height:36px; text-align:center; font-size:14px; font-weight:600; color:#ffffff;  background:#273f8e; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t4 { margin-top:20px; font-size:20px;  line-height:170%; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t4 span { font-size:26px; }
.modalcon .tab_cont .tab1_4 .section div.txt.txtt { position:relative; padding:30px 8% 0 8%;}
.modalcon .tab_cont .tab1_4 .section div.txt p.t2.t22 br { display:block; }

.modalcon .tab_cont .tab1_4 .section.section1_1 {height:250px;background: url(/images/tab1secionimg1.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_2 {height:250px;background: url(/images/tab1secionimg2.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_3 {height:250px;background: url(/images/tab1secionimg3.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_4 {height:250px;background: url(/images/tab1secionimg4.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_5 {height:250px;background: url(/images/tab1secionimg5.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_6 {height:250px;background: url(/images/tab1secionimg6.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_7 {height:250px;background: url(/images/tab1secionimg7.jpg) no-repeat 50% 58%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_8 {height:250px;background: url(/images/tab1secionimg8.jpg) no-repeat 50% 50%; background-size: cover;}

.modalcon .tab_cont .tab1_4 .section.section03_1 { height:250px; background: url(/images/section03_1.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_2 { height:250px; background: url(/images/section03_2.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_3 { height:250px; background: url(/images/section03_3.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_4 { height:250px; background: url(/images/section03_4.jpg) no-repeat 50% 50%; background-size: cover;}

.modalcon .tab_cont3 {padding-top:40px; margin-top:60px; border-top:1px solid #e9e9e9; }


.modalcon .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:50px; background: url(/images/sub/main6tab4bg1.jpg) 50% 50% no-repeat; background-size: cover;}
.modalcon .tab1_2 ul {position:relative; width:90%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap:0px; padding:15% 0; }
.modalcon .tab1_2 ul li { 
width:31%; margin-bottom:2%;  text-align:center; font-size:14px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); 
border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:40% 0 3% 0; 
}
.modalcon .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon2.png) 50% 45% no-repeat; background-size:40px; }
.modalcon .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon3.png) 50% 45% no-repeat; background-size:40px;}
.modalcon .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon1.png) 50% 45% no-repeat; background-size:40px;}
.modalcon .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon3.png) 50% 45% no-repeat; background-size:40px;}
.modalcon .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon2.png) 50% 45% no-repeat; background-size:40px;}

.modalcon .tab1_3 {position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:50px;}
.modalcon .tab1_3 p.t1 { width:90%; margin:0 auto; font-size:26px; }

.modalcon .tab1_3 ul { position:relative; width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap: wrap; }
.modalcon .tab1_3 ul li { width:48%; margin-right:4%; margin-bottom:6%; box-sizing:border-box;}
.modalcon .tab1_3 ul li:nth-child(2n) { margin-right:0px; }
.modalcon .tab1_3 ul li .img img {width:100%;}
.modalcon .tab1_3 ul li p {position:relative; width:100%; padding:10% 8%; flex-wrap: wrap; box-sizing:border-box; font-size:14px; font-weight:500; line-height:160%;}
.modalcon .tab1_3 ul li p span { display:block; font-size:18px; margin-bottom:10px;}


.modalcon .tab2_2 p.t1 { margin-top:10%; font-size:28px; }
.modalcon .tab2_2 ul.con1 { width:100%; display:block; gap:0px; padding:3% 0;}
.modalcon .tab2_2 ul.con1 li { width:100%; margin-bottom:5%; line-height:1.4; font-size:15px; padding:10% 10%; }
.modalcon .tab2_2 ul.con1 li span { display:block; font-size:26px;  font-weight:700; margin-bottom:10px; }

.modalcon .tab2_2 ul.con2 {position:relative; width:100%; padding:3% 0; overflow:hidden;}
.modalcon .tab2_2 ul.con2 li { 
	width:100%; margin-bottom:2%; float:none; font-weight:500; font-size:16px; line-height:140%; align-items: center; padding:3% 5%; padding-left:50px; 
	background: url(/images/main6tab2icon1.png) 5% 50% no-repeat; background-size:20px;
}
.modalcon .tab2_2 ul.con2 li:nth-child(2n+1) {margin-right:2%;}

.modalcon .tab2_3 p.t1 { font-size:28px; }
.modalcon .tab2_3 ul { padding:5% 0;}
.modalcon .tab2_3 ul li { width:48%; margin-right:4%; margin-bottom:4%; }
.modalcon .tab2_3 ul li:nth-child(3n) {margin-right:4%}
.modalcon .tab2_3 ul li:nth-child(2n) {margin-right:0%}
.modalcon .tab2_3 ul li .img {  border-radius:6px; }
.modalcon .tab2_3 ul li .t1 { top:10px; left:10px; }
.modalcon .tab2_3 ul li .t2 { margin-top:5%; font-size:16px; line-height:130%; }
.modalcon .tab2_3 ul li .t3 { font-size:13px; }


#main8 { position:relative; width:100%; padding:15% 0; margin-top:10%; } 
#main8 .tit { width:100%; text-align:center; }
#main8 .tit .t1 { font-size:28px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { width:84%;margin:0 auto; margin-top:10px; font-size:14px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#main8 .tit .t2 br { display:none; }
#main8 .main8box { position:relative; width:90%; margin:0 auto; margin-top:20px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center }
#main8 .main8box ul { width:48%; margin-right:4%; margin-bottom:4%; }
#main8 .main8box ul:nth-child(2n) { margin-right:0px; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:36px; line-height:36px; font-size:18px; color:#ffffff; font-weight:700; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:8px; font-size:13px; color:#ffffff; line-height:150%; font-weight:400; opacity:80%;  }
#main8 .main8box ul li:nth-child(3) br { display:none; }

#main88 { position:relative; width:100%; margin-top:15%; } 
#main88 .tit .t1 { font-size:28px; }
#main88 .tit .t2 { width:84%; margin:0 auto; margin-top:10px; font-size:14px; }


.tit2 .t1 { width:90%; margin:0 auto; font-size:28px; }
.tit2 .t2 { margin-top:10px; font-size:14px; }

.modalcon .tab_cont2 { position:relative; width:100%; padding:70px 0; background:#f9fafa; }

.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:auto; padding:5%; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  
	position:absolute; top:50%; left:20px; transform:translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; 
	font-size:22px; font-weight:700; color:#ffffff; background:#112462; border-radius:100%; 
}
.qnawrap .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:20px; font-weight:500; line-height:140%; padding-left:60px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { position:relative; width:100%; padding-left:60px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:20px 0 60px 0; font-size:17px; color:#6e6e6e; line-height:180%; }

.qnawrap .question_notice { border-bottom:1px solid #e0e0e0; background:#e8f0f6; }
.qnawrap .answer_notice { display:block; }
.qnawrap .imgs { transform: rotate(180deg); }


.sub03_01 { position:relative; width:100%; height:500px; margin-top:50px; overflow:hidden; background:url('/images/03_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_01 ul { position:absolute; top:10%; left:50%; transform:translate(-50%,0%); width:90%; }
.sub03_01 ul li:nth-child(1) { font-size:22px; }
.sub03_01 ul li:nth-child(2) { margin-top:10px; font-size:13px; }
.sub03_01 ul li:nth-child(1) div { font-size:26px; }




#main03 { position:relative; width:100%; padding:15% 0; }
#main03 .maintxt { position:relative; width:90%; margin:0 auto; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main03 .maintxt li.t1 { font-size:22px; }
#main03 .maintxt li.t1 span { font-weight:600; }
#main03 .maintxt li.t2 { margin-top:10px; font-size:14px; }
#main03 .maintxt li.t2 br { display:none; }

#main03 .synergy-slide { width:100%; }
#main03 .synergy-slide .swiper-slide .imgs { border-radius:20px; }
#main03 .synergy-slide .swiper-slide .txt { position:absolute; top:14px; left:0px; width:100%; text-align:center; z-index:10; }
#main03 .synergy-slide .swiper-slide .txt li.t1 { font-size:22px; font-weight:700; color:#ffffff; }
#main03 .synergy-slide .swiper-slide .txt li.t2 { position:relative; width:90%; margin:0 auto; margin-top:10px; display:flex; flex-wrap:wrap; justify-content: center; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div { width:48%; height:24px; line-height:24px; margin-right:4%; margin-bottom:2%; background:#ffffff; border-radius:50px; font-size:11px; font-weight:700; color:#111111; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div:nth-child(3n) { margin-right:4%; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div:nth-child(2n) { margin-right:0px; }


#main04 { height:auto; padding:20% 0;}
#main04 .main04 { position:relative; left:0; top:0; transform:translateX(0%); width:100%; height:auto; display:block; }
#main04 .main04 div { position:relative; width:100%; height:auto; } 
#main04 .main04 div ul { position:relative; top:0%; left:0%; transform:translate(0%,0%); width:90%; height:auto; margin:0 auto; padding-left:0px; }
#main04 .main04 div ul li:nth-child(1) { font-size:20px; }
#main04 .main04 div ul li:nth-child(2) { margin-top:16px; font-size:20px; }
#main04 .main04 div ul li:nth-child(2) span { font-size:40px; }
#main04 .main04 div ul li:nth-child(3) { margin-top:16px; font-size:14px; }
#main04 .main04 div ul li:nth-child(3) br { display:none; }
#main04 .main04 div.num01 { border-right:0px; margin-bottom:10%; }
#main04 .main04 div.num02 { border-right:0px; margin-bottom:10%; }
#main04 .main04 div.num01 ul { padding-top:110px; background:url('/images/common/main04icon1.png')no-repeat 0 0; }
#main04 .main04 div.num02 ul { padding-top:90px; background:url('/images/common/main04icon3.png')no-repeat 0 0; }
#main04 .main04 div.num03 ul { padding-top:100px; background:url('/images/common/main04icon2.png')no-repeat 0 0; }



#main077 { height:auto; padding:15% 0; }
#main077 .main077 { margin-left:0%; padding-top:0px; margin:0 auto; }
#main077 .main077 .maintxt { float:none; position:relative; width:100%; padding:2% 0%; }
#main077 .main077 .maintxt li:nth-child(1) { font-family: 'Noto Serif KR'; font-size:26px;  }
#main077 .main077 .maintxt li:nth-child(2) { margin-top:10px; font-size:22px; }
#main077 .main077 .maintxt li:nth-child(3) { margin-top:10px; font-size:14px; }

#main077 .main077 .mainreview { float:none; width:100%; padding:5% 5%; box-sizing:border-box; }
#main077 .main077 .mainreview div.swiper-slide {  height:auto; border-radius:12px; box-shadow: 2px 2px 25px rgba(211,162,114, 20%); }
#main077 .main077 .mainreview ul li:nth-child(1) { 
height:50px; font-size:16px; line-height:50px; padding-left:62px; 
background:url(/images/common/main077icon.jpg)no-repeat 0 50%; background-size:50px;
}

#main077 .main077 .mainreview ul li:nth-child(2) { margin-top:18px; font-size:18px; }
#main077 .main077 .mainreview ul li:nth-child(3) { margin-top:12px; font-size:22px; }
#main077 .main077 .mainreview ul li:nth-child(4) { margin-top:14px; font-size:14px; }

#main077 .main077_2 { position:relative; width:90%; margin:0 auto; padding-top:20px; overflow:hidden; }
#main077 .main077_2 .maintxt2 { float:right; position:relative; width:31%; }
#main077 .main077_2 .maintxt2 li:nth-child(1) { font-family: 'Noto Serif KR'; font-size:66px; font-weight:700; color:#d4aa81; line-height:100%; }
#main077 .main077_2 .maintxt2 li:nth-child(2) { margin-top:30px; font-size:29px; font-weight:400; color:#646464; line-height:150%; }
#main077 .main077_2 .maintxt2 li:nth-child(3) { margin-top:60px; font-size:19px; font-weight:400; color:#646464; line-height:160%;  }
#main077 .main077_2 .mainreview2 { float:left; position:relative; width:65%; display:flex; flex-wrap:nowrap; justify-content:space-between; overflow:hidden; }
#main077 .main077_2 .mainreview2 div { position:relative; width:30%; overflow:hidden; border-bottom-right-radius:50px; }
#main077 .main077_2 .mainreview2 div img { width:100%; }


.noticevisual ul { padding:15% 0;}
.noticevisual ul li:nth-child(1) { font-size:22px; }
.noticevisual ul li:nth-child(2) { margin-top:10px; font-size:26px; }
.noticevisual ul li:nth-child(3) { width:90%; margin-top:20px; font-size:14px; }
#mainnotice { position:relative; width:90%; padding-top:30px; }
#mainnotice .mainnoticetab { width:100%; flex-wrap: wrap; }
#mainnotice .mainnoticetab a { cursor:pointer; width:49%; height:40px; line-height:40px; font-size:14px; margin-right:2%; margin-bottom:2%; }
#mainnotice .mainnoticetab a:nth-child(2n) { margin-right:0px; }
.mainnoticebt { width:160px; height:40px; line-height:40px; font-size:14px;}

#mainnotice ul.boxwrap { position:relative; width:48%; margin-right:4%; margin-bottom:8%; overflow:hidden; }
#mainnotice ul.boxwrap:nth-child(2n) { margin-right:0px; }
#mainnotice ul.boxwrap li.title1 {margin-top:16px; font-size:22px; }
#mainnotice ul.boxwrap li.title2 { margin-top:5px; font-size:15px; }



#main10 { padding:15% 0;}
#main10 .main10 .maintxt { width:90%; margin:0 auto; }
#main10 .main10 .maintxt .t1 { font-family: 'NotoSerifKR'; font-size:36px; color:#ededed; font-weight:900; line-height:100%; letter-spacing:1px; }
#main10 .main10 .maintxt .t1 br { display:none; }
#main10 .main10 .maintxt .t2 { margin-top:14px; font-size:30px; line-height:120%; }
#main10 .main10 .maintxt .t3 { margin-top:10px; font-size:16px; color:#515050; font-weight:500; line-height:140%; }

#main10 .main10 .main10swiper { width:90%; margin:0 auto; margin-right:auto; padding-bottom:5%; }
#main10 .main10 ul.slide li.img { width:100%; float:none; box-sizing:border-box; }
#main10 .main10 ul.slide li.text { width:100%; float:none; padding-left:0%; padding-top:10%;}
#main10 .main10 ul.slide li.text .t1 { width:fit-content; padding:0 25px; height:40px; font-size:16px; font-weight:700;  line-height:40px; text-align:center; border-radius:40px; border:2px solid #444;}
#main10 .main10 ul.slide li.text .t2 { font-size:17px; color:#515050; font-weight:500; line-height:140%; box-sizing:border-box; padding: 3% 0 0 0;}

#main10 .swiper-pagination { width:100%; margin-top:40px; text-align:left;}
#main10 .main10swiper .swiper10btn { display:none; }



#main06 { padding:15% 0; }
#main06 .maintxt li.t1 { font-size:14px; }
#main06 .maintxt li.t2 { margin-top:14px; font-size:22px; }
#main06 .maintxt li.t2 br { display:none; }
#main06 .intebt { width:100%; margin-top:30px; }
#main06 .intebt .swiper-slide { font-size:13px; }
#main06 .inteslide { margin-top:30px; }
#main06 .inteslide .swiper-slide .imgs { margin-top:10px;  }
#main06 .inteslide .swiper-slide .txt { right:80px; width:120px; height:36px; line-height:36px; font-size:14px; }
#main06 .inteslide .swiper-slide.swiper-slide-active .txt { opacity:1; }
#main06 #inteslidebt2 { width:100%; }
#main06 #inteslidebt2 li { width:40px; cursor:pointer; }



#main07 { position:relative; width:100%; height:600px; background:#ffffff; overflow:hidden; }
#main07 .main07bt2 { display:none; }

#main07 #v1 .bg { background:#bbd3dd url('/images/common/main07bg11.jpg')no-repeat 50% bottom; background-size:cover; }
#main07 #v2 .bg { background:url('/images/common/main07bg22.jpg')no-repeat 50% bottom; background-size:cover; }
#main07 #v3 .bg { background:url('/images/common/main07bg33.jpg')no-repeat 50% bottom; background-size:cover; }
#main07 #v4 .bg { background:url('/images/common/main07bg55.jpg')no-repeat 50% 50%; background-size:cover; }
#main07 #v5 .bg { background:#3bd0bd url('/images/common/main07bg44.jpg')no-repeat 50% bottom; background-size:100%; }

#main07 .maintxt { top:5%; left:50%; transform:translate(-50%,0%); width:90%; }
#main07 .maintxt li.t11 { font-size:16px; font-weight:500; margin-bottom:4px; }
#main07 .maintxt li.t1 { font-size:19px;  }
#main07 .maintxt li.t2 { margin-top:10px; font-size:14px; }
#main07 .maintxt li.t2 br { display:none; }
#main07 .maintxt li.t3 { margin-top:10px; font-size:16px; }



.main07bt { display:none; }
.main07-pagination { display:block; position:absolute; bottom:50px !important; left:0px !important; width:100% !important; z-index:2; display:flex; justify-content: center }
.main07-pagination span { display:block; width:15px; height:15px; border-radius:100%; background:#ffffff; }



#main022 { padding:20% 0 10% 0; }
#main022 .maintcenter { display:block; }
#main022 .maintcenter .txt li:nth-child(1) { font-size:26px; }
#main022 .maintcenter .txt li:nth-child(2) { margin-top:14px; font-size:14px; }

#main022 .maintcenter .main22slide { position:relative; width:100%; margin:0 auto; margin-top:14px; overflow:hidden; }
#main022 .maintcenter .main22slide .swiper-slide { height:auto; }
#main022 .swiper-wrapper { height:auto; }


.main02-pagination { position:relative; bottom:auto !important; top:auto !important; left:auto !important; right:auto !important; width:100% !important; margin-top:14px; height:30px; z-index:2; display:flex; justify-content: center }
.main02-pagination span { display:block; width:15px; height:15px; border-radius:100%; background:#ffffff; }



footer { position:relative; width:100%; background:#282828; padding-bottom:150px; overflow:hidden; }
footer .foottxt {  padding-top:15%; font-size:19px; letter-spacing:0px; }

footer .footcon01 { width:90%; margin:0 auto; margin-top:30px; display:block; }
footer .footcon01 .footmap { width:100%; height:auto; padding-right:0%; border-right:0px solid #414141; }
footer .footcon01 .foottime { width:100%; margin-top:15%; height:auto; padding-left:0%; }

footer .footcon01 .footmap .txt { position:relative; margin-bottom:5px; font-size:13px; padding-left:56px; line-height:130%; box-sizing:border-box; }
footer .footcon01 .footmap .txt span { display:block; position:absolute; top:0px; left:0px; }

footer .footcon01 .footmap .txt2 { font-size:13px; font-weight:400; color:#c7d9e5;  line-height:20px; }
footer .footcon01 .footmap .txt2 span { width:80px; height:20px; margin-right:6px; font-size:12px; }
footer .footcon01 .footmap .txt2 div:nth-child(2) { padding-left:90px; }
footer .footcon01 .footmap .txt3 { width:100%; height:20px; font-size:13px; font-weight:400; color:#c7d9e5; line-height:20px; }
footer .footcon01 .footmap .txt3 span { width:80px; height:20px; margin-right:6px; font-size:12px; background:#3CB44A; }

footer .footcon01 .footmap .mainmap { height:180px; margin-top:20px; border-radius:14px; }


footer .footcon01 .foottime .titletxt { margin-bottom:10px; font-size:24px; }
footer .footcon01 .foottime .phonetxt { width:100%; display:flex; }
footer .footcon01 .foottime .phonetxt .title { width:76px; height:25px; line-height:25px; font-size:15px; }
footer .footcon01 .foottime .phonetxt .phone { width:220px; height:25px; line-height:25px; font-size:24px; }

footer .footcon01 .foottime .timetxt { width:100%; margin-top:20px; display:flex; }
footer .footcon01 .foottime .timetxt .title { width:76px; height:22px; line-height:22px; font-size:15px; }
footer .footcon01 .foottime .timetxt .time { width:250px; }
footer .footcon01 .foottime .timetxt .time div { width:100%; height:22px; line-height:22px;  margin-bottom:4px; display:flex; }
footer .footcon01 .foottime .timetxt .time div span.t1 { width:50px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t2 { width:24px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t3 { width:32px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t4 { width:12px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t5 { width:24px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t6 { width:32px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t7 { width:62px; padding-left:4px; font-size:13px; }

footer .footcon01 .foottime .vtxt { font-size:13px;}
footer .footcon01 .foottime .vtxt2 { font-size:13px; }

footer .footcon01 .foottime .snstxt { margin-top:20px; }
footer .footcon01 .foottime .snstxt .title { width:76px; }
footer .footcon01 .foottime .snstxt .snsbox { width:220px; display:flex; }
footer .footcon01 .foottime .snstxt .snsbox a { display:block; width:40px; margin-right:10px; }


footer .footcon02 { height:auto; padding:7% 5%; box-sizing:border-box;margin-top:30px; }
footer .footcon02 div:nth-child(1) { position:relative; top:0%; left:0px; transform:translateY(-0%); font-size:13px; }
footer .footcon02 div:nth-child(1) span { font-size:10px; padding:0 10px; }
footer .footcon02 div:nth-child(2) { display:none; }




#allmenuwrap { display:block; position:fixed; right:-100%; top:0px; width:100%; height:100%; z-index:150; overflow-x:hidden; overflow-y:scroll; background-color:#fff; }
.allmenu_top { width:100%; height:60px; line-height:60px; background:#eb5f05; opacity:1; }
.allmenu_top ul { position:relative; width:100%; height:100%; overflow:hidden;}
.allmenu_top ul li { float:left; color:#fff; }
.allmenu_top ul li a { font-size:14px; font-weight:700; color:#fff; }
.allmenu_top ul li span { font-size:10px; font-weight:100; padding:0 8px; }
.allmenu_top ul li.allmenu_point a {color:#ffec19;}
.allmenu_top ul li.allmenu_close { position:absolute; top:50%; right:20px; transform:translateY(-50%); width:16px; height:19px; line-height:100%; }
.allmenu_top ul li.allmenu_close img { width:100%; }

.allmenu_list { position:relative; height:100%; }
.allmenu_list .allmenu_01dep_wrap li.dep01 a { position:relative; display:block; width:90%; height:40px; line-height:40px; padding:0 5%;  font-size:14px; color:#000; font-weight:700; border-bottom:1px solid #999; background:#fff; z-index:0; }
.allmenu_list .allmenu_01dep_wrap li.dep01_on a { background:#c28558; color:#fff; }
.allmenu_02dep_wrap {position:absolute; top:0; right:-50%; width:50%; overflow:hidden; height:auto; min-height:100%;background:#fff;}
.allmenu_list .allmenu_02dep_wrap li.dep02 a { position:relative; display:block; width:90%; height:40px; line-height:40px; padding:0 5%;  font-size:13px; color:#000; font-weight:500; border-bottom:1px solid #999; background:#f5f5f5; z-index:1; }
.allmenu_list .allmenu_02dep_wrap li.dep02_on a { background:#07212d; color:#fff; }
.allmenu_02dep_more {float:right;width:2%; padding-right:5%;}
.allmenu_03dep_wrap {width:100%; background:#f2f2f2; color:#fff; }
.allmenu_list .allmenu_03dep_wrap li.dep03 > a {padding:10px 7%; width:86%; display:inline-block; font-size:14px;color:#fff;}






.drview p.close { top:10px; right:10px; font-size:30px; width:40px; height:40px; line-height:40px;}

.drview_visual { display:block; position:relative; width:100%; padding:5% 5%; box-sizing:border-box; overflow:hidden; }
.drview_visual div.drviewimg { display:none; }
.drview_visual div.drviewimg2 { display:block; position:relative; width:100%; }
.drview_visual div.dvul { width:100%; padding-right:0%; margin-top:5%; }

.drview_visual ul li.txt1 { font-size:24px; line-height:140%; margin-bottom:26px; }
.drview_visual ul li.txt2 { height:auto;  line-height:150%; padding-top:10px; font-size:16px; padding-left:44px; background:url('/images/common/txticon01.png')no-repeat 0 0; background-size:34px; }
#subDrView1 .drview_visual ul li.txt2 { width:250px; }
.drview_visual ul li.txt3 { width:100%; margin-top:20px; font-size:26px; }
.drview_visual ul li.txt3 span { font-size:16px; font-weight:700; }
.drview_visual ul li.txt4 { width:100%; display:flex; }
.drview_visual ul li.txt4 .drstory1 { position:relative; width:100%; padding-right:0%; box-sizing:border-box; }

.drview_visual ul li.txt4 .drstory1 .t1 { margin-bottom:14px; font-size:22px; }
.drview_visual ul li.txt4 .drstory1 .t2 { font-size:16px;  }
.drview_visual ul li.txt4 .drstory2 .t1 { margin-bottom:14px; font-size:22px; }
.drview_visual ul li.txt4 .drstory2 .t2 { font-size:16px; }















}

@media only screen and (min-width:300px) and (max-width:560px){


/*팝업*/
.LayerPopup { position:absolute; top:60px !important; left:50% !important; width:90% !important; transform:translateX(-50%); background:#ffffff; }
.LayerPopup div.popimg { position:relative; }
.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }
.LayerPopup ul.btm { position:relative; width:100%; height:45px; line-height:45px; background-color:#353535; box-sizing:border-box; }
.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }
.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }
.LayerPopup ul.btm li input[type="checkbox"] { display:none; }
.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }



header { height:60px; background:#ffffff; }
header #logo { top:14px; left:16px; width:154px; height:40px; }
header #logo a { width:154px; height:40px; background:url(/images/common/logo2.svg)no-repeat 0 0; background-size:100%; }

header .top-util { display:none; }
#gnb { display:none; }

#allmenu { display:block; }
header #mainallmenu { display:block; }
header #mainallmenu { display:block; position:absolute; top:8px; right:16px; width:42px; height:42px; border:2px solid #111111; border-radius:3px; box-sizing:border-box; cursor:pointer; }
header #mainallmenu span { display:block; position:absolute; left:9px; width:21px; height:2px; background:#111111; }
header #mainallmenu span:nth-child(1) { top:12px; }
header #mainallmenu span:nth-child(2) { top:18px; }
header #mainallmenu span:nth-child(3) { top:24px; }

.quick-menu { top:auto; transform: translateY(0%); bottom:92px; right:0px; left:0px; }
.quick-menu ul { display:flex; }
.quick-menu li { width:25%; padding:5px 4px; border-bottom:0px solid #d75b0b; border-right:1px solid #052246; box-sizing:border-box; }
.quick-menu li:after { width:40px;}
.quick-menu li:first-child:after { display:none; }
.quick-menu li:first-child {border-radius: 0px 0px 0 0 ; padding-top:3px; border-bottom:0px solid #052246; }
.quick-menu li:last-child { border-radius: 0 0 0px 0px; margin-bottom: 0; border-right:0px none; padding-bottom:0;}
.quick-menu ul li a img { width:28px; display: block; margin: 0 auto; }
.quick-menu ul li a span:nth-child(2) { font-size:10px; padding-top:3px; }
.quick-menu ul li a span:nth-child(3) { display:none; font-size:10px; }
.quick-menu ul img { width:28px; }



#quickcs { position:fixed; bottom:0px; left:0px; right:0px; width:100%; height:92px; background:#01244a; z-index:10; transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#quickcs.active { bottom:0px; transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#quickcs .quickcs { position:relative; width:90%; height:auto; padding-bottom:14px; margin:0 auto; overflow:hidden; }
#quickcs .quickcs .quickcs01 .titletxt { width:100%; font-size:17px; font-weight:700; padding-top:14px; color:#ffffff; box-sizing:border-box; }
#quickcs .quickcs .quickcs01 .titletxt span { font-size:13px; font-weight:400; color:#ffffff; }
#quickcs .quickcs .quickcs01 .titletxt2 { position:relative; width:100%; margin-top:10px; box-sizing:border-box; display: flex; }
#quickcs .quickcs .quickcs01 li { display: flex; margin-right:2px; }
#quickcs .quickcs .quickcs01 li label { display:none; }
#quickcs .quickcs .quickcs01 li.name { width:20%; height:26px; }
#quickcs .quickcs .quickcs01 li.name input { display:block; width:100%; height:26px; padding:0 4px;  border-radius:2px;font-size:11px; }
#quickcs .quickcs .quickcs01 li.phone { width:25%; height:26px; }
#quickcs .quickcs .quickcs01 li.phone input { display:block; width:100%; height:26px; padding:0 4px; border-radius:2px;font-size:11px; }
#quickcs .quickcs .quickcs01 li.contentinput { width:30%; height:26px; margin-right:2px; }
#quickcs .quickcs .quickcs01 li.contentinput input { display:block; width:100%; height:26px; border:0px;border-radius:2px; font-size:11px; }
#quickcs .quickcs .quickcs01 li.submitbt { width:25%; height:26px; margin-right:2px; }
#quickcs .quickcs .quickcs01 li.submitbt input { display:block; width:100%; height:26px; line-height:26px; border-radius:2px; font-size:12px; font-weight:500; color:#01244a; }
#quickcs .quickcs .quickcs01 li.fpv { position:absolute; top:30px; left:0px; height:10px; line-height:10px; font-size:10px; font-weight:300; color:#ffffff; }
#quickcs .quickcs .quickcs01 li.fpv label { display:none;  }



#quickcs .quickcs .quickcs01 li.fpv input[id="check1"] {
	display: inline-block; vertical-align:middle;
}
#quickcs .quickcs .quickcs01 li.fpv input[id="check1"], #quickcs .quickcs .quickcs01 li.fpv input.check1 {
	display: inline-block;vertical-align:middle;
}




#go_top {
	position: fixed;
	bottom:15px;
	right: 16px;
	cursor: pointer;
	width:40px;
}





#introvideo .maintxt { width:90%; text-align:center; }
#introvideo .maintxt li.t1 { width:60px; }
#introvideo .maintxt li.t2 div { height:30px; margin-bottom:5px; line-height:30px; font-size:26px; }
#introvideo .introbt { width:82px; height:82px; }
#introvideo .introbt span { width:82px; height:82px; }

#introvideo .vod { display:none; }
#introvideo .vod2 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
#introvideo .vod2 video { display:block; position:absolute; top:50%; left:50%; opacity:60%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; }


#mainvisual { height:680px; }
#mainvisual .maintxt { top:6%; left:50%; width:90%; transform:translate(-50%,0%);  }
#mainvisual #v1 .maintxt li.t1 { font-size:26px; }
#mainvisual #v2 .maintxt li.t1 { font-size:26px; }
#mainvisual #v2 .maintxt li.t3 { height:28px; line-height:28px; margin-top:20px; font-size:16px; font-weight:500; color:#ffffff;  padding-left:35px; box-sizing:border-box; background:url(/images/common/tu4.png)no-repeat 0 0; background-size:28px; }

#mainvisual #v3 .maintxt li.t1 { font-size:26px; }
#mainvisual #v4 .maintxt li.t1 { margin-top:10px; font-size:26px; }
#mainvisual #v5 .maintxt li.t1 { font-size:26px; }
#mainvisual #v1 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v2 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v3 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v4 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual #v5 .maintxt li.t2 { margin-top:10px; font-size:15px; font-weight:500; }
#mainvisual .maintxt li.t1 br { display:none; }
#mainvisual .maintxt li.t2 br { display:none; }
#mainvisual #v1 .maintxt li.t4 { margin-top:20px; }
#mainvisual #v1 .bg { background:url('/images/common/mv1.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v2 .bg { background:url('/images/common/mv2.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v3 .bg { background:url('/images/common/mv3.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v4 .bg { background:url('/images/common/mv4.jpg')no-repeat 50% 50%; background-size:cover; }
#mainvisual #v5 .bg { background:url('/images/common/mv4.jpg')no-repeat 50% 50%; background-size:cover; }
#swiperbtwrap { top:90%; left:50%; width:90%; }

#mainvisual #v2 .maintxt { top:55%; left:50%; width:90%; transform:translate(-50%,0%);  }
#mainvisual #v3 .maintxt { top:10%; left:50%; width:90%; transform:translate(-50%,0%);  }
#mainvisual #v4 .maintxt { top:55%; left:50%; width:90%; transform:translate(-50%,0%); text-align:left; }

#mainvisual #v4 .maintxt li.t11 { font-size:24px; }
#mainvisual #v4 .maintxt li.t11 span { font-size:40px; }
#mainvisual #v3 .maintxt li.t3 {
    margin-top: 20px;

}


#main01 { height:auto; padding-bottom:68%; background:#d2d0c0 url('/images/common/main01bg2.jpg')no-repeat 40% bottom; background-size:100%; }
#main01 .maintxt { position:relative; top:0%; left:0%; transform:translate(0%,0%); width:90%; margin:0 auto; padding-top:10%; }
#main01 .maintxt li.t1 { font-size:16px; letter-spacing:3px; }
#main01 .maintxt li.t2 { margin-top:10px; font-size:24px; letter-spacing:0px; }
#main01 .maintxt li.t2 br { display:none; }
#main01 .maintxt li.t3 { display:none; }
#main01 .maintxt li.t33 { display:block; margin-top:20px; font-size:15px; font-weight:500; color:#262626; line-height:150%; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main01 .maintxt li.t33 span { font-weight:700; color:#2e4157; }



#maindr { position:relative; width:100%; height:auto; background:#dededc; padding:15% 0 0% 0; background-size:100%; }
#maindr .maintxt { padding-top:0px; }
#maindr .maintxt li.t1 { font-size:26px; }
#maindr .maintxt li.t2 { margin-top:10px; font-size:16px; }

#maindr #drslide { position:relative; top:0px; left:0px; width:100%; height:100%;  }
#maindr #drslide #dr1 {  padding:5% 0 20% 0; background:#dededc url('/images/common/drmo01.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide #dr2 {  padding:5% 0 20% 0; background:#dededc url('/images/common/drmo02.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide #dr3 {  padding:5% 0 20% 0; background:#dededc url('/images/common/drmo03.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide #dr4 {  padding:5% 0 20% 0; background:#dededc url('/images/common/drmo04.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide #dr5 {  padding:5% 0 20% 0; background:#dededc url('/images/common/drmo05.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide #dr6 {  padding:5% 0 20% 0; background:#dededc url('/images/common/drmo06.jpg')no-repeat 50% bottom; background-size:100%; }
#maindr #drslide .swiper-slide {
    opacity: 0!important;
}
#maindr #drslide .swiper-slide-visible {
    opacity: 1!important;
}

#maindr .drslide .slideview { position:relative; top:0; left:0; width:90%; transform:translate(0%,0%); margin:0 auto; padding-top:30px; }
#maindr .drslide .slideview .drname1 { width:100%;}
#maindr .drslide .slideview .drname1 span.t1 { font-size:26px; }
#maindr .drslide .slideview .drname1 span.t2 { font-size:18px; }
#maindr .drslide .slideview .drname2 { width:100%; margin-top:10px; font-size:16px; font-weight:600; color:#189b7f; line-height:130%; }
#maindr .drslide .slideview .drname2 span.t1 { display:block; margin-bottom:6px; }
#maindr .drslide .slideview .drname3 { width:100%; margin-top:14px; }
#maindr .drslide .slideview .drname3 span.t1 { display:block; margin-bottom:0px; }
#maindr .drslide .slideview .drname3 span.t1 { 
display:block; height:24px; font-size:16px; 
padding-left:28px; box-sizing:border-box; background:url(/images/common/tu1.png)no-repeat 0 50%; background-size:20px;
}
#maindr .drslide .slideview .drname3 span.t2 { 
display:block; height:24px; font-size:16px; margin-bottom:0px; 
padding-left:28px; box-sizing:border-box; 
}
#maindr .drslide .slideview .drname4 { width:204px; margin-top:20px; font-size:13px; font-weight:500; color:#626262; line-height:160%;  }
#maindr .drslide .slideview .drname4 span { color:#000000; font-size:16px; font-weight:700; }

#maindr.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#drswiperbt { position:absolute; top:95%; left:5%; transform:translate(0%,-50%); width:90%; height:42px; z-index:1; display:flex; justify-content: flex-start; }
#drswiperbt li { cursor:pointer; }
#drswiperbt li:nth-child(2) { width:1px; height:21px; margin:0 25px; background:rgba(255,255,255,20%); }




#main02 { padding-top:20%; padding-bottom:60px; }
#main02 .maintxt li.t1 {font-size:16px; letter-spacing:3px; }
#main02 .maintxt li.t2 { font-size:22px;}
#main02 .maintxt li.t3 { font-size:14px; }

#main02 .imgbox { width:90%; margin:0 auto; padding-top:30px; display:flex; flex-wrap:wrap; justify-content: space-between; }
#main02 .imgbox ul { width:48%; margin-bottom:5%; }
#main02 .imgbox ul.ib02 { margin-top:0px; transform:translateY(100px);}
#main02 .imgbox ul.ib03 { margin-top:0px; }
#main02 .imgbox ul li.t2 { font-size:20px;}
#main02 .imgbox ul li.t3 { margin-top:6px; font-size:13px;  }
#main02 .imgbox ul li.t3 br { display:none; }
#main02 .imgbox ul li.t4 {
    cursor: pointer;
    width: 110px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #111111;
    box-sizing: border-box;
}

.modalcon { position:fixed; top:0px; left:0px; right:0px; width:100%; height:0%; z-index:102; background-color:rgba(0,0,0,50%); overflow-X:hidden; overflow-Y:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }
.modalcon.active { height:100%; overflow-Y:scroll; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.modalcon .modalcontent { position:relative; top:-100px; left:50%; opacity:0; transform:translateX(-50%); background:#ffffff; width:100%; overflow:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.modalcon.active .modalcontent { top:0px; opacity:1; transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }

body .viewclose { position:fixed; top:0px; right:-82px; width:80px; height:71px; opacity:0; z-index:103; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; cursor:pointer; }
body.modalactive .viewclose { opacity:1; right:0px; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1.0s; }



.modal1con11 { position:relative; width:100%; height:auto; background:#ffffff; }
.modal1con1 { display:none; }
.modal1con111 { display:none; }
.modal1img  { display:block; }

.modal2con1 { display:none; }
.modal2view .modal2img  { display:block; }

.modal3con1 { display:none; }
.modal3view img { display:block; }


.subboxcon { width:90%; padding-bottom:40px; margin-bottom:40px; }

.subboxcon.subboxcon1 { width:90%; flex-direction: column-reverse; }
.subboxcon .boxtxt { width:100%; margin-top:5%;}
.subboxcon .boxtxt .t1 { height:30px; line-height:30px; font-size:22px; margin-bottom:14px; }
.subboxcon .boxtxt .t1 span  { width:30px; height:30px; margin-right:8px; font-size:16px; line-height:28px; }
.subboxcon .boxtxt .t2 { font-size:20px; }
.subboxcon .boxtxt .t22 { font-size:26px; }
.subboxcon .boxtxt .t3 { margin-top:14px; font-size:14px;}
.subboxcon .boxtxt .t4 { width:100%; margin-top:30px; }
.subboxcon .boxtxt .t4 div { font-size:22px; font-weight:700; color:#111111; }
.subboxcon .boxtxt .t4 ul { width:100%; margin-top:10px; }
.subboxcon .boxtxt .t4 ul li {
    width: 100%;
    margin-bottom:6px;
    font-size:14px;
    font-weight: 400;
	line-height:140%;
    color: #656565;
    padding-left: 34px;

    box-sizing: border-box;
}
.subboxcon .imgs {  width:100%; }

.subboxcon .boxtxt3 { position:relative; width:100%; text-align:center; margin-top:40px; }
.subboxcon .boxtxt3 .txt1 { font-size:26px; font-weight:700; color:#111111; }
.subboxcon .boxtxt3 .txt11 { font-size:14px; line-height:140%; }
.subboxcon .boxtxt3 .txt2 { margin-top:20px; display:block; }
.subboxcon .boxtxt3 .txt2 ul { width:100%; margin-bottom:10%; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { height:50px; line-height:50px; font-size:24px; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:20px; font-size:14px; }
.subboxcon .boxtxt3 .txt2 ul li:nth-child(3) br { display:none; }

.tab1_444title { margin-top:50px; }
.tab1_444title .txt1 { font-size:28px; }
.tab1_444title .txt11 { font-size:14px; }

.tab1_444 { display:block; margin-bottom:10%; }
.tab1_4444 { display:flex; flex-direction: column-reverse; }
.tab1_444 .section { position:relative; width:100%; height:auto; }
.tab1_444 .section div.txt { position:relative; width:90%; height:auto; margin:0 auto; margin-top:30px; box-sizing:border-box; }
.tab1_444 .section div.txt ul { position:relative; top:0%; left:0%; width:90%; transform:translate(0%,0%); }
.tab1_444 .section div.txt li.num { font-size:48px; }
.tab1_444 .section div.txt li.t1 { margin-top:10px; font-size:26px; }
.tab1_444 .section div.txt li.t1 br { display:none; }
.tab1_444 .section div.txt li.t2 { margin-top:10px; font-size:14px; line-height:150%; }
.tab1_444 .section div.txt li.t2 br { display:none; }
.tab1_444 .section div.txt li.t3 { margin-top:30px; font-size:24px; line-height:150%;; }
.tab1_444.tab3_3 .section div.txt li.t1 { margin-top:6px; }

.tab1_444 .section.section1_1 { height:400px; }
.tab1_444 .section.section1_2 { height:400px; }
.tab1_444 .section.section1_3 { height:400px; }



.modaltitle {  width:90%; margin:0 auto; margin-top:60px; font-size:28px; line-height:140%; }
.modalcon .tab1_1 { position:relative; width:100%; display:block; margin-top:20px; }
.modalcon .tab1_1 .left { position:relative; width:100%; padding:40px 30px 30px 30px; box-sizing:border-box; }
.modalcon .tab1_1 .left li.t1 { font-size:26px; }
.modalcon .tab1_1 .left li.t2 { font-size:14px; margin-top:10px; }
.modalcon .tab1_1 .left li.t3 { font-size:22px; letter-spacing:-1px; }
.modalcon .tab1_1 .right { width:100%; }

.modalcon .tab1_11 { position:relative; width:90%; max-width:1280px; margin:0 auto; display:flex; flex-wrap:wrap; flex-direction: column-reverse; overflow:hidden; margin-top:40px; }
.modalcon .tab1_11 .left { position:relative; width:100%; padding:10px 0px 50px 0px; margin-top:20px; box-sizing:border-box; }
.modalcon .tab1_11 .left li.t1 { font-size:26px; font-weight:400; color:#000000; line-height:140%; }
.modalcon .tab1_11 .left li.t1 span { font-weight:700; }
.modalcon .tab1_11 .left li.t2 { font-size: 14px; font-weight:400; color:#000000; opacity:70%; margin-top:20px; line-height:160%;}
.modalcon .tab1_11 .left li.t2 br { display:none; }
.modalcon .tab1_11 .right { position:relative; width:100%; }
.modalcon .tab1_11 .right .img {width:100%; border-radius:10px; overflow:hidden;}
.modalcon .tab1_11 .right .img img {width:100%;}
.modalcon .tab1_11 .right .img video {width:100%;}

.modalcon .tab_cont .tab1_5 { 
padding:12% 0; margin-top:40px; margin-bottom:40px; border-radius:0px;
background:#111111 url('/images/sub/tab1_5.jpg')no-repeat 50% 0; background-size:cover;  
}
.modalcon .tab_cont .tab1_5 h2 {  width:90%; margin:0 auto; font-size:26px; line-height:140%; }

.modalcon .tab_cont .tab1_5 .stit { position:relative; width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.modalcon .tab_cont ul.stit li { width:49%; margin-bottom:2%; box-sizing:border-box; padding:0 0px; font-size:13px; text-align:center; }


.modalcon .tab_cont .tab1_55 {  position: relative; width:100%; height:550px; margin-bottom:80px; text-align:center; }
.modalcon .tab_cont .tab1_55 div {  position:relative; width:320px; padding-top:120px; margin:0 auto; display:flex; flex-wrap:wrap;  justify-content: space-between; }
.modalcon .tab_cont .tab1_55 div ul { position:relative; width:150px; height:150px; margin-bottom:20px; border-radius:100%; }

.modalcon .tab_cont .tab1_55 div ul li:nth-child(1) { font-size:14px; padding-top:20px; line-height:130%; }
.modalcon .tab_cont .tab1_55 div ul li:nth-child(2) { font-size:11px; padding-top:10px; line-height:140%; }

.modalcon .tab_cont .tab1_4 { position:relative; width:100%; display:block; overflow:hidden;}
.modalcon .tab_cont .tab1_4 .stit { position:relative; width:100%; margin:0 auto; margin-top:20px; display:flex; flex-wrap:wrap; justify-content: flex-start; }
.modalcon .tab_cont .tab1_4 .stit li { width:49%; margin-right:0px; margin-bottom:2%; box-sizing:border-box; font-size:13px; text-align:center; }
.modalcon .tab_cont .tab1_4 .section { position:relative; width:100%; height:auto;}
.modalcon .tab_cont .tab1_4 .section div.txt { position:relative; width:100%; padding:10% 8% 10% 8%; box-sizing:border-box;}
.modalcon .tab_cont .tab1_4.tab1_44 { display:flex; flex-wrap:wrap;flex-direction: column-reverse }
.modalcon .tab_cont .tab1_4:nth-child(odd) .section div.txt { position:relative; padding:10% 8% 10% 8%; box-sizing:border-box;}
.modalcon .tab_cont .tab1_4 .section div.txt p.num {  font-size:28px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t1 { width:100%; margin-top:14px; font-size:14px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t1 span { display:block; width:100%; margin-top:10px; font-size:20px; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t2 { margin-top:20px; font-size:14px;  opacity:50%; line-height:150%; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t2 br { display:none; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t3 { margin-top:20px; font-size:30px; }

.modalcon .tab_cont .tab1_4 .section div.txt a { display:block; position:relative; width:180px; height:36px; margin-top:20px; border-radius:60px; line-height:36px; text-align:center; font-size:14px; font-weight:600; color:#ffffff;  background:#273f8e; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t4 { margin-top:20px; font-size:20px;  line-height:170%; }
.modalcon .tab_cont .tab1_4 .section div.txt p.t4 span { font-size:26px; }
.modalcon .tab_cont .tab1_4 .section div.txt.txtt { position:relative; padding:30px 8% 0 8%;}
.modalcon .tab_cont .tab1_4 .section div.txt p.t2.t22 br { display:block; }

.modalcon .tab_cont .tab1_4 .section.section1_1 {height:250px;background: url(/images/tab1secionimg1.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_2 {height:250px;background: url(/images/tab1secionimg2.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_3 {height:250px;background: url(/images/tab1secionimg3.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_4 {height:250px;background: url(/images/tab1secionimg4.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_5 {height:250px;background: url(/images/tab1secionimg5.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_6 {height:250px;background: url(/images/tab1secionimg6.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_7 {height:250px;background: url(/images/tab1secionimg7.jpg) no-repeat 50% 58%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section1_8 {height:250px;background: url(/images/tab1secionimg8.jpg) no-repeat 50% 50%; background-size: cover;}

.modalcon .tab_cont .tab1_4 .section.section03_1 { height:250px; background: url(/images/section03_1.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_2 { height:250px; background: url(/images/section03_2.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_3 { height:250px; background: url(/images/section03_3.jpg) no-repeat 50% 50%; background-size: cover;}
.modalcon .tab_cont .tab1_4 .section.section03_4 { height:250px; background: url(/images/section03_4.jpg) no-repeat 50% 50%; background-size: cover;}

.modalcon .tab_cont3 {padding-top:40px; margin-top:60px; border-top:1px solid #e9e9e9; }


.modalcon .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:50px; background: url(/images/sub/main6tab4bg1.jpg) 50% 50% no-repeat; background-size: cover;}
.modalcon .tab1_2 ul {position:relative; width:90%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap:0px; padding:15% 0; }
.modalcon .tab1_2 ul li { 
width:31%; margin-bottom:2%;  text-align:center; font-size:14px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); 
border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:40% 0 3% 0; 
}
.modalcon .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon2.png) 50% 45% no-repeat; background-size:40px; }
.modalcon .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon3.png) 50% 45% no-repeat; background-size:40px;}
.modalcon .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon1.png) 50% 45% no-repeat; background-size:40px;}
.modalcon .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon3.png) 50% 45% no-repeat; background-size:40px;}
.modalcon .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon2.png) 50% 45% no-repeat; background-size:40px;}

.modalcon .tab1_3 {position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:50px;}
.modalcon .tab1_3 p.t1 { width:90%; margin:0 auto; font-size:26px; }

.modalcon .tab1_3 ul { position:relative; width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap: wrap; }
.modalcon .tab1_3 ul li { width:48%; margin-right:4%; margin-bottom:6%; box-sizing:border-box;}
.modalcon .tab1_3 ul li:nth-child(2n) { margin-right:0px; }
.modalcon .tab1_3 ul li .img img {width:100%;}
.modalcon .tab1_3 ul li p {position:relative; width:100%; padding:10% 8%; flex-wrap: wrap; box-sizing:border-box; font-size:14px; font-weight:500; line-height:160%;}
.modalcon .tab1_3 ul li p span { display:block; font-size:18px; margin-bottom:10px;}


.modalcon .tab2_2 p.t1 { margin-top:10%; font-size:28px; }
.modalcon .tab2_2 ul.con1 { width:100%; display:block; gap:0px; padding:3% 0;}
.modalcon .tab2_2 ul.con1 li { width:100%; margin-bottom:5%; line-height:1.4; font-size:15px; padding:10% 10%; }
.modalcon .tab2_2 ul.con1 li span { display:block; font-size:26px;  font-weight:700; margin-bottom:10px; }

.modalcon .tab2_2 ul.con2 {position:relative; width:100%; padding:3% 0; overflow:hidden;}
.modalcon .tab2_2 ul.con2 li { 
	width:100%; margin-bottom:2%; float:none; font-weight:500; font-size:16px; line-height:140%; align-items: center; padding:3% 5%; padding-left:50px; 
	background: url(/images/main6tab2icon1.png) 5% 50% no-repeat; background-size:20px;
}
.modalcon .tab2_2 ul.con2 li:nth-child(2n+1) {margin-right:2%;}

.modalcon .tab2_3 p.t1 { font-size:28px; }
.modalcon .tab2_3 ul { padding:5% 0;}
.modalcon .tab2_3 ul li { width:48%; margin-right:4%; margin-bottom:4%; }
.modalcon .tab2_3 ul li:nth-child(3n) {margin-right:4%}
.modalcon .tab2_3 ul li:nth-child(2n) {margin-right:0%}
.modalcon .tab2_3 ul li .img {  border-radius:6px; }
.modalcon .tab2_3 ul li .t1 { top:10px; left:10px; }
.modalcon .tab2_3 ul li .t2 { margin-top:5%; font-size:16px; line-height:130%; }
.modalcon .tab2_3 ul li .t3 { font-size:13px; }


#main8 { position:relative; width:100%; padding:15% 0; margin-top:10%; } 
#main8 .tit { width:100%; text-align:center; }
#main8 .tit .t1 { font-size:28px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { width:84%;margin:0 auto; margin-top:10px; font-size:14px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#main8 .tit .t2 br { display:none; }
#main8 .main8box { position:relative; width:90%; margin:0 auto; margin-top:20px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center }
#main8 .main8box ul { width:48%; margin-right:4%; margin-bottom:4%; }
#main8 .main8box ul:nth-child(2n) { margin-right:0px; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:36px; line-height:36px; font-size:18px; color:#ffffff; font-weight:700; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:8px; font-size:13px; color:#ffffff; line-height:150%; font-weight:400; opacity:80%;  }
#main8 .main8box ul li:nth-child(3) br { display:none; }

#main88 { position:relative; width:100%; margin-top:15%; } 
#main88 .tit .t1 { font-size:28px; }
#main88 .tit .t2 { width:84%; margin:0 auto; margin-top:10px; font-size:14px; }


.tit2 .t1 { width:90%; margin:0 auto; font-size:28px; }
.tit2 .t2 { margin-top:10px; font-size:14px; }

.modalcon .tab_cont2 { position:relative; width:100%; padding:70px 0; background:#f9fafa; }

.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:auto; padding:5%; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  
	position:absolute; top:50%; left:20px; transform:translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; 
	font-size:22px; font-weight:700; color:#ffffff; background:#112462; border-radius:100%; 
}
.qnawrap .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:20px; font-weight:500; line-height:140%; padding-left:60px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { position:relative; width:100%; padding-left:60px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:20px 0 60px 0; font-size:17px; color:#6e6e6e; line-height:180%; }

.qnawrap .question_notice { border-bottom:1px solid #e0e0e0; background:#e8f0f6; }
.qnawrap .answer_notice { display:block; }
.qnawrap .imgs { transform: rotate(180deg); }


.sub03_01 { position:relative; width:100%; height:500px; margin-top:50px; overflow:hidden; background:url('/images/03_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_01 ul { position:absolute; top:10%; left:50%; transform:translate(-50%,0%); width:90%; }
.sub03_01 ul li:nth-child(1) { font-size:22px; }
.sub03_01 ul li:nth-child(2) { margin-top:10px; font-size:13px; }
.sub03_01 ul li:nth-child(1) div { font-size:26px; }




#main03 { position:relative; width:100%; padding:15% 0; }
#main03 .maintxt { position:relative; width:90%; margin:0 auto; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#main03 .maintxt li.t1 { font-size:22px; }
#main03 .maintxt li.t1 span { font-weight:600; }
#main03 .maintxt li.t2 { margin-top:10px; font-size:14px; }
#main03 .maintxt li.t2 br { display:none; }

#main03 .synergy-slide { width:100%; }
#main03 .synergy-slide .swiper-slide .imgs { border-radius:20px; }
#main03 .synergy-slide .swiper-slide .txt { position:absolute; top:14px; left:0px; width:100%; text-align:center; z-index:10; }
#main03 .synergy-slide .swiper-slide .txt li.t1 { font-size:22px; font-weight:700; color:#ffffff; }
#main03 .synergy-slide .swiper-slide .txt li.t2 { position:relative; width:90%; margin:0 auto; margin-top:10px; display:flex; flex-wrap:wrap; justify-content: center; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div { width:48%; height:24px; line-height:24px; margin-right:4%; margin-bottom:2%; background:#ffffff; border-radius:50px; font-size:11px; font-weight:700; color:#111111; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div:nth-child(3n) { margin-right:4%; }
#main03 .synergy-slide .swiper-slide .txt li.t2 div:nth-child(2n) { margin-right:0px; }


#main04 { height:auto; padding:20% 0;}
#main04 .main04 { position:relative; left:0; top:0; transform:translateX(0%); width:100%; height:auto; display:block; }
#main04 .main04 div { position:relative; width:100%; height:auto; } 
#main04 .main04 div ul { position:relative; top:0%; left:0%; transform:translate(0%,0%); width:90%; height:auto; margin:0 auto; padding-left:0px; }
#main04 .main04 div ul li:nth-child(1) { font-size:20px; }
#main04 .main04 div ul li:nth-child(2) { margin-top:16px; font-size:20px; }
#main04 .main04 div ul li:nth-child(2) span { font-size:40px; }
#main04 .main04 div ul li:nth-child(3) { margin-top:16px; font-size:14px; }
#main04 .main04 div ul li:nth-child(3) br { display:none; }
#main04 .main04 div.num01 { border-right:0px; margin-bottom:10%; }
#main04 .main04 div.num02 { border-right:0px; margin-bottom:10%; }
#main04 .main04 div.num01 ul { padding-top:110px; background:url('/images/common/main04icon1.png')no-repeat 0 0; }
#main04 .main04 div.num02 ul { padding-top:90px; background:url('/images/common/main04icon3.png')no-repeat 0 0; }
#main04 .main04 div.num03 ul { padding-top:100px; background:url('/images/common/main04icon2.png')no-repeat 0 0; }



#main077 { height:auto; padding:15% 0; }
#main077 .main077 { margin-left:0%; padding-top:0px; margin:0 auto; }
#main077 .main077 .maintxt { float:none; position:relative; width:100%; padding:2% 0%; }
#main077 .main077 .maintxt li:nth-child(1) { font-family: 'Noto Serif KR'; font-size:26px;  }
#main077 .main077 .maintxt li:nth-child(2) { margin-top:10px; font-size:22px; }
#main077 .main077 .maintxt li:nth-child(3) { margin-top:10px; font-size:14px; }

#main077 .main077 .mainreview { float:none; width:100%; padding:5% 5%; box-sizing:border-box; }
#main077 .main077 .mainreview div.swiper-slide {  height:auto; border-radius:12px; box-shadow: 2px 2px 25px rgba(211,162,114, 20%); }
#main077 .main077 .mainreview ul li:nth-child(1) { 
height:50px; font-size:16px; line-height:50px; padding-left:62px; 
background:url(/images/common/main077icon.jpg)no-repeat 0 50%; background-size:50px;
}

#main077 .main077 .mainreview ul li:nth-child(2) { margin-top:18px; font-size:18px; }
#main077 .main077 .mainreview ul li:nth-child(3) { margin-top:12px; font-size:22px; }
#main077 .main077 .mainreview ul li:nth-child(4) { margin-top:14px; font-size:14px; }

#main077 .main077_2 { position:relative; width:90%; margin:0 auto; padding-top:20px; overflow:hidden; }
#main077 .main077_2 .maintxt2 { float:right; position:relative; width:31%; }
#main077 .main077_2 .maintxt2 li:nth-child(1) { font-family: 'Noto Serif KR'; font-size:66px; font-weight:700; color:#d4aa81; line-height:100%; }
#main077 .main077_2 .maintxt2 li:nth-child(2) { margin-top:30px; font-size:29px; font-weight:400; color:#646464; line-height:150%; }
#main077 .main077_2 .maintxt2 li:nth-child(3) { margin-top:60px; font-size:19px; font-weight:400; color:#646464; line-height:160%;  }
#main077 .main077_2 .mainreview2 { float:left; position:relative; width:65%; display:flex; flex-wrap:nowrap; justify-content:space-between; overflow:hidden; }
#main077 .main077_2 .mainreview2 div { position:relative; width:30%; overflow:hidden; border-bottom-right-radius:50px; }
#main077 .main077_2 .mainreview2 div img { width:100%; }


.noticevisual ul { padding:15% 0;}
.noticevisual ul li:nth-child(1) { font-size:22px; }
.noticevisual ul li:nth-child(2) { margin-top:10px; font-size:26px; }
.noticevisual ul li:nth-child(3) { width:90%; margin-top:20px; font-size:14px; }
#mainnotice { position:relative; width:90%; padding-top:30px; }
#mainnotice .mainnoticetab { width:100%; flex-wrap: wrap; }
#mainnotice .mainnoticetab a { cursor:pointer; width:49%; height:40px; line-height:40px; font-size:14px; margin-right:2%; margin-bottom:2%; }
#mainnotice .mainnoticetab a:nth-child(2n) { margin-right:0px; }
.mainnoticebt { width:160px; height:40px; line-height:40px; font-size:14px;}

#mainnotice ul.boxwrap { position:relative; width:48%; margin-right:4%; margin-bottom:8%; overflow:hidden; }
#mainnotice ul.boxwrap:nth-child(2n) { margin-right:0px; }
#mainnotice ul.boxwrap li.title1 {margin-top:16px; font-size:22px; }
#mainnotice ul.boxwrap li.title2 { margin-top:5px; font-size:15px; }



#main10 { padding:15% 0;}
#main10 .main10 .maintxt { width:90%; margin:0 auto; }
#main10 .main10 .maintxt .t1 { font-family: 'NotoSerifKR'; font-size:36px; color:#ededed; font-weight:900; line-height:100%; letter-spacing:1px; }
#main10 .main10 .maintxt .t1 br { display:none; }
#main10 .main10 .maintxt .t2 { margin-top:14px; font-size:30px; line-height:120%; }
#main10 .main10 .maintxt .t3 { margin-top:10px; font-size:16px; color:#515050; font-weight:500; line-height:140%; }

#main10 .main10 .main10swiper { width:90%; margin:0 auto; margin-right:auto; padding-bottom:5%; }
#main10 .main10 ul.slide li.img { width:100%; float:none; box-sizing:border-box; }
#main10 .main10 ul.slide li.text { width:100%; float:none; padding-left:0%; padding-top:10%;}
#main10 .main10 ul.slide li.text .t1 { width:fit-content; padding:0 25px; height:40px; font-size:16px; font-weight:700;  line-height:40px; text-align:center; border-radius:40px; border:2px solid #444;}
#main10 .main10 ul.slide li.text .t2 { font-size:17px; color:#515050; font-weight:500; line-height:140%; box-sizing:border-box; padding: 3% 0 0 0;}

#main10 .swiper-pagination { width:100%; margin-top:40px; text-align:left;}
#main10 .main10swiper .swiper10btn { display:none; }



#main06 { padding:15% 0; }
#main06 .maintxt li.t1 { font-size:14px; }
#main06 .maintxt li.t2 { margin-top:14px; font-size:22px; }
#main06 .maintxt li.t2 br { display:none; }
#main06 .intebt { width:100%; margin-top:30px; }
#main06 .intebt .swiper-slide { font-size:13px; }
#main06 .inteslide { margin-top:30px; }
#main06 .inteslide .swiper-slide .imgs { margin-top:10px;  }
#main06 .inteslide .swiper-slide .txt { right:80px; width:120px; height:36px; line-height:36px; font-size:14px; }
#main06 .inteslide .swiper-slide.swiper-slide-active .txt { opacity:1; }
#main06 #inteslidebt2 { width:100%; }
#main06 #inteslidebt2 li { width:40px; cursor:pointer; }



#main07 { position:relative; width:100%; height:600px; background:#ffffff; overflow:hidden; }
#main07 .main07bt2 { display:none; }

#main07 #v1 .bg { background:#bbd3dd url('/images/common/main07bg11.jpg')no-repeat 50% bottom; background-size:cover; }
#main07 #v2 .bg { background:url('/images/common/main07bg22.jpg')no-repeat 50% bottom; background-size:cover; }
#main07 #v3 .bg { background:url('/images/common/main07bg33.jpg')no-repeat 50% bottom; background-size:cover; }
#main07 #v4 .bg { background:url('/images/common/main07bg44.jpg')no-repeat 50% 50%; background-size:cover; }
#main07 #v5 .bg { background:#3bd0bd url('/images/common/main07bg55.jpg')no-repeat 50% bottom; background-size:cover; }

#main07 .maintxt { top:5%; left:50%; transform:translate(-50%,0%); width:90%; }
#main07 .maintxt li.t11 { font-size:16px; font-weight:500; margin-bottom:4px; }
#main07 .maintxt li.t1 { font-size:19px;  }
#main07 .maintxt li.t2 { margin-top:10px; font-size:14px; }
#main07 .maintxt li.t2 br { display:none; }
#main07 .maintxt li.t3 { margin-top:10px; font-size:16px; }



.main07bt { display:none; }
.main07-pagination { display:block; position:absolute; bottom:50px !important; left:0px !important; width:100% !important; z-index:2; display:flex; justify-content: center }
.main07-pagination span { display:block; width:15px; height:15px; border-radius:100%; background:#ffffff; }



#main022 { padding:20% 0 10% 0; }
#main022 .maintcenter { display:block; }
#main022 .maintcenter .txt li:nth-child(1) { font-size:26px; }
#main022 .maintcenter .txt li:nth-child(2) { margin-top:14px; font-size:14px; }

#main022 .maintcenter .main22slide { position:relative; width:100%; margin:0 auto; margin-top:14px; overflow:hidden; }
#main022 .maintcenter .main22slide .swiper-slide { height:auto; }
#main022 .swiper-wrapper { height:auto; }


.main02-pagination { position:relative; bottom:auto !important; top:auto !important; left:auto !important; right:auto !important; width:100% !important; margin-top:14px; height:30px; z-index:2; display:flex; justify-content: center }
.main02-pagination span { display:block; width:15px; height:15px; border-radius:100%; background:#ffffff; }



footer { position:relative; width:100%; background:#282828; padding-bottom:150px; overflow:hidden; }
footer .foottxt {  padding-top:15%; font-size:19px; letter-spacing:0px; }

footer .footcon01 { width:90%; margin:0 auto; margin-top:30px; display:block; }
footer .footcon01 .footmap { width:100%; height:auto; padding-right:0%; border-right:0px solid #414141; }
footer .footcon01 .foottime { width:100%; margin-top:15%; height:auto; padding-left:0%; }

footer .footcon01 .footmap .txt { position:relative; margin-bottom:5px; font-size:13px; padding-left:56px; line-height:130%; box-sizing:border-box; }
footer .footcon01 .footmap .txt span { display:block; position:absolute; top:0px; left:0px; }

footer .footcon01 .footmap .txt2 { font-size:13px; font-weight:400; color:#c7d9e5;  line-height:20px; }
footer .footcon01 .footmap .txt2 span { width:80px; height:20px; margin-right:6px; font-size:12px; }
footer .footcon01 .footmap .txt2 div:nth-child(2) { padding-left:90px; }
footer .footcon01 .footmap .txt3 { width:100%; height:20px; font-size:13px; font-weight:400; color:#c7d9e5; line-height:20px; }
footer .footcon01 .footmap .txt3 span { width:80px; height:20px; margin-right:6px; font-size:12px; background:#3CB44A; }
footer .footcon01 .footmap .txt3 div:nth-child(2) { padding-left:86px; }
footer .footcon01 .footmap .mainmap { height:180px; margin-top:20px; border-radius:14px; }


footer .footcon01 .foottime .titletxt { margin-bottom:10px; font-size:24px; }
footer .footcon01 .foottime .phonetxt { width:100%; display:flex; }
footer .footcon01 .foottime .phonetxt .title { width:76px; height:25px; line-height:25px; font-size:15px; }
footer .footcon01 .foottime .phonetxt .phone { width:220px; height:25px; line-height:25px; font-size:24px; }

footer .footcon01 .foottime .timetxt { width:100%; margin-top:20px; display:flex; }
footer .footcon01 .foottime .timetxt .title { width:76px; height:22px; line-height:22px; font-size:15px; }
footer .footcon01 .foottime .timetxt .time { width:250px; }
footer .footcon01 .foottime .timetxt .time div { width:100%; height:22px; line-height:22px;  margin-bottom:4px; display:flex; }
footer .footcon01 .foottime .timetxt .time div span.t1 { width:50px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t2 { width:24px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t3 { width:32px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t4 { width:12px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t5 { width:24px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t6 { width:32px; font-size:13px; }
footer .footcon01 .foottime .timetxt .time div span.t7 { width:62px; padding-left:4px; font-size:13px; }

footer .footcon01 .foottime .vtxt { font-size:13px;}
footer .footcon01 .foottime .vtxt2 { font-size:13px; }

footer .footcon01 .foottime .snstxt { margin-top:20px; }
footer .footcon01 .foottime .snstxt .title { width:76px; }
footer .footcon01 .foottime .snstxt .snsbox { width:220px; display:flex; }
footer .footcon01 .foottime .snstxt .snsbox a { display:block; width:40px; margin-right:10px; }


footer .footcon02 { height:auto; padding:7% 5%; box-sizing:border-box;margin-top:30px; }
footer .footcon02 div:nth-child(1) { position:relative; top:0%; left:0px; transform:translateY(-0%); font-size:13px; }
footer .footcon02 div:nth-child(1) span { font-size:10px; padding:0 10px; }
footer .footcon02 div:nth-child(2) { display:none; }




#allmenuwrap { display:block; position:fixed; right:-100%; top:0px; width:100%; height:100%; z-index:150; overflow-x:hidden; overflow-y:scroll; background-color:#fff; }
.allmenu_top { width:100%; height:60px; line-height:60px; background:#eb5f05; opacity:1; }
.allmenu_top ul { position:relative; width:100%; height:100%; overflow:hidden;}
.allmenu_top ul li { float:left; color:#fff; }
.allmenu_top ul li a { font-size:14px; font-weight:700; color:#fff; }
.allmenu_top ul li span { font-size:10px; font-weight:100; padding:0 8px; }
.allmenu_top ul li.allmenu_point a {color:#ffec19;}
.allmenu_top ul li.allmenu_close { position:absolute; top:50%; right:20px; transform:translateY(-50%); width:16px; height:19px; line-height:100%; }
.allmenu_top ul li.allmenu_close img { width:100%; }

.allmenu_list { position:relative; height:100%; }
.allmenu_list .allmenu_01dep_wrap li.dep01 a { position:relative; display:block; width:90%; height:40px; line-height:40px; padding:0 5%;  font-size:14px; color:#000; font-weight:700; border-bottom:1px solid #999; background:#fff; z-index:0; }
.allmenu_list .allmenu_01dep_wrap li.dep01_on a { background:#c28558; color:#fff; }
.allmenu_02dep_wrap {position:absolute; top:0; right:-50%; width:50%; overflow:hidden; height:auto; min-height:100%;background:#fff;}
.allmenu_list .allmenu_02dep_wrap li.dep02 a { position:relative; display:block; width:90%; height:40px; line-height:40px; padding:0 5%;  font-size:13px; color:#000; font-weight:500; border-bottom:1px solid #999; background:#f5f5f5; z-index:1; }
.allmenu_list .allmenu_02dep_wrap li.dep02_on a { background:#07212d; color:#fff; }
.allmenu_02dep_more {float:right;width:2%; padding-right:5%;}
.allmenu_03dep_wrap {width:100%; background:#f2f2f2; color:#fff; }
.allmenu_list .allmenu_03dep_wrap li.dep03 > a {padding:10px 7%; width:86%; display:inline-block; font-size:14px;color:#fff;}






.drview p.close { top:10px; right:10px; font-size:30px; width:40px; height:40px; line-height:40px;}

.drview_visual { display:block; position:relative; width:100%; padding:5% 5%; box-sizing:border-box; overflow:hidden; }
.drview_visual div.drviewimg { display:none; }
.drview_visual div.drviewimg2 { display:block; position:relative; width:100%; }
.drview_visual div.dvul { width:100%; padding-right:0%; margin-top:5%; }

.drview_visual ul li.txt1 { font-size:24px; line-height:140%; margin-bottom:26px; }
.drview_visual ul li.txt2 { height:auto;  line-height:150%; padding-top:10px; font-size:16px; padding-left:44px; background:url('/images/common/txticon01.png')no-repeat 0 0; background-size:34px; }
#subDrView1 .drview_visual ul li.txt2 { width:250px; }
.drview_visual ul li.txt3 { width:100%; margin-top:20px; font-size:26px; }
.drview_visual ul li.txt3 span { font-size:16px; font-weight:700; }
.drview_visual ul li.txt4 { width:100%; display:flex; }
.drview_visual ul li.txt4 .drstory1 { position:relative; width:100%; padding-right:0%; box-sizing:border-box; }

.drview_visual ul li.txt4 .drstory1 .t1 { margin-bottom:14px; font-size:22px; }
.drview_visual ul li.txt4 .drstory1 .t2 { font-size:16px;  }
.drview_visual ul li.txt4 .drstory2 .t1 { margin-bottom:14px; font-size:22px; }
.drview_visual ul li.txt4 .drstory2 .t2 { font-size:16px; }












}











#subwrap { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:100px 0; margin-bottom:100px; }

.tap { position:relative; width:100%; overflow:hidden; text-align:center; margin-bottom:40px; display:flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
.tap li { position:relative; width:12%; height:50px; margin-right:1.6%; border-radius:50px; overflow:hidden; }
.tap li a { display:block; position:relative; width:100%; height:50px; line-height:50px; font-size:15px; font-weight:600; color:#ffffff; text-align:center; background:#111111; border-radius:50px; }
.tap li a:hover { color:#fff; background:#273f8e; }
.tap li.on a { color:#fff; background:#273f8e; }

#medialistwrapGall6 { position:relative; width:100%; margin:60px auto 0px auto; overflow:hidden; display:flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
#medialistwrapGall6 ul.boxwrap { position:relative; width:22%; margin-right:4%; margin-bottom:4%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap:nth-child(4n) { margin-right:0px; }
#medialistwrapGall6 ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap li.thumbnail img { display:block; width:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:15px; font-weight:500; color:#ffffff; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:12px; font-weight:700; color:#ffffff; line-height:130%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#c8c8c8; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.title1 { position:relative; width:100%; margin-top:16px; font-size:22px; font-weight:600; color:#000000; text-align:center; }
#medialistwrapGall6 ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%;  }


/* 페이징 */
#pageingWrap { width:100%; margin:auto; padding:40px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; width:44px; height:44px; text-align:center; font-family:'Pretendard'; font-size:18px; font-weight:700; color:#666666; line-height:44px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:8px; }
#pageingWrap ul li.btn_next { margin-left:8px; }




/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:80px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:130px; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:37px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%:  }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: }

.viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; }
.viewTable td.filetd div { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.filetd ul { float:left; position:relative; width:1000px; height:20px; line-height:20px; overflow:hidden; }
.viewTable td.filetd ul img {  }
.viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:100px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; }
.viewTable td.contents img { display:inline-block; }
.viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; }
.viewTable td.re_contents div.rptitle { width:150px; padding:18px 0;  background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; }

.viewTable td.prev { width:100%; height:100px; padding:0px 45px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:16px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.prev div:nth-child(2) { float:left; position:relative; width:1000px; height:20px; line-height:20px; font-family:'Pretendard'; font-size:16px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:100px; padding:0px 45px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:16px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.next div:nth-child(2) { float:left; position:relative; width:1000px; height:20px; line-height:20px; font-family:'Pretendard'; font-size:16px; color:#5a5a5a; font-weight:600; overflow:hidden; }






#paytabwrap { position:relative; width:100%; padding:180px 0 0px 0; background:#f3f5f8; }
#paytabwrap2 { position:relative; width:100%; padding:40px 0 100px 0; background:#f3f5f8; }

.paytitle { position:relative; width:100%; font-size:42px; font-weight:700; color:#261f20; text-align:center; }

.paytable { position:relative; width:100%; max-width:1480px; margin:0 auto; border-top:3px solid #000000; background:#ffffff; border-bottom:1px solid #979797; }
.paytable tr th { height:60px; padding:0 0px; box-sizing:border-box; font-size:18px; font-weight:500; color:#111111; letter-spacing:-1px; background:#fcfcfc; border-bottom:1px solid #e0e1e1; border-right:1px solid #e0e1e1; text-align:center; }
.paytable tr td { padding:18px 0px; box-sizing:border-box; font-size:16px; font-weight:400; color:#2c2c2c; line-height:140%; border-right:1px solid #e0e1e1; border-bottom:1px solid #e0e1e1; text-align:center; }
.paytable tr td:last-child,.paytable tr th:last-child { border-right:0px; }
.paytable tr td:nth-child(1) { color:#0a96c4; font-size:18px; font-weight:500; background:#f0f8f9; border-bottom:1px solid #dce4e5; }










.subvisual { position:relative; width:100%; height:96vh; overflow:hidden; background:#ffffff; }
.subvisual .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
.subvisual .subtxt h1.t1 { font-size:42px; font-weight:700; color:#ffffff; line-height:130%; }
.subvisual .subtxt li.t2 { margin-top:32px; font-size:20px; font-weight:400; color:#ffffff; line-height:150%; }

.subvisual .subtxt h1.t1 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.0s; }
.subvisual .subtxt li.t2 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.4s; }

.subvisual .introbt { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); width:102px; height:102px; z-index:1; }
.subvisual .introbt span { display:block; position:absolute; top:0; left:0; width:102px; height:102px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; }


.subvisual .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; animation: sectionbg 14s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; }
.sub0101 .bg {  background:#333333; background-size:cover; background-attachment:fixed; }
.sub0201 .bg {  background:#333333; background-size:cover; background-attachment:fixed; }
.sub0301 .bg {  background:url(/page_KR0/03_sub/images/0301.jpg)no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }
.sub0401 .bg {  background:url(/page_KR0/04_sub/images/0401.jpg)no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }
.sub0501 .bg {  background:url(/page_KR0/05_sub/images/0501.jpg)no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }
.sub0601 .bg {  background:url(/page_KR0/06_sub/images/0601.jpg)no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }
.subvisual.sub0701 { height:700px; }
.sub0701 .bg {  background:url(/page_KR0/07_sub/images/0701.jpg)no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }

.sub10 .bg {  background:url(/page_KR0/10_sub/images/10.jpg)no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }


@keyframes subtxt2_1 {
  0% { width:0px; }
  100% { width:892px; }
}

@keyframes subtxtopa {
  0% { opacity:0; filter: blur(4px); clip-path:inset(100%); }
  100% { opacity:1; filter: blur(0px); clip-path:inset(0%); }
}
@keyframes subtxtup {
  0% { transform:translateY(80px); opacity:0; filter: blur(4px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes subtxtup2 {
  0% { transform:translateY(-80px); opacity:0; filter: blur(4px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes sectionbg {
	0% { transform: scale(1.07) translateY(0); transform-origin: 50% 50%; }
	100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}




.sub10_01 { position:relative; width:100%; padding-top:40px; overflow:hidden; }
.sub10_01 .subboxcon { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-bottom:60px; padding-top:60px; border-bottom:1px solid #dddddd; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.sub10_01 .subboxcon:last-child {  padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #dddddd; }
.sub10_01 .subboxcon .imgs { position:relative; width:45%; transform:translateX(-100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub10_01 .subboxcon .boxtxt { position:relative; width:50%; transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub10_01 .subboxcon .boxtxt .t1 { position:relative; width:100%; height:42px; margin-bottom:30px; line-height:42px; font-size:30px; font-weight:500; color:#ff6400; }
.sub10_01 .subboxcon .boxtxt .t1 span  { display:block; position:absolute; top:0px; left:16px; width:42px; height:42px; border-radius:100%; background:#e5e5e5; }
.sub10_01 .subboxcon .boxtxt .t1 div { position:relative; }
.sub10_01 .subboxcon .boxtxt .t2 { width:100%; font-size:26px; font-weight:500; color:#282828; line-height:100%; }
.sub10_01 .subboxcon .boxtxt .t3 { width:100%; margin-top:10px; font-size:42px; font-weight:700; color:#f15b00; line-height:100%; }
.sub10_01 .subboxcon .boxtxt .t4 { width:100%; margin-top:50px;  font-size:20px; font-weight:400; color:#7a7a7a; line-height:160%; }
.sub10_01 .subboxcon .boxtxt .t4 span { font-weight:700; color:#111111; }

.sub10_01 .subboxcon.active .boxtxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub10_01 .subboxcon.active .imgs { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }



.sub01_01 { position:relative; width:100%; margin-top:100px; overflow:hidden; }
.sub01_01 .subtxt1 { position:relative; width:100%; margin-bottom:50px; padding-top:50px; text-align:center; }
.sub01_01 .subtxt1 .txt1 { font-size:44px; font-weight:700; color:#111111; }
.sub01_01 .subtxt1 .txt2 { width:100%; margin-top:20px; font-size:20px; font-weight:400; color:#888888; line-height:150%; }

.sub01_01 .subboxcon { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #dddddd; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.sub01_01 .subboxcon:last-child {  padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #dddddd; }
.sub01_01 .subboxcon.subboxconlast {  padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #dddddd; }
.sub01_01 .subboxcon .boxtxt { position:relative; width:50%; transform:translateX(-100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_01 .subboxcon .boxtxt .t1 { width:100%; height:42px; margin-bottom:30px; line-height:42px; font-size:30px; font-weight:500; color:#00a0e1; display:flex; }
.sub01_01 .subboxcon .boxtxt .t1 span  { display:block; width:42px; height:42px; margin-right:10px; border-radius:100%; border:1px solid #00a0e1; font-size:22px; font-weight:700; color:#00a0e1; text-align:center; line-height:40px; box-sizing:border-box; }
.sub01_01 .subboxcon .boxtxt .t2 { width:100%; font-size:26px; font-weight:500; color:#282828; line-height:140%; }
.sub01_01 .subboxcon .boxtxt .t22 { width:100%; margin-top:4px; font-size:34px; font-weight:700; color:#111111; line-height:130%; }
.sub01_01 .subboxcon .boxtxt .t22 span { font-weight:700; color:#273f8e; }
.sub01_01 .subboxcon .boxtxt .t3 { width:100%; margin-top:20px; font-size:18px; font-weight:400; color:#525252; line-height:150%; }
.sub01_01 .subboxcon .boxtxt .t3 span { font-size:22px; font-weight:600; color:#111111; }
.sub01_01 .subboxcon .boxtxt .t4 { width:100%; margin-top:50px; }
.sub01_01 .subboxcon .boxtxt .t4 div { font-size:26px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt .t4 ul { width:100%; margin-top:18px; }
.sub01_01 .subboxcon .boxtxt .t4 ul li {
    width: 100%;
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 400;
	line-height:140%;
    color: #656565;
    padding-left: 34px;
    background: url('/page_KR0/01_sub/images/restxtconicon.png')no-repeat 0 2px;
    box-sizing: border-box;
}
.sub01_01 .subboxcon .imgs { transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; position:relative; width:45%; }

.sub01_01 .subboxcon .boxtxt2 { position:relative; width:100%; text-align:center; margin-top:80px; }
.sub01_01 .subboxcon .boxtxt2 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt2 .txt2 { width:400px; margin:0 auto; margin-top:20px; }
.sub01_01 .subboxcon .boxtxt2 .txt3 { margin-top:20px; font-size:20px; font-weight:400; color:#888888; line-height:150%; }

.sub01_01 .subboxcon .boxtxt3 { position:relative; width:100%; text-align:center; margin-top:80px; }
.sub01_01 .subboxcon .boxtxt3 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt3 .txt2 { width:100%; margin-top:30px; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul { width:48%; margin-bottom:4%; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(1) { width:100%; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { width:100%; height:60px; line-height:60px; text-align:center; font-size:26px; font-weight:700; color:#ffffff; background:#092f4f; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:20px; font-size:18px; font-weight:400; color:#888888; line-height:160%; }

.sub01_01 .subboxcon .boxtxt4 { position:relative; width:100%; text-align:center; margin-top:80px; }
.sub01_01 .subboxcon .boxtxt4 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt4 .txt2 { width:100%; margin-top:50px; display:flex; justify-content:center; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul { width:280px; height:280px; margin:0 20px; border-radius:100%; background:#00a0e1; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(1) { width:100%; padding-top:86px; font-size:26px; font-weight:700; color:#ffffff; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(2) { width:100%; margin-top:14px; font-size:18px; font-weight:400; line-height:150%; color:#ffffff; }

.sub01_01 .subboxcon .boxtxt4 { position:relative; width:100%; text-align:center; }
.sub01_01 .subboxcon .boxtxt4 .txt11 { font-size:44px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt4 .txt22 { width:100%; margin-top:20px; font-size:20px; font-weight:400; color:#888888; line-height:150%; }
.sub01_01 .subboxcon .boxtxt4 .txt22 span { font-weight:700; color:#092f4f; line-height:150%; }
.sub01_01 .subboxcon .boxtxt4 .txt111 { margin-top:50px; font-size:34px; font-weight:700; color:#111111; }

.sub01_01 .subboxcon .boxtxt4 .txt3 { width:100%; margin-top:30px; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul { width:48%; margin-bottom:4%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(1) { width:100%; height:70px; line-height:70px; text-align:center; font-size:26px; font-weight:700; color:#111111; background:#dedede; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(2) { width:100%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:24px; font-size:26px; font-weight:700; color:#111111; line-height:160%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(4) { width:90%; margin:0 auto; margin-top:10px; font-size:18px; font-weight:400; color:#888888; line-height:160%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul:nth-child(2) li:nth-child(1) { color:#ffffff; background:#092f4f; }

.sub01_01 .subboxcon .boxtxt5 { position:relative; width:100%; text-align:center; }
.sub01_01 .subboxcon .boxtxt5 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt5 .txt3 { width:100%; text-align:center; margin-top:20px; font-size:20px; font-weight:400; color:#75716e; line-height:150%; }
.sub01_01 .subboxcon .boxtxt5 .txt2 { width:100%; max-width:1280px; margin:0 auto; margin-top:50px; display:flex; justify-content: space-between; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul { width:24%; padding:40px 0; border:1px solid #111111;  box-sizing:border-box; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(1) { width:100%; font-size:22px; font-weight:600; color:#092f4f; line-height:140%; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(2) { width:100%; margin-top:14px; font-size:18px; font-weight:400; line-height:150%; color:#111111; }

.sub01_01 .subboxcon .boxtxt6 { position:relative; width:100%; }
.sub01_01 .subboxcon .boxtxt6 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt6 .txt2 { position:relative; width:100%; margin:0 auto; margin-top:50px; overflow:hidden; display:flex; justify-content: space-between; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .imgs { position:relative; width:50%; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .txt { position:relative; width:45%; font-size:26px; font-weight:400; color:#111111; line-height:150%; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .txt span { font-weight:600; color:#092f4f; }

.sub01_01 .subboxcon .boxtxt7 { position:relative; width:100%; text-align:center; margin-top:100px; }
.sub01_01 .subboxcon .boxtxt7 .txt1 { font-size:36px; font-weight:700; color:#111111; line-height:140%; }
.sub01_01 .subboxcon .boxtxt7 .txt2 { width:100%; margin-top:50px; display:flex; justify-content:center; }
.sub01_01 .subboxcon .boxtxt7 .txt2 ul { width:240px; height:240px; margin:0 20px; border-radius:100%; background:#092f4f; }
.sub01_01 .subboxcon .boxtxt7 .txt2 ul li:nth-child(1) { width:100%; padding-top:86px; font-size:22px; font-weight:500; line-height:150%; color:#ffffff; }

.sub01_01 .subboxcon2 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #dddddd; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.sub01_01 .subboxcon .boxtxt.active { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

.sub01_01 .subboxcon.active .boxtxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_01 .subboxcon.active .imgs { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


.subtab1 { position:relative; width:100%; max-width:1280px; margin:0 auto; margin-top:60px; overflow:hidden; }
.subtab1 ul { display:flex; justify-content: center; }
.subtab1 ul li { position:relative; cursor:pointer; width:320px; height:60px; line-height:60px; margin:0 5px; text-align:center; font-size:21px; font-weight:500; color:#0a0a0a; background:#edf1f3; border-radius:8px; box-sizing:border-box; }
.subtab1 ul li.active,.subtab1 ul li:hover { background:#092f4f; color:#ffffff; }

.subbox { display:none; position:relative; width:100%; margin:0 auto; }
.subbox.active { display:block; }


.tab_cont { position:relative; width:100%; }
.tab_cont .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:80px; background: url(/images/sub/main6tab4bg1.jpg) 50% 50% no-repeat; background-size: cover;}
.tab_cont .tab1_2 ul {position:relative; width:70%; margin:0 auto; display: flex; gap: 40px; padding:8% 0; }
.tab_cont .tab1_2 ul li { width: calc(100% / 4);  text-align:center; font-size:18px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:17% 2% 3% 2%; }
.tab_cont .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon2.png) 50% 45% no-repeat;}
.tab_cont .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon3.png) 50% 45% no-repeat;}
.tab_cont .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon1.png) 50% 45% no-repeat;}
.tab_cont .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon3.png) 50% 45% no-repeat;}
.tab_cont .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon2.png) 50% 45% no-repeat;}


.tab_cont .tab1_3 {position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:80px;}
.tab_cont .tab1_3 p.t1 { font-size:44px; font-weight:700; color:#000000; }
.tab_cont .tab1_3 p.t1 span {color:#2e331d; }
.tab_cont .tab1_3 ul { position:relative; width:100%; margin-top:40px; display:flex; flex-wrap: wrap; }
.tab_cont .tab1_3 ul li { width:48%; margin-right:4%; margin-bottom:6%; box-sizing:border-box;}
.tab_cont .tab1_3 ul li:nth-child(2n) { margin-right:0px; }
.tab_cont .tab1_3 ul li .img img {width:100%;}
.tab_cont .tab1_3 ul li p { 
position:relative; width:100%; padding:10% 5%; background:#f5f3ee; flex-wrap: wrap; 
box-sizing:border-box; font-size:18px; font-weight:500; line-height:160%; color:#616161;
text-align:center;
}
.tab_cont .tab1_3 ul li p span { display:block; font-size:30px; color:#273f8e; font-weight:700; margin-bottom:10px;}

.sub030104 { position:relative; width:100%; height:3962px; margin-top:100px; background: url(/page_KR0/03_sub/images/030104.jpg) no-repeat 50% 50%; }
.sub030104m { display:none; width:100%; }


.tab_cont .tab2_3 { position:relative; width:90%; max-width:1280px; margin:0 auto; height:auto; overflow: hidden;}
.tab_cont .tab2_3 p.t1 {  color:#111111; text-align:center; margin-top:10%; font-size:44px; font-weight:700; letter-spacing:-1px;}
.tab_cont .tab2_3 p.t1 span { color:#273f8e; }
.tab_cont .tab2_3 ul {position:relative; overflow:hidden; padding:3% 0;}
.tab_cont .tab2_3 ul li {position:relative; width:31%; float:left; margin-right:3.5%; margin-bottom:2.5%; overflow:hidden;}
.tab_cont .tab2_3 ul li:nth-child(3n) {margin-right:0%}
.tab_cont .tab2_3 ul li .img {position:relative; width:100%; border-radius:10px; overflow:hidden;}
.tab_cont .tab2_3 ul li .img img {width:100%;}
.tab_cont .tab2_3 ul li .t1 {position:absolute; top:20px; left:20px; width:35px; height:35px; line-height:35px; background:rgba(256,256,256,0.3); backdrop-filter: blur(20px); z-index:10; font-size:17px; font-weight:700; text-align:center; color:#163949; }
.tab_cont .tab2_3 ul li .t2 { margin-top:5%; font-size:24px; font-weight:700; color:#273f8e;}
.tab_cont .tab2_3 ul li .t3 { width:100%; font-size:18px; font-weight:300; line-height:140%; margin-top:2.5%;}

.tab_cont2 { position:relative; width:100%; padding:140px 0; background:#f9fafa; }

.tit2 { position:relative; width:100%; text-align:center; overflow:hidden; }
.tit2 .t1 { font-size:44px; color:#000000; line-height:130%; font-weight:700; }
.tit2 .t2 { margin-top:20px; font-size:19px; color:#000000; line-height:160%; font-weight:400; opacity:50%; }



.sub0401_01 { position:relative; width:100%; padding:12% 0; margin:0 auto; overflow:hidden; background: url(/page_KR0/04_sub/images/0401_01.jpg) no-repeat 50% 50%; background-size: cover; }
.sub0401_01 .subtxt { position:relative; width:100%; text-align:center; overflow:hidden; }
.sub0401_01 .subtxt .t1 { font-size:40px; color:#ffffff; line-height:130%; font-weight:700; }
.sub0401_01 .subtxt .t2 { margin-top:14px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
.sub0401_01 .icon0401 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0401_01 .icon0401 ul { position:relative; width:15%; text-align:center; }
.sub0401_01 .icon0401 ul li:nth-child(1) { width:160px; border-radius:100%; overflow:hidden;  margin:0 auto; box-shadow: 3px 3px 5px rgba(0, 0, 0, 30%); }
.sub0401_01 .icon0401 ul li:nth-child(2) { margin-top:30px; font-size:24px; color:#ffffff; font-weight:700; }

.modaltitle { width:100%; margin-top:80px; text-align:center; font-size:44px; color:#010101; font-weight:700; line-height:100%; letter-spacing:-1px; }
.modaltitle span { display:block; font-size:26px; color:#616161; font-weight:500; }

#notice_content { width:100%; max-width:1280px; margin:0 auto; margin-top:50px; border-top:1px solid #245e67; overflow:hidden; }
.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:76px; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  
	position:absolute; top:50%; left:20px; transform:translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; 
	font-size:22px; font-weight:700; color:#ffffff; background:#112462; border-radius:100%; 
}
.qnawrap .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:24px; font-weight:500; padding-left:90px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { position:relative; width:100%; padding-left:90px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:20px 0 60px 0; font-size:17px; color:#6e6e6e; line-height:180%; }

.qnawrap .question_notice { border-bottom:1px solid #e0e0e0; background:#e8f0f6; }
.qnawrap .answer_notice { display:block; }
.qnawrap .imgs { transform: rotate(180deg); }


.sub0103_01 { position:relative; width:100%; height:927px; overflow:hidden; background:#000000; }
.sub0103_01 .subcon01 { position:absolute; top:116px; left:94px; z-index:2; }
.sub0103_01 .subcon01 div.t1 { font-size:46px; font-weight:700; color:#ffffff; line-height:100%; }
.sub0103_01 .subcon01 div.t2 { margin-top:20px; font-size:20px; font-weight:400; color:#d2cab5; line-height:100%; }
.sub0103_01 .subcon01 div.t2 a{ color:#d2cab5;}
.sub0103_01 .subcon01 div.t2 a:hover{ color:#e1d8c2;}

.sub0103_01 .subinte { position:relative; width:100%; height:927px; opacity:80%; }
.sub0103_01 .subslide .swiper-slide { position:relative; width:100%; height:927px; }
.sub0103_01 .maintxt { position:absolute; bottom:116px; left:96px; transform:translateY(90px); opacity:0; filter: blur(6px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0103_01 .maintxt li.t1 { font-family:'Noto Serif KR'; font-size:49px; color:#fbf0da; line-height:130%; letter-spacing:-2px; }

.sub0103_01 #swiperbtwrap3 { position:absolute; bottom:130px; right:134px; width:300px; height:43px; z-index:1; display:flex; justify-content: flex-start; }
.sub0103_01 #swiperbtwrap3 .v-pagination2 { position:relative; width:107px; height:43px; line-height:43px; font-family: 'Orpheus Pro'; font-size:24px; color:#594a36; background:#f1ece3; border-radius:50px; text-align:center; overflow: initial !important; }
.sub0103_01 #swiperbtwrap3 #swiperbtwrap2 { position:relative; width:193px; height:43px; padding-top:5px; box-sizing:border-box; display:flex; text-align:left; }
.sub0103_01 #swiperbtwrap3 #swiperbtwrap2 li { cursor:pointer; font-family: 'Orpheus Pro'; font-size:25px; color:#ecdfc6; line-height:100%; letter-spacing:1px; }
.sub0103_01 #swiperbtwrap3 #swiperbtwrap2 li:nth-child(2) { width:1px; height:21px; margin:0 15px; background:rgba(255,255,255,20%); }

.sub0103_01 .swiper-slide-active .maintxt { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


.sub06 { position:relative; width:100%; height:5890px; margin:0 auto; overflow:hidden; background: url(/page_KR0/05_sub/images/06.jpg) no-repeat 50% 0%; }
.sub06m { display:none; margin-top:70px; }


.sub03_01 { position:relative; width:100%; height:500px; overflow:hidden; background:url('/images/03_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_01 ul { position:absolute; top:50%; left:30%; transform:translate(-50%,-50%); }
.sub03_01 ul li:nth-child(1) { font-size:28px; color:#eeeeee; line-height:150%; font-weight:500; }
.sub03_01 ul li:nth-child(1) span { font-size:40px; font-weight:700; color:#ffffff; }
.sub03_01 ul li:nth-child(2) { margin-top:20px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:50%; letter-spacing:2px; }

.sub0501_01 { position:relative; width:100%; padding:12% 0; margin:0 auto; margin-top:100px; overflow:hidden; background: url(/page_KR0/05_sub/images/0501_01.jpg) no-repeat 50% 50%; background-size: cover; }
.sub0501_01 .subtxt { position:relative; width:100%; text-align:center; overflow:hidden; font-size:46px; color:#ffffff; font-weight:700; line-height:140%; }
.sub0501_01 .subtxt span { color:#fffc00; }
.sub0501_01 .icon0401 { position:relative; width:100%; max-width:1000px; margin:0 auto; padding-top:80px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0501_01 .icon0401 li { position:relative; width:300px; height:300px; border-radius:100%; overflow:hidden; text-align:center; font-size:24px; font-weight:600; color:#ffffff; line-height:150%; box-sizing:border-box; padding-top:66px; }
.sub0501_01 .icon0401 li:nth-child(1) { background:rgba(0,80,146,50%); }
.sub0501_01 .icon0401 li:nth-child(2) { background:rgba(0,63,135,50%); }
.sub0501_01 .icon0401 li:nth-child(3) { background:rgba(9,47,79,50%); }
.sub0501_01 .icon0401 li span { display:block; width:100%; text-align:center; color:#d2d5ef; }


.sub0501_02 { position:relative; width:100%; padding:150px 0 0px 0; }
.sub0501_02 .subtxt { position:relative; width:100%; text-align:center; font-size:46px; color:#111111; font-weight:700; line-height:100%; }
.sub0501_02 .box0501 { position:relative; width:90%; max-width:1280px; margin:0 auto; padding-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0501_02 .box0501 ul { position:relative; width:31%; }
.sub0501_02 .box0501 ul li.t1 { position:relative; width:100%; }
.sub0501_02 .box0501 ul li.t2 { margin-top:20px; font-size:24px; color:#092f4f; font-weight:700; line-height:100%; }
.sub0501_02 .box0501 ul li.t2 span { padding-right:10px; }
.sub0501_02 .box0501 ul li.t3 { margin-top:10px; font-size:18px; color:#8c8c8c; font-weight:400; line-height:150%; }








.sub01_02 { position:relative; width:100%; padding:120px 0 0px 0; margin-top:100px; background:#eff6f9; overflow:hidden; }
.sub01_02 .subtxt { width:100%; text-align:center; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_02 .subtxt li.t1 { font-size:46px; font-weight:700; color:#000000; }
.sub01_02 .subtxt li.t2 { margin-top:16px; font-size:22px; font-weight:400; color:#9b9187; line-height:150%; }

.sub01_02 .subtxt.active { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


.sub01_02 .subbottom { width:100%; padding-bottom:80px; margin-top:80px; border-bottom:1px solid #cce2ee; }
.sub01_02 .subbottom .suballbox { position:relative; width:90%; margin:0 auto; display:flex; justify-content: space-between; }
.sub01_02 .subbottom .suballbox .imgs { position:relative; width:50%; transform:translateX(-100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_02 .subbottom .suballbox .boxtxt { position:relative; width:45%; transform:translateX(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_02 .subbottom .suballbox .boxtxt.boxtxt01 { background:url(/page_KR0/05_sub/images/slogo.png)no-repeat 70% 10%; background-size:150px; }
.sub01_02 .subbottom .suballbox .boxtxt ul { padding-top:120px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t1 { position:relative; width:100%; font-size:100px; color:#cce2ee; font-family: 'Minerva Modern Bold'; padding-left:40px; box-sizing:border-box; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t1 span { display:block; position:absolute; top:0px; left:0px; width:61px; height:51px; background:url(/page_KR0/01_sub/images/boxtxtbg.png)no-repeat 0 0; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t2 { position:relative; width:100%; margin-top:30px; font-size:36px; font-weight:400; color:#111111; line-height:140%; letter-spacing:-1px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t3 { position:relative; width:100%; margin-top:20px; font-size:20px; font-weight:500; color:#9b9187; line-height:150%; }

.sub01_02 .subbottom .suballbox.active .imgs { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_02 .subbottom .suballbox.active .boxtxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


.sub01_02 .subbottom2 { width:100%; display:flex; justify-content: space-between; }
.sub01_02 .subbottom2 .suballbox { position:relative; width:50%; padding:0 5%; border-right:1px solid #cce2ee; padding-bottom:100px; box-sizing:border-box; transform:translateY(100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_02 .subbottom2 .suballbox.suballbox2 { transform:translateY(-100px); opacity:0%; filter: blur(6px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

.sub01_02 .subbottom2 .suballbox .imgs { position:relative; width:100%; margin-top:80px; }
.sub01_02 .subbottom2 .suballbox .boxtxt { position:relative; width:100%; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul { padding-top:80px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t1 { position:relative; width:100%; font-size:100px; color:#cce2ee; font-family: 'Minerva Modern Bold'; padding-left:40px; box-sizing:border-box; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t1 span { display:block; position:absolute; top:0px; left:0px; width:61px; height:51px; background:url(/page_KR0/01_sub/images/boxtxtbg.png)no-repeat 0 0; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t2 { position:relative; width:100%; margin-top:30px; font-size:32px; font-weight:400; color:#111111; line-height:140%; letter-spacing:-2px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t3 { position:relative; width:100%; margin-top:20px; font-size:18px; font-weight:400; color:#9b9187; line-height:150%; }

.sub01_02 .subbottom2 .suballbox .boxtxt.boxtxt2 ul { padding-top:80px; }

.sub01_02 .subbottom2 .suballbox.active { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }




#drboxwrap { position:relative; width:100%; box-sizing:border-box; overflow:hidden; background:#f1f6f7; }
#drboxwrap .drboxwrap { position:relative; width:100%; max-width:800px; margin:0 auto; padding-top:148px; padding-bottom:100px; display:flex; flex-wrap:wrap; }
#drboxwrap .drboxwrap .drbox { position:relative; width:44%; margin:0 3% 6% 3%; }
#drboxwrap .drboxwrap .drimgs { display:block; width:100%; border-radius:20px; background:#ffffff; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden; }
#drboxwrap .drboxwrap .drimgs img { display:block; width:100%; }
#drboxwrap .drboxwrap .drtxt { width:100%; display:flex; margin-top:20px;  }
#drboxwrap .drboxwrap .drtxt .drname { font-size:23px; font-weight:700; color:#3c3c3c; line-height:30px; height:30px; box-sizing:border-box; padding-left:16px; }
#drboxwrap .drboxwrap .drtxt .daybt { width:30px; height:30px; }
#drboxwrap .drboxwrap .drtxt .daybt a { display:block; width:30px; height:30px; border-radius:100%; background:#ffffff; margin-left:12px; text-align:center; line-height:30px; font-size:19px; color:#7e7d7b; font-weight:600; }




.sub0201_01 { position:relative; width:100%; padding-top:120px; padding-bottom:100px; background:#f1f6f7 url(/page_KR0/02_sub/images/02bg.jpg)no-repeat 50% 0; }
.sub0201_01 .subbox { position:relative; width:100%; max-width:1280px; margin:0 auto; display:flex; padding-bottom:94px; margin-bottom:94px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox div.txtwrap { position:relative; width:55%; box-sizing:border-box; }
.sub0201_01 .subbox div.txtwrap ul li.t1 { padding-top:30px; font-size:40px; font-weight:700; color:#000000; line-height:100%; letter-spacing:-1px; }
.sub0201_01 .subbox div.txtwrap ul li.t2 { margin-top:40px; font-size:24px; font-weight:600; color:#0e0e0e; line-height:130%; }
.sub0201_01 .subbox div.txtwrap ul li.t3 { margin-top:20px; font-size:21px; font-weight:400; color:#565656; line-height:150%; }
.sub0201_01 .subbox div.txtwrap ul li.t4 { margin-top:20px; font-size:24px; font-weight:600; color:#0e0e0e; line-height:150%; }
.sub0201_01 .subbox div.imgs { position:relative; width:45%; border-radius:20px; overflow:hidden; }
.sub0201_01 .subbox div.imgs img { width:100%; }

.sub0201_01 .subbox2 { position:relative; width:100%; max-width:1280px; margin:0 auto; display:flex; }
.sub0201_01 .subbox2 div.txtwrap { position:relative; width:60%; padding-left:5%; box-sizing:border-box; }
.sub0201_01 .subbox2 div.txtwrap ul li.t1 { font-size:34px; font-weight:700; color:#1b71d0; line-height:140%; letter-spacing:-1px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t1.titleicon { background:url(/page_KR0/03_sub/images/03titlebg.jpg)no-repeat 305px 0; }
.sub0201_01 .subbox2 div.txtwrap ul li.t2 { margin-top:30px; font-size:24px; font-weight:600; color:#0e0e0e; line-height:130%; }
.sub0201_01 .subbox2 div.txtwrap ul li.t3 { margin-top:30px; font-size:21px; font-weight:400; color:#565656; line-height:150%; }
.sub0201_01 .subbox2 div.txtwrap ul li.t4 { margin-top:20px; font-size:24px; font-weight:600; color:#0e0e0e; line-height:150%; }
.sub0201_01 .subbox2 div.imgs { position:relative; width:40%; border-radius:20px; overflow:hidden; }
.sub0201_01 .subbox2 div.imgs img { width:100%; }

.sub0201_01 .subbox22 { padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #cbcbcb; }

.sub0201_01 .subbox3 { position:relative; width:100%; max-width:1280px; margin:0 auto; display:flex; flex-wrap:wrap; padding-bottom:74px; margin-bottom:94px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox3 div.txtwrap { position:relative; width:100%; margin-bottom:50px; box-sizing:border-box; }
.sub0201_01 .subbox3 div.txtwrap ul li.t1 { font-size:40px; font-weight:700; color:#000000; line-height:100%; letter-spacing:-1px; }
.sub0201_01 .subbox3 div.txtwrap ul li.t2 { margin-top:40px; font-size:24px; font-weight:600; color:#0e0e0e; line-height:150%; }
.sub0201_01 .subbox3 div.txtwrap ul li.t2 span { color:#021373; }
.sub0201_01 .subbox3 div.imgs { position:relative; width:45%; overflow:hidden; }
.sub0201_01 .subbox3 div.imgs img { width:100%; border-radius:20px; overflow:hidden; }
.sub0201_01 .subbox3 div.txtwrap2 { position:relative; width:55%; padding-left:5%; box-sizing:border-box; }
.sub0201_01 .subbox3 div.txtwrap2 ul { width:100%; padding-left:40px; margin-bottom:30px; box-sizing:border-box; background:url(/page_KR0/02_sub/images/02icon.jpg)no-repeat 0 1px; }
.sub0201_01 .subbox3 div.txtwrap2 ul li.t1 { font-size:21px; font-weight:700; color:#565656; line-height:100%; letter-spacing:-1px; }
.sub0201_01 .subbox3 div.txtwrap2 ul li.t2 { margin-top:10px; font-size:21px; font-weight:400; color:#565656; line-height:150%; }

.sub0201_01 .subbox3.subbox4 { padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #cbcbcb; }



#subwrap { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:100px 0; }

.tap { position:relative; width:100%; overflow:hidden; text-align:center; margin-bottom:40px; display:flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
.tap li { position:relative; width:12%; height:50px; margin-right:1.6%; border-radius:50px; overflow:hidden; }
.tap li a { display:block; position:relative; width:100%; height:50px; line-height:50px; font-size:17px; font-weight:600; color:#ffffff; text-align:center; background:#111111; border-radius:50px; }
.tap li a:hover { color:#fff; background:#092f4f; }
.tap li.on a { color:#fff; background:#092f4f; }

#medialistwrapGall6 { position:relative; width:100%; margin:60px auto 0px auto; overflow:hidden; display:flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
#medialistwrapGall6 ul.boxwrap { position:relative; width:22%; margin-right:4%; margin-bottom:4%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap:nth-child(4n) { margin-right:0px; }
#medialistwrapGall6 ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap li.thumbnail img { display:block; width:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:15px; font-weight:500; color:#ffffff; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:12px; font-weight:700; color:#ffffff; line-height:130%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#c8c8c8; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.title1 { position:relative; width:100%; font-size:15px; font-weight:400; color:#000000; }
#medialistwrapGall6 ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%; }


/* 페이징 */
#pageingWrap { width:100%; margin:auto; padding:40px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; width:44px; height:44px; text-align:center; font-family:'Pretendard'; font-size:18px; font-weight:700; color:#666666; line-height:44px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:8px; }
#pageingWrap ul li.btn_next { margin-left:8px; }




/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:80px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:130px; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:37px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%:  }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: }

.viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; }
.viewTable td.filetd div { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.filetd ul { float:left; position:relative; width:1000px; height:20px; line-height:20px; overflow:hidden; }
.viewTable td.filetd ul img {  }
.viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:100px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; }

.viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; }
.viewTable td.re_contents div.rptitle { width:150px; padding:18px 0;  background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; }

.viewTable td.prev { width:100%; height:100px; padding:0px 45px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:16px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.prev div:nth-child(2) { float:left; position:relative; width:1000px; height:20px; line-height:20px; font-family:'Pretendard'; font-size:16px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:100px; padding:0px 45px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:16px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.next div:nth-child(2) { float:left; position:relative; width:1000px; height:20px; line-height:20px; font-family:'Pretendard'; font-size:16px; color:#5a5a5a; font-weight:600; overflow:hidden; }



.opennoticewrap2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; } 
.opennoticewrap2 .subnotice_list { position:relative; width:31.33%; margin-right:3%; margin-bottom:56px; padding-bottom:18px; background:#ffffff; border-radius:12px; overflow:hidden; border:1px solid #d5d5d5; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list:nth-child(3n) { margin-right:0%; }
.opennoticewrap2 .subnotice_list div.imgs { width:100%; border-bottom-left-radius:16px; border-bottom-right-radius:28px; overflow:hidden;}
.opennoticewrap2 .subnotice_list div.imgs img { display:block; width:100%; border-bottom-left-radius:16px; border-bottom-right-radius:28px;  }
.opennoticewrap2 .subnotice_list div.t1 { position:relative; width:100%; height:64px; text-align:center; font-family:'Pretendard'; font-size:22px; color:#2f2f2f; font-weight:700; margin-top:20px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list div.t1 a { color:#2f2f2f; }
.opennoticewrap2 .subnotice_list div.t2 a { color:#bcbcbc; }

.opennoticewrap2 .subnotice_list:hover { background:#0073cc; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t1 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t2 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover .newicon { color:#ffffff; border:1px solid #ffffff; transition:all 0.1s ease-in-out;}







@media only screen and (min-width:801px) and (max-width:1300px){






.sub01_01 .subboxcon { width:90%; }
.sub01_01 .subboxcon.subboxcon1 { width:90%; flex-direction: column-reverse; }
.sub01_01 .subboxcon .boxtxt { width:100%; margin-top:5%;}
.sub01_01 .subboxcon .imgs {  width:100%; }

.sub01_01 .subboxcon.subboxcon3 { width:90%; display: flex; flex-direction: row; }
.sub01_01 .subboxcon .boxtxt3 .txt1 { font-size:32px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 { width:100%; margin-top:30px; display:flex; justify-content: space-between;  flex-wrap:wrap; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul { width:49%; margin-bottom:2%; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { font-size:26px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { font-size:16px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) br { display:none; }

.sub01_01 .subboxcon .boxtxt4 { position:relative; width:100%; text-align:center; margin-top:50px; }
.sub01_01 .subboxcon .boxtxt4 .txt1 { font-size:36px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt4 .txt2 { width:100%; margin-top:50px; display:flex; justify-content:center; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul { width:200px; height:200px; margin:0 20px; border-radius:100%; background:#bea58c; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(1) { width:100%; padding-top:64px; font-size:22px; font-weight:700; color:#ffffff; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(2) { width:100%; margin-top:14px; font-size:14px; font-weight:400; line-height:150%; color:#ffffff; }




.sub01_01 .subboxcon .boxtxt6 .txt2 .txt { width:45%; font-size:16px; }

.sub01_01 .subboxcon .boxtxt7 .txt1 { font-size:30px; font-weight:700; color:#111111; line-height:140%; }
.sub01_01 .subboxcon .boxtxt7 .txt2 { width:100%; margin-top:50px; display:flex; justify-content:center; }
.sub01_01 .subboxcon .boxtxt7 .txt2 ul { width:200px; height:200px; margin:0 14px; border-radius:100%; background:#eb5f05; }
.sub01_01 .subboxcon .boxtxt7 .txt2 ul li:nth-child(1) { width:100%; padding-top:66px; font-size:22px; font-weight:500; line-height:150%; color:#ffffff; }




.sub01_02 .subtxt li.t1 { font-size:36px; }
.sub01_02 .subtxt li.t2 { font-size:18px; }

.sub01_02 .subbottom .suballbox { position:relative; width:90%; max-width:700px; margin:0 auto; display:block; }
.sub01_02 .subbottom .suballbox .imgs { width:100%; }
.sub01_02 .subbottom .suballbox .boxtxt { width:100%;  }
.sub01_02 .subbottom .suballbox .boxtxt ul { padding-top:50px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t2 br { display:none; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t3 br { display:none; }

.sub01_02 .subbottom2 { padding-bottom:80px; display:block; }
.sub01_02 .subbottom2 .suballbox { width:100%; max-width:700px; margin:0 auto; padding:0 0;  }

.sub01_02 .subbottom2 .suballbox .imgs { position:relative; width:100%; margin-top:80px; }
.sub01_02 .subbottom2 .suballbox .boxtxt { position:relative; width:100%; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul { padding-top:50px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t2 br { display:none; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t3 br { display:none; }


.tab1_4 .section div.txt ul { width:90%; }
.tab1_4 .section div.txt li.num { font-size:56px; }
.tab1_4 .section div.txt li.t1 { margin-top:10px; font-size:32px; }
.tab1_4 .section div.txt li.t1 br { display:none; }
.tab1_4 .section div.txt li.t2 { font-size:16px; }
.tab1_4 .section div.txt li.t3 { margin-top:20px; font-size:20px; }


.tab1_4 .section.section1_1 {background: url(/page_KR0/03_sub/images/03img4_1.jpg) no-repeat 50% 50%; background-size: cover;}
.tab1_4 .section.section1_2 {background: url(/page_KR0/03_sub/images/03img4_2.jpg) no-repeat 50% 50%; background-size: cover;}
.tab1_4 .section.section1_3 {background: url(/page_KR0/03_sub/images/03img4_3.jpg) no-repeat 50% 50%; background-size: cover;}

























}

@media only screen and (min-width:561px) and (max-width:800px){



#paytabwrap { position:relative; width:100%; padding:120px 0 0px 0; background:#f3f5f8; }
#paytabwrap2 { position:relative; width:100%; padding:20px 0 50px 0; background:#f3f5f8; }

.paytitle { position:relative; width:100%; font-size:32px; font-weight:700; color:#261f20; text-align:center; }


.paytable { position:relative; width:640px; max-width:1480px; margin:0 auto; border-top:3px solid #000000; background:#ffffff; border-bottom:1px solid #979797; }
.paytable tr th { height:50px; padding:0 0px; box-sizing:border-box; font-size:12px; font-weight:500; color:#111111; letter-spacing:-1px; background:#fcfcfc; border-bottom:1px solid #e0e1e1; border-right:1px solid #e0e1e1; text-align:center; }
.paytable tr td { padding:12px 0px; box-sizing:border-box; font-size:11px; font-weight:400; color:#2c2c2c; line-height:140%; border-right:1px solid #e0e1e1; border-bottom:1px solid #e0e1e1; text-align:center; }
.paytable tr td:last-child,.paytable tr th:last-child { border-right:0px; }
.paytable tr td:nth-child(1) { color:#0a96c4; font-size:13px; font-weight:500; background:#f0f8f9; border-bottom:1px solid #dce4e5; }



#subwrap { padding:50px 0; margin-bottom:50px; }

.tap { width:90%; margin:0 auto; display:flex; flex-wrap: wrap; }
.tap li { width:49%; height:50px; margin-right:2%; margin-bottom:2%; }
.tap li:nth-child(2n) { margin-right:0px; }
.tap li a { font-size:15px; }


#medialistwrapGall6 { width:90%; margin:30px auto 0px auto; }
#medialistwrapGall6 ul.boxwrap { position:relative; width:48%; margin-right:4%; margin-bottom:10%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap:nth-child(2n) { margin-right:0px; }
#medialistwrapGall6 ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap li.thumbnail img { display:block; width:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:15px; font-weight:500; color:#ffffff; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:12px; font-weight:700; color:#ffffff; line-height:130%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#c8c8c8; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.title1 { position:relative; width:100%; font-size:15px; font-weight:400; color:#000000; }
#medialistwrapGall6 ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%; }


#pageingWrap { width:100%; margin:auto; padding:10px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { width:24px; height:24px; font-size:12px; line-height:24px; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:8px; }
#pageingWrap ul li.btn_next { margin-left:8px; }







/* 페이징 */
#pageingWrap { width:100%; margin:auto; padding:20px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; width:24px; height:24px; text-align:center; font-family:'Pretendard'; font-size:12px; font-weight:700; color:#666666; line-height:24px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:2px; }
#pageingWrap ul li.btn_next { margin-left:2px; }



/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:50px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:80px; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:24px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%:  }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: }

.viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; }
.viewTable td.filetd div { float:left; width:30%; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.filetd ul { float:left; position:relative; width:70%; height:20px; line-height:20px; overflow:hidden; }
.viewTable td.filetd ul img {  }
.viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:40px 5%; font-family:'Pretendard'; font-size:14px; color:#282828; font-weight:500; line-height:180%; }

.viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; }
.viewTable td.re_contents div.rptitle { width:150px; padding:18px 0;  background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; }

.viewTable td.prev { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.prev div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.next div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }


/* 버튼 */
#noticebt { position:relative; width:100%; margin-top:30px; }
#noticebt ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; }
#noticebt ul li { position:relative; width:90px; height:34px; margin:0 4px; }
#noticebt ul li a { display:block; width:100%; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li input { display:block; width:100%; height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li.listEnd input { background:#2a2a2a; }


#noticebt2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; margin-top:30px; }
#noticebt2 input { display:block; width:90px; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; border:0px; margin:0 6px; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; background:#2a2a2a; }
#noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; }


.sub06 { display:none; }
.sub06m { display:block; }








.subvisual { position:relative; width:100%; height:68vh; overflow:hidden; background:#ffffff; }
.subvisual .subtxt h1.t1 { font-size:36px; }
.subvisual .subtxt li.t2 { width:80%; margin:0 auto; margin-top:22px; font-size:16px; }
.subvisual .subtxt li.t2 br { display:none; }



.sub10_01 { padding-top:0px; }
.sub10_01 .subboxcon { width:90%; padding-bottom:40px; padding-top:40px; border-bottom:1px solid #dddddd; display:block; }
.sub10_01 .subboxcon .imgs { width:100%;  }
.sub10_01 .subboxcon .boxtxt { width:100%; margin-top:5%; }
.sub10_01 .subboxcon .boxtxt .t2 { font-size:20px; font-weight:600; line-height:120%; }
.sub10_01 .subboxcon .boxtxt .t3 { font-size:28px; }
.sub10_01 .subboxcon .boxtxt .t4 { margin-top:20px;  font-size:15px;}
.sub10_01 .subboxcon .boxtxt .t4 span { font-weight:700; color:#111111; }
.sub10_01 .subboxcon .boxtxt .t4 br { display:none; }

.sub10_01 .subboxcon.active .boxtxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub10_01 .subboxcon.active .imgs { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }




.sub01_01 { margin-top:30px; }

.sub01_01 .subboxcon { width:90%; padding-bottom:40px; margin-bottom:40px; }

.sub01_01 .subboxcon.subboxcon1 { width:90%; flex-direction: column-reverse; }
.sub01_01 .subboxcon .boxtxt { width:100%; margin-top:5%;}
.sub01_01 .subboxcon .boxtxt .t1 { height:30px; line-height:30px; font-size:22px; margin-bottom:14px; }
.sub01_01 .subboxcon .boxtxt .t1 span  { width:30px; height:30px; margin-right:8px; font-size:16px; line-height:28px; }
.sub01_01 .subboxcon .boxtxt .t2 { font-size:20px; }
.sub01_01 .subboxcon .boxtxt .t22 { font-size:26px; }
.sub01_01 .subboxcon .boxtxt .t3 { margin-top:14px; font-size:14px;}
.sub01_01 .subboxcon .boxtxt .t4 { width:100%; margin-top:30px; }
.sub01_01 .subboxcon .boxtxt .t4 div { font-size:22px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt .t4 ul { width:100%; margin-top:10px; }
.sub01_01 .subboxcon .boxtxt .t4 ul li {
    width: 100%;
    margin-bottom:6px;
    font-size:14px;
    font-weight: 400;
	line-height:140%;
    color: #656565;
    padding-left: 34px;
    background: url('/page_KR0/01_sub/images/restxtconicon.png')no-repeat 0 2px;
    box-sizing: border-box;
}

.sub01_01 .subboxcon .imgs {  width:100%; }


.sub01_01 .subboxcon .boxtxt2 { position:relative; width:90%; margin:0 auto; text-align:center; margin-top:0px; }
.sub01_01 .subboxcon .boxtxt2 .txt1 { font-size:26px; line-height:130%; }
.sub01_01 .subboxcon .boxtxt2 .txt2 { width:100%; }
.sub01_01 .subboxcon .boxtxt2 .txt3 { font-size:16px; }


.sub01_01 .subboxcon .boxtxt3 { position:relative; width:100%; text-align:center; margin-top:40px; }
.sub01_01 .subboxcon .boxtxt3 .txt1 { font-size:26px;  }
.sub01_01 .subboxcon .boxtxt3 .txt2 { margin-top:20px; display:block; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul { width:100%; margin-bottom:10%; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { height:50px; line-height:50px; font-size:24px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:20px; font-size:14px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) br { display:none; }


.sub01_01 .subboxcon .boxtxt4 { width:100%; margin:0 auto; margin-top:40px; }
.sub01_01 .subboxcon .boxtxt4 .txt1 {  font-size:28px; }
.sub01_01 .subboxcon .boxtxt4 .txt2 { width:100%; margin-top:20px; display:block; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul { width:100%; height:auto; padding:30px 0; margin:0 0px; margin-bottom:5%; border-radius:0%; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(1) { padding-top:0px; font-size:26px; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(2) { margin-top:14px; font-size:18px; }

.sub01_01 .subboxcon .boxtxt4 .txt11 { font-size:20px;}
.sub01_01 .subboxcon .boxtxt4 .txt22 { width:100%; margin-top:10px; font-size:14px; line-height:150%; }
.sub01_01 .subboxcon .boxtxt4 .txt22 br { display:none; }
.sub01_01 .subboxcon .boxtxt4 .txt111 { margin-top:30px; font-size:24px; }

.sub01_01 .subboxcon .boxtxt4 .txt3 { display:block; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul { width:100%; margin-bottom:15%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(1) { width:100%; height:50px; line-height:50px; text-align:center; font-size:22px; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(2) { width:100%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:14px; font-size:22px; line-height:160%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(4) { width:90%; margin:0 auto; margin-top:10px; font-size:14px; line-height:140%; }

.sub01_01 .subboxcon .boxtxt6 { position:relative; width:100%; }
.sub01_01 .subboxcon .boxtxt6 .txt1 { font-size:26px; text-align:center; line-height:140%; }
.sub01_01 .subboxcon .boxtxt6 .txt2 { width:90%; margin:0 auto; display:block; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .imgs {width:100%; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .txt { width:100%; margin-top:14px; font-size:16px; }

.sub01_01 .subboxcon .boxtxt7 { width:90%; margin:0 auto; margin-top:40px; }
.sub01_01 .subboxcon .boxtxt7 .txt1 { font-size:26px;  }
.sub01_01 .subboxcon .boxtxt7 .txt1 br { display:none; }
.sub01_01 .subboxcon .boxtxt7 .txt2 { margin-top:30px; display:block;}
.sub01_01 .subboxcon .boxtxt7 .txt2 ul { width:100%; height:auto; padding:10% 0; margin:0 0px; margin-bottom:5%; border-radius:0%; }
.sub01_01 .subboxcon .boxtxt7 .txt2 ul li:nth-child(1) { width:100%; padding-top:0px; font-size:22px; }


.modal1con11 { position:relative; width:100%; height:auto; background:#ffffff; }
.modal1con1 { display:none; }
.modal1con111 { display:none; }
.modal1img  { display:block; }

.tab_cont .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:50px; background: url(/images/sub/main6tab4bg1.jpg) 50% 50% no-repeat; background-size: cover;}
.tab_cont .tab1_2 ul {position:relative; width:90%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap:0px; padding:15% 0; }
.tab_cont .tab1_2 ul li { 
width:31%; margin-bottom:2%;  text-align:center; font-size:14px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); 
border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:40% 0 3% 0; 
}
.tab_cont .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon2.png) 50% 45% no-repeat; background-size:40px; }
.tab_cont .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon3.png) 50% 45% no-repeat; background-size:40px;}
.tab_cont .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon1.png) 50% 45% no-repeat; background-size:40px;}
.tab_cont .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon3.png) 50% 45% no-repeat; background-size:40px;}
.tab_cont .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon2.png) 50% 45% no-repeat; background-size:40px;}

.tab_cont .tab1_3 {position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:50px;}
.tab_cont .tab1_3 p.t1 { width:90%; margin:0 auto; font-size:26px; }

.tab_cont .tab1_3 ul { position:relative; width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap: wrap; }
.tab_cont .tab1_3 ul li { width:48%; margin-right:4%; margin-bottom:6%; box-sizing:border-box;}
.tab_cont .tab1_3 ul li:nth-child(2n) { margin-right:0px; }
.tab_cont .tab1_3 ul li .img img {width:100%;}
.tab_cont .tab1_3 ul li p {position:relative; width:100%; padding:10% 8%; flex-wrap: wrap; box-sizing:border-box; font-size:14px; font-weight:500; line-height:160%;}
.tab_cont .tab1_3 ul li p span { display:block; font-size:18px; margin-bottom:10px;}


#main8 { position:relative; width:100%; padding:15% 0; margin-top:10%; } 
#main8 .tit { width:100%; text-align:center; }
#main8 .tit .t1 { font-size:28px; }
#main8 .tit .t2 { width:84%;margin:0 auto; margin-top:10px; font-size:14px; opacity:80%; }
#main8 .tit .t2 br { display:none; }
#main8 .main8box { position:relative; width:90%; margin:0 auto; margin-top:20px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center }
#main8 .main8box ul { width:48%; margin-right:4%; margin-bottom:4%; }
#main8 .main8box ul:nth-child(2n) { margin-right:0px; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:36px; line-height:36px; font-size:18px; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:8px; font-size:13px; opacity:80%;  }
#main8 .main8box ul li:nth-child(3) br { display:none; }

.sub030104 { display:none; }
.sub030104m { display:block; width:100%; }

.tab_cont .tab2_3 p.t1 { font-size:28px; }
.tab_cont .tab2_3 ul { padding:5% 0;}
.tab_cont .tab2_3 ul li { width:48%; margin-right:4%; margin-bottom:4%; }
.tab_cont .tab2_3 ul li:nth-child(3n) {margin-right:4%}
.tab_cont .tab2_3 ul li:nth-child(2n) {margin-right:0%}
.tab_cont .tab2_3 ul li .img {  border-radius:6px; }
.tab_cont .tab2_3 ul li .t1 { top:10px; left:10px; }
.tab_cont .tab2_3 ul li .t2 { margin-top:5%; font-size:16px; line-height:130%; }
.tab_cont .tab2_3 ul li .t3 { font-size:13px; }

.sub0401_01 { padding:25% 0 20% 0; }
.sub0401_01 .subtxt .t1 { width:80%; margin:0 auto; font-size:26px; }
.sub0401_01 .subtxt .t2 { margin-top:14px; font-size:14px; }
.sub0401_01 .icon0401 { width:90%; margin:0 auto; padding-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0401_01 .icon0401 ul { position:relative; width:32%; margin-bottom:8%;text-align:center; }
.sub0401_01 .icon0401 ul li:nth-child(1) { width:90%;  }
.sub0401_01 .icon0401 ul li:nth-child(2) { margin-top:20px; font-size:14px; }

.tab_cont2 { position:relative; width:100%; padding:50px 0; }

.modaltitle {  width:90%; margin:0 auto; margin-top:40px; font-size:28px; line-height:140%; }

.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:auto; padding:5%; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  
	position:absolute; top:50%; left:20px; transform:translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; 
	font-size:22px; border-radius:100%; 
}
.qnawrap .question_notice ul li.questiontitle { width:100%; font-size:16px; font-weight:500; line-height:140%; padding-left:60px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { position:relative; width:100%; padding-left:60px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:20px 0 30px 0; font-size:13px; line-height:180%; }

.qnawrap .question_notice { border-bottom:1px solid #e0e0e0;  }
.qnawrap .answer_notice { display:block; }
.qnawrap .imgs { transform: rotate(180deg); }

.sub03_01 { position:relative; width:100%; height:500px; overflow:hidden; background:url('/images/03_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_01 ul { position:absolute; top:10%; left:50%; transform:translate(-50%,0%); width:90%; }
.sub03_01 ul li:nth-child(1) { font-size:24px; color:#ffffff; line-height:140%; font-weight:700; }
.sub03_01 ul li:nth-child(2) { margin-top:10px; font-size:13px; color:#ffffff; line-height:160%; font-weight:400; opacity:50%; letter-spacing:2px; }
.sub03_01 ul li:nth-child(1) span { font-size:24px; font-weight:700; color:#ffffff; }


.sub0501_01 { padding:20% 0; margin-top:50px; }
.sub0501_01 .subtxt { width:80%; margin:0 auto; font-size:26px; }
.sub0501_01 .icon0401 { width:80%; padding-top:50px; }
.sub0501_01 .icon0401 li { position:relative; width:100%; margin-bottom:5%; height:auto; border-radius:0%; overflow:hidden; text-align:center; font-size:18px; line-height:150%; padding-top:26px; padding-bottom:26px; }

.sub0501_02 { position:relative; width:100%; padding:80px 0 0px 0; }
.sub0501_02 .subtxt { font-size:26px; }
.sub0501_02 .box0501 { position:relative; width:80%; max-width:1380px; margin:0 auto; padding-top:40px; }
.sub0501_02 .box0501 ul { position:relative; width:100%; margin-bottom:10%; }
.sub0501_02 .box0501 ul li.t1 { position:relative; width:100%; }
.sub0501_02 .box0501 ul li.t2 { margin-top:20px; font-size:20px; line-height:100%; }
.sub0501_02 .box0501 ul li.t2 span { padding-right:10px; }
.sub0501_02 .box0501 ul li.t3 { margin-top:10px; font-size:14px; line-height:150%; }

#drboxwrap { position:relative; width:100%; box-sizing:border-box; overflow:hidden; }
#drboxwrap .drboxwrap { position:relative; width:96%; max-width:800px; margin:0 auto; padding-top:88px; padding-bottom:60px; display:flex; flex-wrap:wrap; }
#drboxwrap .drboxwrap .drbox { position:relative; width:44%; margin:0 3% 6% 3%; }
#drboxwrap .drboxwrap .drimgs { display:block; width:100%; border-radius:20px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden; }
#drboxwrap .drboxwrap .drimgs img { display:block; width:100%; }
#drboxwrap .drboxwrap .drtxt { width:100%; display:flex; margin-top:20px;  }
#drboxwrap .drboxwrap .drtxt .drname { font-size:18px; line-height:30px; height:30px; box-sizing:border-box; padding-left:4px; }
#drboxwrap .drboxwrap .drtxt .daybt { width:30px; height:30px; }
#drboxwrap .drboxwrap .drtxt .daybt a { display:block; width:30px; height:30px; border-radius:100%; margin-left:12px; text-align:center; line-height:30px; font-size:19px; }


.sub0201_01 { position:relative; width:100%; padding-top:15%; padding-bottom:15%; }
.sub0201_01 .subbox { position:relative; width:90%; margin:0 auto; display:flex; flex-direction: column-reverse; flex-wrap: wrap; padding-bottom:44px; margin-bottom:44px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox div.txtwrap { position:relative; width:100%; box-sizing:border-box; }
.sub0201_01 .subbox div.txtwrap ul li.t1 { padding-top:30px; font-size:26px; }
.sub0201_01 .subbox div.txtwrap ul li.t2 { margin-top:10px; font-size:18px; }
.sub0201_01 .subbox div.txtwrap ul li.t4 br { display:none; }
.sub0201_01 .subbox div.txtwrap ul li.t3 { margin-top:10px; font-size:14px; }
.sub0201_01 .subbox div.txtwrap ul li.t3 br { display:none; }
.sub0201_01 .subbox div.txtwrap ul li.t4 { margin-top:20px; font-size:18px; }
.sub0201_01 .subbox div.imgs { position:relative; width:100%; border-radius:10px; overflow:hidden; }


.sub0201_01 .subbox2 { position:relative; width:90%; max-width:1380px; margin:0 auto; display:flex; flex-wrap: wrap; padding-bottom:44px; margin-bottom:44px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox2 div.txtwrap { position:relative; width:100%; padding-left:0%; box-sizing:border-box; }
.sub0201_01 .subbox2 div.txtwrap ul li.t1 { padding-top:30px; font-size:26px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t1.titleicon { background:url(/page_KR0/03_sub/images/03titlebg.jpg)no-repeat 193px bottom; background-size:120px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t2 { margin-top:10px; font-size:18px; line-height:130%; }
.sub0201_01 .subbox2 div.txtwrap ul li.t3 { margin-top:10px; font-size:14px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t3 br { display:none; }
.sub0201_01 .subbox2 div.txtwrap ul li.t4 { margin-top:20px; font-size:18px; }
.sub0201_01 .subbox2 div.imgs { position:relative; width:100%; border-radius:10px; overflow:hidden; }

.sub0201_01 .subbox3 { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; padding-bottom:24px; margin-bottom:44px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox3 div.txtwrap { position:relative; width:100%; margin-bottom:30px; box-sizing:border-box; }
.sub0201_01 .subbox3 div.txtwrap ul li.t1 { font-size:26px; line-height:100%; letter-spacing:-1px; }
.sub0201_01 .subbox3 div.txtwrap ul li.t2 { margin-top:20px; font-size:18px; }
.sub0201_01 .subbox3 div.imgs { width:100%; }
.sub0201_01 .subbox3 div.imgs img { border-radius:10px; }
.sub0201_01 .subbox3 div.txtwrap2 { width:100%; padding-left:0%; margin-top:20px; }
.sub0201_01 .subbox3 div.txtwrap2 ul { width:100%; padding-left:34px; margin-bottom:20px; box-sizing:border-box; background:url(/page_KR0/02_sub/images/02icon.jpg)no-repeat 0 1px; }
.sub0201_01 .subbox3 div.txtwrap2 ul li.t1 { font-size:16px; }
.sub0201_01 .subbox3 div.txtwrap2 ul li.t2 { margin-top:10px; font-size:16px; }

.sub0201_01 .subbox3.subbox4 { padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #cbcbcb; }
.sub0201_01 .subbox22 { padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #cbcbcb; }


.sub0201_01.sub0301_01 { position:relative; width:100%; padding-top:15%; padding-bottom:15%; background:#eaecf1 url(/page_KR0/03_sub/images/03bg.jpg)no-repeat 50% 0; }

.mt100 {
    margin-top: 50px !important;
}

.tit2 { position:relative; width:100%; text-align:center; overflow:hidden; }
.tit2 .t1 { font-size:26px; }
.tit2 .t2 { margin-top:10px; font-size:14px; }




.subtab1 { width:90%;  margin-top:40px; }
.subtab1 ul { display:flex; flex-wrap:wrap; justify-content: center; }
.subtab1 ul li { position:relative; cursor:pointer; width:48%; height:40px; line-height:40px; margin:1% 1%; text-align:center; font-size:12px; font-weight:500; color:#0a0a0a; background:#edf1f3; border-radius:8px; box-sizing:border-box; }


.sub01_01 .subtxt1 { position:relative; width:100%; margin-bottom:40px; padding-top:50px; text-align:center; }
.sub01_01 .subtxt1 .txt1 { width:80%; margin:0 auto; font-size:28px; line-height:140%; }
.sub01_01 .subtxt1 .txt2 { width:100%; margin-top:20px; font-size:14px; }



.sub01_01 .subboxcon .boxtxt5 { position:relative; width:100%; text-align:center; }
.sub01_01 .subboxcon .boxtxt5 .txt1 { font-size:26px; }
.sub01_01 .subboxcon .boxtxt5 .txt3 { width:100%; text-align:center; margin-top:20px; font-size:14px;  }
.sub01_01 .subboxcon .boxtxt5 .txt2 { width:100%; max-width:1380px; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul { width:48%; margin-right:4%; margin-bottom:4%; padding:20px 0; border:1px solid #111111;  box-sizing:border-box; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul:nth-child(2n) { margin-right:0%; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(1) { width:90%; margin:0 auto; font-size:18px; font-weight:600; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(2) { width:90%; margin:0 auto; margin-top:8px; font-size:14px; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(2) br { display:none; }



.sub01_02 { padding:15% 0 0 0; margin-top:15%; }
.sub01_02 .subtxt li.t1 { font-size:30px; }
.sub01_02 .subtxt li.t2 { width:90%; margin:0 auto; margin-top:10px; font-size:14px; }
.sub01_02 .subtxt li.t2 br { display:none; }

.sub01_02 .subbottom { padding-bottom:5%; margin-top:5%; }
.sub01_02 .subbottom .suballbox { position:relative; width:90%; margin:0 auto; display:block; }
.sub01_02 .subbottom .suballbox .imgs { width:100%; }
.sub01_02 .subbottom .suballbox .boxtxt { width:100%;  }
.sub01_02 .subbottom .suballbox .boxtxt ul { padding-top:30px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t1 { font-size:60px; padding-left:40px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t2 { margin-top:20px; font-size:26px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t3 { margin-top:10px; font-size:14px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t2 br { display:none; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t3 br { display:none; }

.sub01_02 .subbottom2 { padding-bottom:15%; display:block; }
.sub01_02 .subbottom2 .suballbox { width:90%; max-width:700px; margin:0 auto; padding:0 0;  }
.sub01_02 .subbottom2 .suballbox .imgs { position:relative; width:100%; margin-top:10%; }
.sub01_02 .subbottom2 .suballbox .boxtxt { position:relative; width:100%; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul { padding-top:30px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t1 { font-size:60px; padding-left:40px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t2 { margin-top:20px; font-size:26px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t3 { margin-top:10px; font-size:14px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t2 br { display:none; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t3 br { display:none; }

.sub01_02 .subbottom .suballbox .boxtxt.boxtxt01 { background:url(/page_KR0/05_sub/images/slogo.png)no-repeat right 5%; background-size:80px; }



#subwrap { padding:50px 0; margin-bottom:50px; }

.tap { width:90%; margin:0 auto; display:flex; flex-wrap: wrap; }
.tap li { width:49%; height:50px; margin-right:2%; margin-bottom:2%; }
.tap li:nth-child(2n) { margin-right:0px; }
.tap li a { font-size:15px; }


#medialistwrapGall6 { width:90%; margin:30px auto 0px auto; }
#medialistwrapGall6 ul.boxwrap { position:relative; width:48%; margin-right:4%; margin-bottom:10%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap:nth-child(2n) { margin-right:0px; }
#medialistwrapGall6 ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap li.thumbnail img { display:block; width:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:15px; font-weight:500; color:#ffffff; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:12px; font-weight:700; color:#ffffff; line-height:130%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#c8c8c8; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.title1 { position:relative; width:100%; font-size:15px; font-weight:400; color:#000000; }
#medialistwrapGall6 ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%; }


#pageingWrap { width:100%; margin:auto; padding:10px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { width:24px; height:24px; font-size:12px; line-height:24px; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:8px; }
#pageingWrap ul li.btn_next { margin-left:8px; }







/* 페이징 */
#pageingWrap { width:100%; margin:auto; padding:20px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; width:24px; height:24px; text-align:center; font-family:'Pretendard'; font-size:12px; font-weight:700; color:#666666; line-height:24px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:2px; }
#pageingWrap ul li.btn_next { margin-left:2px; }



/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:50px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:80px; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:24px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%:  }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: }

.viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; }
.viewTable td.filetd div { float:left; width:30%; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.filetd ul { float:left; position:relative; width:70%; height:20px; line-height:20px; overflow:hidden; }
.viewTable td.filetd ul img {  }
.viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:40px 5%; font-family:'Pretendard'; font-size:14px; color:#282828; font-weight:500; line-height:180%; }

.viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; }
.viewTable td.re_contents div.rptitle { width:150px; padding:18px 0;  background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; }

.viewTable td.prev { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.prev div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.next div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }


/* 버튼 */
#noticebt { position:relative; width:100%; margin-top:30px; }
#noticebt ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; }
#noticebt ul li { position:relative; width:90px; height:34px; margin:0 4px; }
#noticebt ul li a { display:block; width:100%; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li input { display:block; width:100%; height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li.listEnd input { background:#2a2a2a; }


#noticebt2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; margin-top:30px; }
#noticebt2 input { display:block; width:90px; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; border:0px; margin:0 6px; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; background:#2a2a2a; }
#noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; }




.opennoticewrap2 { width:90%; padding-top:0px; } 
.opennoticewrap2 .subnotice_list { position:relative; width:49%; margin-right:2%; margin-bottom:5%; }
.opennoticewrap2 .subnotice_list:nth-child(4n) { margin-right:2%; }
.opennoticewrap2 .subnotice_list:nth-child(2n) { margin-right:0%; }
.opennoticewrap2 .subnotice_list div.imgs { height:auto; border-bottom-left-radius:8px; border-bottom-right-radius:18px; }
.opennoticewrap2 .subnotice_list div.imgs img { display:block; width:100%; border-bottom-left-radius:8px; border-bottom-right-radius:18px;  }
.opennoticewrap2 .subnotice_list div.t1 { height:auto; font-size:16px; margin-top:14px; padding-left:8%; padding-right:8%;}
.opennoticewrap2 .subnotice_list div.t2 { height:auto; line-height:auto; font-size:13px;padding-left:8%; padding-right:8%; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list div.t1 a { color:#2f2f2f; }
.opennoticewrap2 .subnotice_list div.t2 a { color:#bcbcbc; }

.opennoticewrap2 .subnotice_list:hover { background:#0073cc; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t1 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t2 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover .newicon { color:#ffffff; border:1px solid #ffffff; transition:all 0.1s ease-in-out;}



}

@media only screen and (min-width:300px) and (max-width:560px){



#paytabwrap { position:relative; width:100%; padding:120px 0 0px 0; background:#f3f5f8; }
#paytabwrap2 { position:relative; width:100%; padding:20px 0 50px 0; background:#f3f5f8; }

.paytitle { position:relative; width:100%; font-size:32px; font-weight:700; color:#261f20; text-align:center; }


.paytable { position:relative; width:640px; max-width:1480px; margin:0 auto; border-top:3px solid #000000; background:#ffffff; border-bottom:1px solid #979797; }
.paytable tr th { height:50px; padding:0 0px; box-sizing:border-box; font-size:12px; font-weight:500; color:#111111; letter-spacing:-1px; background:#fcfcfc; border-bottom:1px solid #e0e1e1; border-right:1px solid #e0e1e1; text-align:center; }
.paytable tr td { padding:12px 0px; box-sizing:border-box; font-size:11px; font-weight:400; color:#2c2c2c; line-height:140%; border-right:1px solid #e0e1e1; border-bottom:1px solid #e0e1e1; text-align:center; }
.paytable tr td:last-child,.paytable tr th:last-child { border-right:0px; }
.paytable tr td:nth-child(1) { color:#0a96c4; font-size:13px; font-weight:500; background:#f0f8f9; border-bottom:1px solid #dce4e5; }




#subwrap { padding:50px 0; margin-bottom:50px; }

.tap { width:90%; margin:0 auto; display:flex; flex-wrap: wrap; }
.tap li { width:49%; height:50px; margin-right:2%; margin-bottom:2%; }
.tap li:nth-child(2n) { margin-right:0px; }
.tap li a { font-size:15px; }


#medialistwrapGall6 { width:90%; margin:30px auto 0px auto; }
#medialistwrapGall6 ul.boxwrap { position:relative; width:48%; margin-right:4%; margin-bottom:10%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap:nth-child(2n) { margin-right:0px; }
#medialistwrapGall6 ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap li.thumbnail img { display:block; width:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:15px; font-weight:500; color:#ffffff; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:12px; font-weight:700; color:#ffffff; line-height:130%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#c8c8c8; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.title1 { position:relative; width:100%; font-size:15px; font-weight:400; color:#000000; }
#medialistwrapGall6 ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%; }


#pageingWrap { width:100%; margin:auto; padding:10px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { width:24px; height:24px; font-size:12px; line-height:24px; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:8px; }
#pageingWrap ul li.btn_next { margin-left:8px; }







/* 페이징 */
#pageingWrap { width:100%; margin:auto; padding:20px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; width:24px; height:24px; text-align:center; font-family:'Pretendard'; font-size:12px; font-weight:700; color:#666666; line-height:24px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:2px; }
#pageingWrap ul li.btn_next { margin-left:2px; }



/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:50px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:80px; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:24px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%:  }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: }

.viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; }
.viewTable td.filetd div { float:left; width:30%; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.filetd ul { float:left; position:relative; width:70%; height:20px; line-height:20px; overflow:hidden; }
.viewTable td.filetd ul img {  }
.viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:40px 5%; font-family:'Pretendard'; font-size:14px; color:#282828; font-weight:500; line-height:180%; }

.viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; }
.viewTable td.re_contents div.rptitle { width:150px; padding:18px 0;  background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; }

.viewTable td.prev { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.prev div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.next div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }


/* 버튼 */
#noticebt { position:relative; width:100%; margin-top:30px; }
#noticebt ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; }
#noticebt ul li { position:relative; width:90px; height:34px; margin:0 4px; }
#noticebt ul li a { display:block; width:100%; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li input { display:block; width:100%; height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li.listEnd input { background:#2a2a2a; }


#noticebt2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; margin-top:30px; }
#noticebt2 input { display:block; width:90px; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; border:0px; margin:0 6px; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; background:#2a2a2a; }
#noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; }


.sub06 { display:none; }
.sub06m { display:block; }








.subvisual { position:relative; width:100%; height:68vh; overflow:hidden; background:#ffffff; }
.subvisual .subtxt h1.t1 { font-size:36px; }
.subvisual .subtxt li.t2 { width:80%; margin:0 auto; margin-top:22px; font-size:16px; }
.subvisual .subtxt li.t2 br { display:none; }



.sub10_01 { padding-top:0px; }
.sub10_01 .subboxcon { width:90%; padding-bottom:40px; padding-top:40px; border-bottom:1px solid #dddddd; display:block; }
.sub10_01 .subboxcon .imgs { width:100%;  }
.sub10_01 .subboxcon .boxtxt { width:100%; margin-top:5%; }
.sub10_01 .subboxcon .boxtxt .t2 { font-size:20px; font-weight:600; line-height:120%; }
.sub10_01 .subboxcon .boxtxt .t3 { font-size:28px; }
.sub10_01 .subboxcon .boxtxt .t4 { margin-top:20px;  font-size:15px;}
.sub10_01 .subboxcon .boxtxt .t4 span { font-weight:700; color:#111111; }
.sub10_01 .subboxcon .boxtxt .t4 br { display:none; }

.sub10_01 .subboxcon.active .boxtxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub10_01 .subboxcon.active .imgs { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }




.sub01_01 { margin-top:30px; }

.sub01_01 .subboxcon { width:90%; padding-bottom:40px; margin-bottom:40px; }

.sub01_01 .subboxcon.subboxcon1 { width:90%; flex-direction: column-reverse; }
.sub01_01 .subboxcon .boxtxt { width:100%; margin-top:5%;}
.sub01_01 .subboxcon .boxtxt .t1 { height:30px; line-height:30px; font-size:22px; margin-bottom:14px; }
.sub01_01 .subboxcon .boxtxt .t1 span  { width:30px; height:30px; margin-right:8px; font-size:16px; line-height:28px; }
.sub01_01 .subboxcon .boxtxt .t2 { font-size:20px; }
.sub01_01 .subboxcon .boxtxt .t22 { font-size:26px; }
.sub01_01 .subboxcon .boxtxt .t3 { margin-top:14px; font-size:14px;}
.sub01_01 .subboxcon .boxtxt .t4 { width:100%; margin-top:30px; }
.sub01_01 .subboxcon .boxtxt .t4 div { font-size:22px; font-weight:700; color:#111111; }
.sub01_01 .subboxcon .boxtxt .t4 ul { width:100%; margin-top:10px; }
.sub01_01 .subboxcon .boxtxt .t4 ul li {
    width: 100%;
    margin-bottom:6px;
    font-size:14px;
    font-weight: 400;
	line-height:140%;
    color: #656565;
    padding-left: 34px;
    background: url('/page_KR0/01_sub/images/restxtconicon.png')no-repeat 0 2px;
    box-sizing: border-box;
}

.sub01_01 .subboxcon .imgs {  width:100%; }


.sub01_01 .subboxcon .boxtxt2 { position:relative; width:90%; margin:0 auto; text-align:center; margin-top:0px; }
.sub01_01 .subboxcon .boxtxt2 .txt1 { font-size:26px; line-height:130%; }
.sub01_01 .subboxcon .boxtxt2 .txt2 { width:100%; }
.sub01_01 .subboxcon .boxtxt2 .txt3 { font-size:16px; }


.sub01_01 .subboxcon .boxtxt3 { position:relative; width:100%; text-align:center; margin-top:40px; }
.sub01_01 .subboxcon .boxtxt3 .txt1 { font-size:26px;  }
.sub01_01 .subboxcon .boxtxt3 .txt2 { margin-top:20px; display:block; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul { width:100%; margin-bottom:10%; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(2) { height:50px; line-height:50px; font-size:24px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:20px; font-size:14px; }
.sub01_01 .subboxcon .boxtxt3 .txt2 ul li:nth-child(3) br { display:none; }


.sub01_01 .subboxcon .boxtxt4 { width:100%; margin:0 auto; margin-top:40px; }
.sub01_01 .subboxcon .boxtxt4 .txt1 {  font-size:28px; }
.sub01_01 .subboxcon .boxtxt4 .txt2 { width:100%; margin-top:20px; display:block; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul { width:100%; height:auto; padding:30px 0; margin:0 0px; margin-bottom:5%; border-radius:0%; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(1) { padding-top:0px; font-size:26px; }
.sub01_01 .subboxcon .boxtxt4 .txt2 ul li:nth-child(2) { margin-top:14px; font-size:18px; }

.sub01_01 .subboxcon .boxtxt4 .txt11 { font-size:20px;}
.sub01_01 .subboxcon .boxtxt4 .txt22 { width:100%; margin-top:10px; font-size:14px; line-height:150%; }
.sub01_01 .subboxcon .boxtxt4 .txt22 br { display:none; }
.sub01_01 .subboxcon .boxtxt4 .txt111 { margin-top:30px; font-size:24px; }

.sub01_01 .subboxcon .boxtxt4 .txt3 { display:block; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul { width:100%; margin-bottom:15%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(1) { width:100%; height:50px; line-height:50px; text-align:center; font-size:22px; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(2) { width:100%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(3) { width:90%; margin:0 auto; margin-top:14px; font-size:22px; line-height:160%; }
.sub01_01 .subboxcon .boxtxt4 .txt3 ul li:nth-child(4) { width:90%; margin:0 auto; margin-top:10px; font-size:14px; line-height:140%; }

.sub01_01 .subboxcon .boxtxt6 { position:relative; width:100%; }
.sub01_01 .subboxcon .boxtxt6 .txt1 { font-size:26px; text-align:center; line-height:140%; }
.sub01_01 .subboxcon .boxtxt6 .txt2 { width:90%; margin:0 auto; display:block; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .imgs {width:100%; }
.sub01_01 .subboxcon .boxtxt6 .txt2 .txt { width:100%; margin-top:14px; font-size:16px; }

.sub01_01 .subboxcon .boxtxt7 { width:90%; margin:0 auto; margin-top:40px; }
.sub01_01 .subboxcon .boxtxt7 .txt1 { font-size:26px;  }
.sub01_01 .subboxcon .boxtxt7 .txt1 br { display:none; }
.sub01_01 .subboxcon .boxtxt7 .txt2 { margin-top:30px; display:block;}
.sub01_01 .subboxcon .boxtxt7 .txt2 ul { width:100%; height:auto; padding:10% 0; margin:0 0px; margin-bottom:5%; border-radius:0%; }
.sub01_01 .subboxcon .boxtxt7 .txt2 ul li:nth-child(1) { width:100%; padding-top:0px; font-size:22px; }


.modal1con11 { position:relative; width:100%; height:auto; background:#ffffff; }
.modal1con1 { display:none; }
.modal1con111 { display:none; }
.modal1img  { display:block; }

.tab_cont .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; margin-top:50px; background: url(/images/sub/main6tab4bg1.jpg) 50% 50% no-repeat; background-size: cover;}
.tab_cont .tab1_2 ul {position:relative; width:90%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap:0px; padding:15% 0; }
.tab_cont .tab1_2 ul li { 
width:31%; margin-bottom:2%;  text-align:center; font-size:14px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); 
border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:40% 0 3% 0; 
}
.tab_cont .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon2.png) 50% 45% no-repeat; background-size:40px; }
.tab_cont .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon3.png) 50% 45% no-repeat; background-size:40px;}
.tab_cont .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab1icon1.png) 50% 45% no-repeat; background-size:40px;}
.tab_cont .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon3.png) 50% 45% no-repeat; background-size:40px;}
.tab_cont .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/sub/main6tab4icon2.png) 50% 45% no-repeat; background-size:40px;}

.tab_cont .tab1_3 {position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; margin-top:50px;}
.tab_cont .tab1_3 p.t1 { width:90%; margin:0 auto; font-size:26px; }

.tab_cont .tab1_3 ul { position:relative; width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap: wrap; }
.tab_cont .tab1_3 ul li { width:48%; margin-right:4%; margin-bottom:6%; box-sizing:border-box;}
.tab_cont .tab1_3 ul li:nth-child(2n) { margin-right:0px; }
.tab_cont .tab1_3 ul li .img img {width:100%;}
.tab_cont .tab1_3 ul li p {position:relative; width:100%; padding:10% 8%; flex-wrap: wrap; box-sizing:border-box; font-size:14px; font-weight:500; line-height:160%;}
.tab_cont .tab1_3 ul li p span { display:block; font-size:18px; margin-bottom:10px;}


#main8 { position:relative; width:100%; padding:15% 0; margin-top:10%; } 
#main8 .tit { width:100%; text-align:center; }
#main8 .tit .t1 { font-size:28px; }
#main8 .tit .t2 { width:84%;margin:0 auto; margin-top:10px; font-size:14px; opacity:80%; }
#main8 .tit .t2 br { display:none; }
#main8 .main8box { position:relative; width:90%; margin:0 auto; margin-top:20px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: center }
#main8 .main8box ul { width:48%; margin-right:4%; margin-bottom:4%; }
#main8 .main8box ul:nth-child(2n) { margin-right:0px; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:36px; line-height:36px; font-size:18px; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:8px; font-size:13px; opacity:80%;  }
#main8 .main8box ul li:nth-child(3) br { display:none; }

.sub030104 { display:none; }
.sub030104m { display:block; width:100%; }

.tab_cont .tab2_3 p.t1 { font-size:28px; }
.tab_cont .tab2_3 ul { padding:5% 0;}
.tab_cont .tab2_3 ul li { width:48%; margin-right:4%; margin-bottom:4%; }
.tab_cont .tab2_3 ul li:nth-child(3n) {margin-right:4%}
.tab_cont .tab2_3 ul li:nth-child(2n) {margin-right:0%}
.tab_cont .tab2_3 ul li .img {  border-radius:6px; }
.tab_cont .tab2_3 ul li .t1 { top:10px; left:10px; }
.tab_cont .tab2_3 ul li .t2 { margin-top:5%; font-size:16px; line-height:130%; }
.tab_cont .tab2_3 ul li .t3 { font-size:13px; }

.sub0401_01 { padding:25% 0 20% 0; }
.sub0401_01 .subtxt .t1 { width:80%; margin:0 auto; font-size:26px; }
.sub0401_01 .subtxt .t2 { margin-top:14px; font-size:14px; }
.sub0401_01 .icon0401 { width:90%; margin:0 auto; padding-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0401_01 .icon0401 ul { position:relative; width:32%; margin-bottom:8%;text-align:center; }
.sub0401_01 .icon0401 ul li:nth-child(1) { width:90%;  }
.sub0401_01 .icon0401 ul li:nth-child(2) { margin-top:20px; font-size:14px; }

.tab_cont2 { position:relative; width:100%; padding:50px 0; }

.modaltitle {  width:90%; margin:0 auto; margin-top:40px; font-size:28px; line-height:140%; }

.qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.qnawrap .question_notice { position:relative; width:100%; height:auto; padding:5%; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; }
.qnawrap .question_notice ul li.question {  
	position:absolute; top:50%; left:20px; transform:translateY(-50%); width:44px; height:44px; line-height:44px; text-align:center; 
	font-size:22px; border-radius:100%; 
}
.qnawrap .question_notice ul li.questiontitle { width:100%; font-size:16px; font-weight:500; line-height:140%; padding-left:60px; box-sizing:border-box; }
.qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); }

.qnawrap .answer_notice { position:relative; width:100%; padding-left:60px; box-sizing:border-box; overflow:hidden; }
.qnawrap .answer_notice ul li.answertitle { width:94%; padding:20px 0 30px 0; font-size:13px; line-height:180%; }

.qnawrap .question_notice { border-bottom:1px solid #e0e0e0;  }
.qnawrap .answer_notice { display:block; }
.qnawrap .imgs { transform: rotate(180deg); }

.sub03_01 { position:relative; width:100%; height:500px; overflow:hidden; background:url('/images/03_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_01 ul { position:absolute; top:10%; left:50%; transform:translate(-50%,0%); width:90%; }
.sub03_01 ul li:nth-child(1) { font-size:24px; color:#ffffff; line-height:140%; font-weight:700; }
.sub03_01 ul li:nth-child(2) { margin-top:10px; font-size:13px; color:#ffffff; line-height:160%; font-weight:400; opacity:50%; letter-spacing:2px; }
.sub03_01 ul li:nth-child(1) span { font-size:24px; font-weight:700; color:#ffffff; }


.sub0501_01 { padding:20% 0; margin-top:50px; }
.sub0501_01 .subtxt { width:80%; margin:0 auto; font-size:26px; }
.sub0501_01 .icon0401 { width:80%; padding-top:50px; }
.sub0501_01 .icon0401 li { position:relative; width:100%; margin-bottom:5%; height:auto; border-radius:0%; overflow:hidden; text-align:center; font-size:18px; line-height:150%; padding-top:26px; padding-bottom:26px; }

.sub0501_02 { position:relative; width:100%; padding:80px 0 0px 0; }
.sub0501_02 .subtxt { font-size:26px; }
.sub0501_02 .box0501 { position:relative; width:80%; max-width:1380px; margin:0 auto; padding-top:40px; }
.sub0501_02 .box0501 ul { position:relative; width:100%; margin-bottom:10%; }
.sub0501_02 .box0501 ul li.t1 { position:relative; width:100%; }
.sub0501_02 .box0501 ul li.t2 { margin-top:20px; font-size:20px; line-height:100%; }
.sub0501_02 .box0501 ul li.t2 span { padding-right:10px; }
.sub0501_02 .box0501 ul li.t3 { margin-top:10px; font-size:14px; line-height:150%; }

#drboxwrap { position:relative; width:100%; box-sizing:border-box; overflow:hidden; }
#drboxwrap .drboxwrap { position:relative; width:96%; max-width:800px; margin:0 auto; padding-top:88px; padding-bottom:60px; display:flex; flex-wrap:wrap; }
#drboxwrap .drboxwrap .drbox { position:relative; width:44%; margin:0 3% 6% 3%; }
#drboxwrap .drboxwrap .drimgs { display:block; width:100%; border-radius:20px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden; }
#drboxwrap .drboxwrap .drimgs img { display:block; width:100%; }
#drboxwrap .drboxwrap .drtxt { width:100%; display:flex; margin-top:20px;  }
#drboxwrap .drboxwrap .drtxt .drname { font-size:18px; line-height:30px; height:30px; box-sizing:border-box; padding-left:4px; }
#drboxwrap .drboxwrap .drtxt .daybt { width:30px; height:30px; }
#drboxwrap .drboxwrap .drtxt .daybt a { display:block; width:30px; height:30px; border-radius:100%; margin-left:12px; text-align:center; line-height:30px; font-size:19px; }


.sub0201_01 { position:relative; width:100%; padding-top:15%; padding-bottom:15%; }
.sub0201_01 .subbox { position:relative; width:90%; margin:0 auto; display:flex; flex-direction: column-reverse; flex-wrap: wrap; padding-bottom:44px; margin-bottom:44px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox div.txtwrap { position:relative; width:100%; box-sizing:border-box; }
.sub0201_01 .subbox div.txtwrap ul li.t1 { padding-top:30px; font-size:26px; }
.sub0201_01 .subbox div.txtwrap ul li.t2 { margin-top:10px; font-size:18px; }
.sub0201_01 .subbox div.txtwrap ul li.t4 br { display:none; }
.sub0201_01 .subbox div.txtwrap ul li.t3 { margin-top:10px; font-size:14px; }
.sub0201_01 .subbox div.txtwrap ul li.t3 br { display:none; }
.sub0201_01 .subbox div.txtwrap ul li.t4 { margin-top:20px; font-size:18px; }
.sub0201_01 .subbox div.imgs { position:relative; width:100%; border-radius:10px; overflow:hidden; }


.sub0201_01 .subbox2 { position:relative; width:90%; max-width:1380px; margin:0 auto; display:flex; flex-wrap: wrap; padding-bottom:44px; margin-bottom:44px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox2 div.txtwrap { position:relative; width:100%; padding-left:0%; box-sizing:border-box; }
.sub0201_01 .subbox2 div.txtwrap ul li.t1 { padding-top:30px; font-size:26px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t1.titleicon { background:url(/page_KR0/03_sub/images/03titlebg.jpg)no-repeat 193px bottom; background-size:120px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t2 { margin-top:10px; font-size:18px; line-height:130%; }
.sub0201_01 .subbox2 div.txtwrap ul li.t3 { margin-top:10px; font-size:14px; }
.sub0201_01 .subbox2 div.txtwrap ul li.t3 br { display:none; }
.sub0201_01 .subbox2 div.txtwrap ul li.t4 { margin-top:20px; font-size:18px; }
.sub0201_01 .subbox2 div.imgs { position:relative; width:100%; border-radius:10px; overflow:hidden; }

.sub0201_01 .subbox3 { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; padding-bottom:24px; margin-bottom:44px; border-bottom:1px solid #cbcbcb; }
.sub0201_01 .subbox3 div.txtwrap { position:relative; width:100%; margin-bottom:30px; box-sizing:border-box; }
.sub0201_01 .subbox3 div.txtwrap ul li.t1 { font-size:26px; line-height:100%; letter-spacing:-1px; }
.sub0201_01 .subbox3 div.txtwrap ul li.t2 { margin-top:20px; font-size:18px; }
.sub0201_01 .subbox3 div.imgs { width:100%; }
.sub0201_01 .subbox3 div.imgs img { border-radius:10px; }
.sub0201_01 .subbox3 div.txtwrap2 { width:100%; padding-left:0%; margin-top:20px; }
.sub0201_01 .subbox3 div.txtwrap2 ul { width:100%; padding-left:34px; margin-bottom:20px; box-sizing:border-box; background:url(/page_KR0/02_sub/images/02icon.jpg)no-repeat 0 1px; }
.sub0201_01 .subbox3 div.txtwrap2 ul li.t1 { font-size:16px; }
.sub0201_01 .subbox3 div.txtwrap2 ul li.t2 { margin-top:10px; font-size:16px; }

.sub0201_01 .subbox3.subbox4 { padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #cbcbcb; }
.sub0201_01 .subbox22 { padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #cbcbcb; }


.sub0201_01.sub0301_01 { position:relative; width:100%; padding-top:15%; padding-bottom:15%; background:#eaecf1 url(/page_KR0/03_sub/images/03bg.jpg)no-repeat 50% 0; }

.mt100 {
    margin-top: 50px !important;
}

.tit2 { position:relative; width:100%; text-align:center; overflow:hidden; }
.tit2 .t1 { font-size:26px; }
.tit2 .t2 { margin-top:10px; font-size:14px; }




.subtab1 { width:90%;  margin-top:40px; }
.subtab1 ul { display:flex; flex-wrap:wrap; justify-content: center; }
.subtab1 ul li { position:relative; cursor:pointer; width:48%; height:40px; line-height:40px; margin:1% 1%; text-align:center; font-size:12px; font-weight:500; color:#0a0a0a; background:#edf1f3; border-radius:8px; box-sizing:border-box; }


.sub01_01 .subtxt1 { position:relative; width:100%; margin-bottom:40px; padding-top:50px; text-align:center; }
.sub01_01 .subtxt1 .txt1 { width:80%; margin:0 auto; font-size:28px; line-height:140%; }
.sub01_01 .subtxt1 .txt2 { width:100%; margin-top:20px; font-size:14px; }



.sub01_01 .subboxcon .boxtxt5 { position:relative; width:100%; text-align:center; }
.sub01_01 .subboxcon .boxtxt5 .txt1 { font-size:26px; }
.sub01_01 .subboxcon .boxtxt5 .txt3 { width:100%; text-align:center; margin-top:20px; font-size:14px;  }
.sub01_01 .subboxcon .boxtxt5 .txt2 { width:100%; max-width:1380px; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul { width:48%; margin-right:4%; margin-bottom:4%; padding:20px 0; border:1px solid #111111;  box-sizing:border-box; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul:nth-child(2n) { margin-right:0%; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(1) { width:90%; margin:0 auto; font-size:18px; font-weight:600; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(2) { width:90%; margin:0 auto; margin-top:8px; font-size:14px; }
.sub01_01 .subboxcon .boxtxt5 .txt2 ul li:nth-child(2) br { display:none; }



.sub01_02 { padding:15% 0 0 0; margin-top:15%; }
.sub01_02 .subtxt li.t1 { font-size:30px; }
.sub01_02 .subtxt li.t2 { width:90%; margin:0 auto; margin-top:10px; font-size:14px; }
.sub01_02 .subtxt li.t2 br { display:none; }

.sub01_02 .subbottom { padding-bottom:5%; margin-top:5%; }
.sub01_02 .subbottom .suballbox { position:relative; width:90%; margin:0 auto; display:block; }
.sub01_02 .subbottom .suballbox .imgs { width:100%; }
.sub01_02 .subbottom .suballbox .boxtxt { width:100%;  }
.sub01_02 .subbottom .suballbox .boxtxt ul { padding-top:30px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t1 { font-size:60px; padding-left:40px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t2 { margin-top:20px; font-size:26px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t3 { margin-top:10px; font-size:14px; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t2 br { display:none; }
.sub01_02 .subbottom .suballbox .boxtxt ul li.t3 br { display:none; }

.sub01_02 .subbottom2 { padding-bottom:15%; display:block; }
.sub01_02 .subbottom2 .suballbox { width:90%; max-width:700px; margin:0 auto; padding:0 0;  }
.sub01_02 .subbottom2 .suballbox .imgs { position:relative; width:100%; margin-top:10%; }
.sub01_02 .subbottom2 .suballbox .boxtxt { position:relative; width:100%; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul { padding-top:30px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t1 { font-size:60px; padding-left:40px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t2 { margin-top:20px; font-size:26px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t3 { margin-top:10px; font-size:14px; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t2 br { display:none; }
.sub01_02 .subbottom2 .suballbox .boxtxt ul li.t3 br { display:none; }

.sub01_02 .subbottom .suballbox .boxtxt.boxtxt01 { background:url(/page_KR0/05_sub/images/slogo.png)no-repeat right 5%; background-size:80px; }



#subwrap { padding:50px 0; margin-bottom:50px; }

.tap { width:90%; margin:0 auto; display:flex; flex-wrap: wrap; }
.tap li { width:49%; height:50px; margin-right:2%; margin-bottom:2%; }
.tap li:nth-child(2n) { margin-right:0px; }
.tap li a { font-size:15px; }


#medialistwrapGall6 { width:90%; margin:30px auto 0px auto; }
#medialistwrapGall6 ul.boxwrap { position:relative; width:48%; margin-right:4%; margin-bottom:10%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap:nth-child(2n) { margin-right:0px; }
#medialistwrapGall6 ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#medialistwrapGall6 ul.boxwrap li.thumbnail img { display:block; width:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:15px; font-weight:500; color:#ffffff; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:12px; font-weight:700; color:#ffffff; line-height:130%; }
#medialistwrapGall6 ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#c8c8c8; line-height:100%; }
#medialistwrapGall6 ul.boxwrap li.title1 { position:relative; width:100%; font-size:15px; font-weight:400; color:#000000; }
#medialistwrapGall6 ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%; }


#pageingWrap { width:100%; margin:auto; padding:10px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { width:24px; height:24px; font-size:12px; line-height:24px; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:8px; }
#pageingWrap ul li.btn_next { margin-left:8px; }







/* 페이징 */
#pageingWrap { width:100%; margin:auto; padding:20px 0 0 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; width:24px; height:24px; text-align:center; font-family:'Pretendard'; font-size:12px; font-weight:700; color:#666666; line-height:24px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; }
#pageingWrap ul li.no_bton { color:#fff; background:#333333; }
#pageingWrap ul li.no_btoff {   }
#pageingWrap ul li.btn_prev { margin-right:2px; }
#pageingWrap ul li.btn_next { margin-left:2px; }



/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:50px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:80px; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:24px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%:  }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: }

.viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; }
.viewTable td.filetd div { float:left; width:30%; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.filetd ul { float:left; position:relative; width:70%; height:20px; line-height:20px; overflow:hidden; }
.viewTable td.filetd ul img {  }
.viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:40px 5%; font-family:'Pretendard'; font-size:14px; color:#282828; font-weight:500; line-height:180%; }

.viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; }
.viewTable td.re_contents div.rptitle { width:150px; padding:18px 0;  background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; }

.viewTable td.prev { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.prev div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:70px; padding:0px 25px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:25%; height:20px; font-family:'Pretendard'; font-size:14px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; }
.viewTable td.next div:nth-child(2) { float:left; position:relative; width:75%; height:20px; line-height:20px; font-family:'Pretendard'; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }


/* 버튼 */
#noticebt { position:relative; width:100%; margin-top:30px; }
#noticebt ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; }
#noticebt ul li { position:relative; width:90px; height:34px; margin:0 4px; }
#noticebt ul li a { display:block; width:100%; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li input { display:block; width:100%; height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; }
#noticebt ul li.listEnd input { background:#2a2a2a; }


#noticebt2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; margin-top:30px; }
#noticebt2 input { display:block; width:90px; height:34px; line-height:34px; font-family:'Pretendard'; font-size:15px; color:#ffffff; font-weight:600; border:0px; margin:0 6px; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; background:#2a2a2a; }
#noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; }




.opennoticewrap2 { width:90%; padding-top:0px; } 
.opennoticewrap2 .subnotice_list { position:relative; width:49%; margin-right:2%; margin-bottom:5%; }
.opennoticewrap2 .subnotice_list:nth-child(4n) { margin-right:2%; }
.opennoticewrap2 .subnotice_list:nth-child(2n) { margin-right:0%; }
.opennoticewrap2 .subnotice_list div.imgs { height:auto; border-bottom-left-radius:8px; border-bottom-right-radius:18px; }
.opennoticewrap2 .subnotice_list div.imgs img { display:block; width:100%; border-bottom-left-radius:8px; border-bottom-right-radius:18px;  }
.opennoticewrap2 .subnotice_list div.t1 { height:auto; font-size:16px; margin-top:14px; padding-left:8%; padding-right:8%;}
.opennoticewrap2 .subnotice_list div.t2 { height:auto; line-height:auto; font-size:13px;padding-left:8%; padding-right:8%; box-sizing:border-box; }
.opennoticewrap2 .subnotice_list div.t1 a { color:#2f2f2f; }
.opennoticewrap2 .subnotice_list div.t2 a { color:#bcbcbc; }

.opennoticewrap2 .subnotice_list:hover { background:#0073cc; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t1 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover div.t2 a { color:#ffffff; transition:all 0.1s ease-in-out;}
.opennoticewrap2 .subnotice_list:hover .newicon { color:#ffffff; border:1px solid #ffffff; transition:all 0.1s ease-in-out;}



}






.slidepopupwrap { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 50% ); z-index:500; }
.slidepopupwrap .slidepopup { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt { float:left; position:relative; width:180px; height:550px; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt ul li { cursor:pointer; position:relative; width:100%; height:12.5%; line-height:68px; padding-left:22px; border-bottom:1px solid #ffffff; background:#dddddd; font-family: 'GmarketSansMedium'; font-size: 14px; color:#000000; box-sizing:border-box; }
.slidepopupwrap .slidepopup div.popbt ul li.swiper-slide-thumb-active { color:#ffffff; background:#00a290; }
.slidepopupwrap .slidepopup .popslideimgs { float:left; position:relative; width:1020px; height:550px; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup .popslideimgs .swiper-slide img { display:block; vertical-align:top; }

.slidepopupwrap ul.popslidebt2 { clear:both; position:relative; width:100%; height:45px; line-height:45px; background-color:#111111; box-sizing:border-box; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #333333; font-family: 'GmarketSansMedium'; font-size: 12px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 12px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1):hover { color: #fae937; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) a:hover { color: #fae937; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] { display:none; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label span { display:none; }








#intro { position:relative; width:100%; min-width:1300px; height:6692px; background:url(/images/intro.jpg)no-repeat 50% 0; }

.alink1 { position:relative; width:1300px; margin:0 auto; }
.alink1 a { display:block; position:absolute; top:1528px; width:416px;  height:264px; }
.alink1 a:nth-child(1) { left:-160px; }
.alink1 a:nth-child(2) { left:442px; }
.alink1 a:nth-child(3) { left:886px; }

.alink2 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.alink2 a { display:block; float:left; height:100%; }
.alink2 a:nth-child(1) { width:35%; }
.alink2 a:nth-child(2) { width:30%; }
.alink2 a:nth-child(3) { width:35%; }

#lq { position:fixed; height:494px; top:50%; right:0px; transform:translateY(-50%);z-index:500; }  

#lq2 { position:fixed;  bottom:0px; left:0px; width:100%; overflow:hidden; z-index:500; }  
#lq2 li { float:left; width:25%; }

.topbt { position:fixed; bottom:110px; right:0px; width:70px; }




#index4 {position:relative; width:100%; height:auto; box-sizing:border-box; padding:5% 0 0 0; background:#f7f8f9; padding-bottom:50px; }
#index4 h1 {font-size:42px; font-weight:600; text-align:center; margin-bottom:60px; color:#3a3e40;}
#index4 .root_daum_roughmap {position:relative; width:1300px; margin:0 auto;}
#index4 .info {position:relative; width:1300px; margin:0 auto; overflow:hidden; margin-top:50px;}
#index4 .info div {position:relative; float:left; width:50%; box-sizing:border-box;  box-sizing:border-box; padding-left:30px; line-height:1.5;}
#index4 .info div.section1 {position:relative;}
#index4 .info div.section2 { border-left:1px solid #c8c8c8;}
#index4 .info div .t1 {position:relative; font-size:22px; font-weight:bold; color:#205676; margin-bottom:10px; box-sizing:border-box; padding-left:30px;}
#index4 .info div .t2 {font-size:19px; margin-bottom:14px; overflow:hidden; letter-spacing:1px;}
#index4 .info div .t2 span.ttt1 {position:relative; display:block; width:120px; float:left; font-weight:500; }
#index4 .info div .t3 {margin-bottom:4px; font-size:16px;}
#index4 .info div .t1.lo {background: url(/images/lo.png) no-repeat 0% 55%;  background-size:24px; }
#index4 .info div .t1.time {background: url(/images/time.png) no-repeat 0% 70%;  background-size:24px;}
#index4 .info div .t1.sub {background: url(/images/index/sub.png) no-repeat 0% 50%;  background-size:23px; }
#index4 .info div .t1.bus {background: url(/images/index/bus.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t1.pk {background: url(/images/index/pk.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t2 .txt1 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; font-size:13px; font-weight:600; color:#ffffff; text-align:center; background:#59be0a; }
#index4 .info div .t2 .txt2 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; margin-left:20px; font-size:13px; font-weight:600; color:#000000; text-align:center; background:#f2c504; }


#indexfooter {position:relative;  color:#ffffff; background:#092a3d; box-sizing:border-box; padding:50px 0; border-top:1px solid #bbb; }
#indexfooter p { text-align:center; }

#index4 .cont { display:none; }

.introvod { position:absolute; top:625px; left:50%; transform:translateX(-50%); width:1082px; margin:0 auto; overflow:hidden; }
.introvod video { width:110%; margin-left:-5%; }

.introvod2 { position:absolute; top:60%; left:10%; transform:translateY(-50%);  width:80%; overflow:hidden; }
.introvod2 video { width:110%; margin-left:-5%; }

@media (max-width: 640px) {

#index4 {position:relative; width:100%; margin:0 auto; height:auto; box-sizing:border-box; padding:5% 0 0 0; background:#f7f8f9; padding-bottom:50px; }
#index4 h1 {font-size:26px; font-weight:600; text-align:center; margin-bottom:60px; color:#3a3e40;}
#index4 .root_daum_roughmap {position:relative; width:90%; margin:0 auto;}
#index4 .info {position:relative; width:90%; margin:0 auto; overflow:hidden; margin-top:50px;}
#index4 .info div {position:relative; float:none; width:100%; box-sizing:border-box;  box-sizing:border-box; padding-left:0px; line-height:1.5;}
#index4 .info div.section1 {position:relative;}
#index4 .info div.section2 { width:100%; margin-top:10%; border-left:0px; }
#index4 .info div .t1 {position:relative; font-size:22px; font-weight:bold; color:#205676; margin-bottom:10px; box-sizing:border-box; padding-left:30px;}
#index4 .info div .t2 {font-size:14px; margin-bottom:14px; overflow:hidden; letter-spacing:0px;}
#index4 .info div .t2 span.ttt1 {position:relative; display:block; width:80px; float:left; font-weight:500; }
#index4 .info div .t3 {margin-bottom:4px; font-size:12px;}
#index4 .info div .t1.lo {background: url(/images/lo.png) no-repeat 0% 55%;  background-size:24px; }
#index4 .info div .t1.time {background: url(/images/time.png) no-repeat 0% 70%;  background-size:24px;}
#index4 .info div .t1.sub {background: url(/images/index/sub.png) no-repeat 0% 50%;  background-size:23px; }
#index4 .info div .t1.bus {background: url(/images/index/bus.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t1.pk {background: url(/images/index/pk.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t2 .txt1 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; font-size:13px; font-weight:600; color:#ffffff; text-align:center; background:#59be0a; }
#index4 .info div .t2 .txt2 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; margin-left:20px; font-size:13px; font-weight:600; color:#000000; text-align:center; background:#f2c504; }


#indexfooter {position:relative;  color:#ffffff; background:#092a3d; box-sizing:border-box; padding:30px 0; border-top:1px solid #bbb; }
#indexfooter p { font-size:12px; line-height:150%; text-align:center; }




}