@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 반응형 디자인 A5
Part : 
Last edit : 2021.01.01
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,600,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (300,400,700,800)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)

--------------------------------------------------------- */



html {}

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; box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block;}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display: none; height: 0;}
audio, canvas, img, video { }

body { width:100%; position:relative; background: #f0f0f0;}
ol, ul { 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;}
img, fieldset { border:0;}
input, select, textarea { line-height:1.2; vertical-align:middle;}
body, table, th, td, input, textarea, button, select { font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:14px; letter-spacing:0em; color:#444; word-break:keep-all;}
button, select { text-transform:none;}
button, input {	line-height:normal;}
textarea { resize:vertical; overflow:auto;}
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal;}
label { cursor:pointer;}

/* For Screen Reader */
legend { display:none; visibility:hidden;}

/* For Screen Reader */
caption { display:none; visibility:hidden;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
a { color:#666; text-decoration:none;}
a:active, a:hover, a:focus { text-decoration:none;}
button{ margin:0px; padding:0px; cursor:pointer; border:0; background:none;}
a:focus, button:focus{ /*outline:none;*/}

/* input 기본 스타일 초기화 */
input[type="text"],input[type="password"],input[type="file"], select, textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0;}
input::-ms-clear, select::-ms-expand{ display: none;}
textarea {resize:none;}

/* 전체 공통 */
#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}
.board_wrap { width:100%; margin:0 auto 50px auto; font-size:14px;}
.board_notice { margin-bottom:20px; text-align:left;}
.board_wrap:after { display:block; content:""; clear:both;}
.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
.table_notice { display:none; margin-bottom:10px; font-size:11px;}
.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse;}
.content_table th { font-size:15px; font-weight:400;}
.content_table td { font-size:14px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#e6f2e4;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}
.content_table th.bg_right, .content_table td.bg_right { text-align:right;}
.font_black { color:#1c1c1c;}
.font_yellow { color:#fcd429;}
.font_gray { color:#676767;}
.font_lightgray { color:#848484;}
.font_blue { color:#008cd6;}
.font_red { color:#F00;}
.font_green { color:#33ab24;}
.font_pink { color:#d8507c;}
.font_orange { color:#F60;}
.font_white { color:#FFF;}
.font_brown { color:#cf6c00;}
.font_purple { color:#801992;}
.uline { text-decoration:underline;}

.main_btn_style1 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; border:1px solid #bbb; padding:10px 50px 10px 20px; background-color:#FFF; background-image:url(../images/icon/tab_box_bg_right.png); background-repeat:no-repeat; background-position: 90% 50%;}
.sub_btn_style1 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:14px; border:1px solid #bbb; padding:5px 40px 5px 15px; background-color:#FFF; background-image:url(../images/icon/tab_box_bg_right.png); background-repeat:no-repeat; background-position: 90% 50%;}
.sub_btn_style2 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:18px; padding:10px 50px 10px 20px; background-color:#444; background-image:url(../images/icon/tab_box_bg_right_w.png); background-repeat:no-repeat; background-position: 90% 50%; color:#fff;}

.m_b_XXL { margin-bottom:60px !important;}
.m_l_XXL { margin-left:60px !important;}
.m_r_XXL { margin-right:60px !important;}
.m_t_XXL { margin-top:60px !important;}
.m_b_XL { margin-bottom:40px !important;}
.m_l_XL { margin-left:40px !important;}
.m_r_XL { margin-right:40px !important;}
.m_t_XL { margin-top:40px !important;}
.m_b_L { margin-bottom:30px !important;}
.m_l_L { margin-left:30px !important;}
.m_r_L { margin-right:30px !important;}
.m_t_L { margin-top:30px !important;}
.m_b_M { margin-bottom:20px !important;}
.m_l_M { margin-left:20px !important;}
.m_r_M { margin-right:20px !important;}
.m_t_M { margin-top:20px !important;}
.m_b_S { margin-bottom:10px !important;}
.m_l_S { margin-left:10px !important;}
.m_r_S { margin-right:10px !important;}
.m_t_S { margin-top:10px !important;}

.line_1px_XXL { display:block; height:1px; width:100%; background-color:#ddd; margin:80px auto;}
.line_1px_XL { display:block; height:1px; width:100%; background-color:#ddd; margin:40px auto;}
.line_1px_L { display:block; height:1px; width:100%; background-color:#ddd; margin:30px auto;}
.line_1px_M { display:block; height:1px; width:100%; background-color:#ddd; margin:20px auto;}
.line_1px_S { display:block; height:1px; width:100%; background-color:#ddd; margin:10px auto;}
.line_1px_none { display:block; height:1px; width:100%; background-color:#ddd; margin:0 auto;}
.line_1px_none1 { display:block; height:1px; width:100%; background-color:#abadaf; margin:0 auto;}



.Contents4_box_bs {
    width: 15%;
}


.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    justify-content: center;
}

.Contents4_box_bs .img {
    width: 50px;
    height: auto;
    margin: 0 auto;
	padding: 0 0 10px 0;
}
.Contents4_box_bs .number {
	font-size: 14px;
	font-weight: 500;
}
.Contents4_box_bs .tit {
	font-size: 14px;
	font-weight: 500;
	padding: 0 0 5px 0;
}
.Contents4_box_bs .txt {
	color: #959595;
	font-size: 11px;
	font-weight: 300;
}


/* Main Contents4 */

#mainContents4 { width:100%; height:100%; min-height:240px;background-color: #111a2b; position:relative; overflow:hidden;}
.Contents_wrap_4 { opacity:1; -webkit-transition: all 1s ease; -moz-transition: all 1s 0s; -ms-transition: all 1s 0s; -o-transition: all 1s 0s; transition: all 1s 0s;}
.Contents4_box_wrap { width:100%; height:240px;max-width:1500px; margin: 0 auto;align-content: center;}
.Contents4_box_bs { color:#fff; text-align:center;display: inline-block;float: left;padding-right: calc(var(--bs-gutter-x) * 1.0);padding-left: calc(var(--bs-gutter-x) * 1.0); }


.sliding_menu .figure {position: relative;width: 100%; overflow: hidden; display:block; text-align: center;}
.sliding_menu .figure * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;}
.sliding_menu .figure img {width:100%; height:100%; top:0; left:0; transition:all 0.5s ease-in-out; transform:perspective(500px) scale(1) rotate(.001deg);}
.sliding_menu .figure:after,
.sliding_menu .figure {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.sliding_menu .figure:after {content: ""; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; z-index: 10}
.sliding_menu .figure > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.sliding_menu .figure p {z-index: 999; font-size: 17px; font-weight:500; opacity: 0; -webkit-transform: translateY(-140px); transform: translateY(40px); color: #fff; line-height: 32px; border: 0px solid #fff;}
.sliding_menu .figure:hover img{zoom: 1; transform: perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform: perspective(500px) scale(1.1) rotate(.001deg);}
.sliding_menu .figure:hover:after{opacity: 1;}
.sliding_menu .figure p:hover {z-index: 999;-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; }
figure { margin: 0; }



/* 1500 ~ 1025까지 설정 */

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


}



/* 1024 ~ 768까지 태블릿 설정 */

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

html {}

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; box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block;}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display: none; height: 0;}
audio, canvas, img, video { vertical-align:middle;}

body { width:100%; position:relative; line-height:1; min-width:1px;}
ol, ul { 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;}
img, fieldset { border:0;}
input, select, textarea { line-height:1.2; vertical-align:middle;}
body, table, th, td, input, textarea, button, select { font-family: 'Noto Sans KR', sans-serif; font-size:14px; line-height:1.4; letter-spacing:-0.04em; color:#444; word-break:keep-all;}
button, select { text-transform:none;}
button, input {	line-height:normal;}
textarea { resize:vertical; overflow:auto;}
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal;}
label { cursor:pointer;}

/* For Screen Reader */
legend { display:none; visibility:hidden;}

/* For Screen Reader */
caption { display:none; visibility:hidden;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
a { color:#666; text-decoration:none;}
a:active, a:hover, a:focus { text-decoration:none;}
button{ margin:0px; padding:0px; cursor:pointer; border:0; background:none;}
a:focus, button:focus{ outline:none;}

/* input 기본 스타일 초기화 */
input[type="text"],input[type="password"],input[type="file"], select, textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0;}
input::-ms-clear, select::-ms-expand{ display: none;}
textarea {resize:none;}

/* 전체 공통 */
#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}
.board_wrap { width:100%; margin:0 auto; font-size:14px;}
.board_notice { margin-bottom:20px;}
.board_wrap:after { display:block; content:""; clear:both;}
.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
.table_notice { display:none; margin-bottom:10px; font-size:11px;}
.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse;}
.content_table th { font-size:15px; font-weight:400;}
.content_table td { font-size:14px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#e6f2e4;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}
.content_table th.bg_right, .content_table td.bg_right { text-align:right;}
.font_black { color:#1c1c1c;}
.font_yellow { color:#fcd429;}
.font_gray { color:#676767;}
.font_lightgray { color:#848484;}
.font_blue { color:#008cd6;}
.font_red { color:#F00;}
.font_green { color:#33ab24;}
.font_pink { color:#d8507c;}
.font_orange { color:#F60;}
.font_white { color:#FFF;}
.font_brown { color:#cf6c00;}
.font_purple { color:#801992;}
.uline { text-decoration:underline;}

.main_btn_style1 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; border:1px solid #bbb; padding:10px 50px 10px 20px; background-color:#FFF; background-image:url(../images/icon/tab_box_bg_right.png); background-repeat:no-repeat; background-position: 90% 50%;}
.sub_btn_style1 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:14px; border:1px solid #bbb; padding:5px 40px 5px 15px; background-color:#FFF; background-image:url(../images/icon/tab_box_bg_right.png); background-repeat:no-repeat; background-position: 90% 50%;}
.sub_btn_style2 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:16px; padding:10px 45px 10px 15px; background-color:#444; background-image:url(../images/icon/tab_box_bg_right_w.png); background-repeat:no-repeat; background-position: 90% 50%; color:#fff;}

.m_b_XXL { margin-bottom:45px !important;}
.m_l_XXL { margin-left:45px !important;}
.m_r_XXL { margin-right:45px !important;}
.m_t_XXL { margin-top:45px !important;}
.m_b_XL { margin-bottom:32px !important;}
.m_l_XL { margin-left:32px !important;}
.m_r_XL { margin-right:32px !important;}
.m_t_XL { margin-top:32px !important;}
.m_b_L { margin-bottom:24px !important;}
.m_l_L { margin-left:24px !important;}
.m_r_L { margin-right:24px !important;}
.m_t_L { margin-top:24px !important;}
.m_b_M { margin-bottom:15px !important;}
.m_l_M { margin-left:15px !important;}
.m_r_M { margin-right:15px !important;}
.m_t_M { margin-top:15px !important;}
.m_b_S { margin-bottom:5px !important;}
.m_l_S { margin-left:5px !important;}
.m_r_S { margin-right:5px !important;}
.m_t_S { margin-top:5px !important;}

.line_1px_XXL { display:block; height:1px; width:100%; background-color:#ddd; margin:45px auto;}
.line_1px_XL { display:block; height:1px; width:100%; background-color:#ddd; margin:32px auto;}
.line_1px_L { display:block; height:1px; width:100%; background-color:#ddd; margin:24px auto;}
.line_1px_M { display:block; height:1px; width:100%; background-color:#ddd; margin:15px auto;}
.line_1px_S { display:block; height:1px; width:100%; background-color:#ddd; margin:5px auto;}
.line_1px_none { display:block; height:1px; width:100%; background-color:#ddd; margin:0 auto;}

.col-md-2 {width: 33.3333334%;}



/* Main Contents4 */

#mainContents4 { width:100%; height:100%; min-height:400px;background-color: #111a2b; position:relative; overflow:hidden;}
.Contents_wrap_4 { opacity:1; -webkit-transition: all 1s ease; -moz-transition: all 1s 0s; -ms-transition: all 1s 0s; -o-transition: all 1s 0s; transition: all 1s 0s;}
.Contents4_box_wrap { width:100%; height:400px;max-width:1500px; margin: 0 auto;align-content: center;}
.Contents4_box_bs { color:#fff; text-align:center;display: inline-block;float: left;padding-top: calc(var(--bs-gutter-x) * 1.0);padding-right: calc(var(--bs-gutter-x) * 3.0);padding-left: calc(var(--bs-gutter-x) * 3.0);padding-bottom: calc(var(--bs-gutter-x) * 0.5); }


.sliding_menu .figure {position: relative;width:100%; height:100%; overflow: hidden; display:block; text-align: center;}
.sliding_menu .figure * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;}
.sliding_menu .figure img {width:100%; height:100%; top:0; left:0; transition:all 0.5s ease-in-out; transform:perspective(500px) scale(1) rotate(.001deg);}
.sliding_menu .figure:after,
.sliding_menu .figure {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.sliding_menu .figure:after {content: ""; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; z-index: 10}
.sliding_menu .figure > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.sliding_menu .figure p {z-index: 999; font-size: 17px; font-weight:500; opacity: 0; -webkit-transform: translateY(-140px); transform: translateY(40px); color: #fff; line-height: 32px; border: 0px solid #fff;}
.sliding_menu .figure:hover img{zoom: 1; transform: perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform: perspective(500px) scale(1.1) rotate(.001deg);}
.sliding_menu .figure:hover:after{opacity: 1;}
.sliding_menu .figure p:hover {z-index: 999;-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; }
figure { margin: 0; }


}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */

html {}

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; box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block;}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display: none; height: 0;}
audio, canvas, img, video { vertical-align:middle;}

body { width:100%; position:relative; line-height:1; min-width:1px;}
ol, ul { 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;}
img, fieldset { border:0;}
input, select, textarea { line-height:1.2; vertical-align:middle;}
body, table, th, td, input, textarea, button, select { font-family: 'Noto Sans KR', sans-serif; font-size:13px; line-height:1.4; letter-spacing:-0.04em; color:#444; word-break:keep-all;}
button, select { text-transform:none;}
button, input {	line-height:normal;}
textarea { resize:vertical; overflow:auto;}
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal;}
label { cursor:pointer;}

/* For Screen Reader */
legend { display:none; visibility:hidden;}

/* For Screen Reader */
caption { display:none; visibility:hidden;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
a { color:#666; text-decoration:none;}
a:active, a:hover, a:focus { text-decoration:none;}
button{ margin:0px; padding:0px; cursor:pointer; border:0; background:none;}
a:focus, button:focus{ outline:none;}

/* input 기본 스타일 초기화 */
input[type="text"],input[type="password"],input[type="file"], select, textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0;}
input::-ms-clear, select::-ms-expand{ display: none;}
textarea {resize:none;}

/* 전체 공통 */
#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}
.board_wrap { width:100%; margin:0 auto; font-size:14px;}
.board_notice { margin-bottom:20px; font-size:12px;}
.board_wrap:after { display:block; content:""; clear:both;}
.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
.table_notice { display:none; margin-bottom:10px; font-size:11px;}
.content_table { margin:0 auto; padding:0; width:99.8%; background-color:#FFF; border-top:2px solid #bebebe; border-collapse:collapse;}
.content_table th { font-size:15px; font-weight:400;}
.content_table td { font-size:14px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:20px; padding:12px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#e4ebf2;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#e6f2e4;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}
.content_table th.bg_right, .content_table td.bg_right { text-align:right;}
.font_black { color:#1c1c1c;}
.font_yellow { color:#fcd429;}
.font_gray { color:#676767;}
.font_lightgray { color:#848484;}
.font_blue { color:#008cd6;}
.font_red { color:#F00;}
.font_green { color:#33ab24;}
.font_pink { color:#d8507c;}
.font_orange { color:#F60;}
.font_white { color:#FFF;}
.font_brown { color:#cf6c00;}
.font_purple { color:#801992;}
.uline { text-decoration:underline;}

.main_btn_style1 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:15px; border:1px solid #bbb; padding:10px 50px 10px 20px; background-color:#FFF; background-image:url(../images/icon/tab_box_bg_right.png); background-repeat:no-repeat; background-position: 90% 50%;}
.sub_btn_style1 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:13px; border:1px solid #bbb; padding:5px 40px 5px 15px; background-color:#FFF; background-image:url(../images/icon/tab_box_bg_right.png); background-repeat:no-repeat; background-position: 90% 50%;}
.sub_btn_style2 { display:inline-block; font-family: 'Noto Sans KR', sans-serif; font-size:15px; padding:10px 45px 10px 15px; background-color:#444; background-image:url(../images/icon/tab_box_bg_right_w.png); background-repeat:no-repeat; background-position: 90% 50%; color:#fff;}

.m_b_XXL { margin-bottom:34px !important;}
.m_l_XXL { margin-left:34px !important;}
.m_r_XXL { margin-right:34px !important;}
.m_t_XXL { margin-top:34px !important;}
.m_b_XL { margin-bottom:26px !important;}
.m_l_XL { margin-left:26px !important;}
.m_r_XL { margin-right:26px !important;}
.m_t_XL { margin-top:26px !important;}
.m_b_L { margin-bottom:18px !important;}
.m_l_L { margin-left:18px !important;}
.m_r_L { margin-right:18px !important;}
.m_t_L { margin-top:18px !important;}
.m_b_M { margin-bottom:10px !important;}
.m_l_M { margin-left:10px !important;}
.m_r_M { margin-right:10px !important;}
.m_t_M { margin-top:10px !important;}
.m_b_S { margin-bottom:5px !important;}
.m_l_S { margin-left:5px !important;}
.m_r_S { margin-right:5px !important;}
.m_t_S { margin-top:5px !important;}

.line_1px_XXL { display:block; height:1px; width:100%; background-color:#ddd; margin:34px auto;}
.line_1px_XL { display:block; height:1px; width:100%; background-color:#ddd; margin:26px auto;}
.line_1px_L { display:block; height:1px; width:100%; background-color:#ddd; margin:18px auto;}
.line_1px_M { display:block; height:1px; width:100%; background-color:#ddd; margin:10px auto;}
.line_1px_S { display:block; height:1px; width:100%; background-color:#ddd; margin:5px auto;}
.line_1px_none { display:block; height:1px; width:100%; background-color:#ddd; margin:0 auto;}

.col-md-2 {width: 50%;}



/* Main Contents4 */

#mainContents4 { width:100%; height:100%; min-height:600px;background-color: #111a2b; position:relative; overflow:hidden;}
.Contents_wrap_4 { opacity:1; -webkit-transition: all 1s ease; -moz-transition: all 1s 0s; -ms-transition: all 1s 0s; -o-transition: all 1s 0s; transition: all 1s 0s;}
.Contents4_box_wrap { width:100%; height:600px;max-width:1500px; margin: 0 auto;align-content: center;}
.Contents4_box_bs { color:#fff; text-align:center;display: inline-block;float: left;padding-top: calc(var(--bs-gutter-x) * 1.0);padding-right: calc(var(--bs-gutter-x) * 1.0);padding-left: calc(var(--bs-gutter-x) * 1.0);padding-bottom: calc(var(--bs-gutter-x) * 0.5); }


.sliding_menu .figure {position: relative;width:100%; height:100%; overflow: hidden; display:block; text-align: center;}
.sliding_menu .figure * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;}
.sliding_menu .figure img {width:100%; height:100%; top:0; left:0; transition:all 0.5s ease-in-out; transform:perspective(500px) scale(1) rotate(.001deg);}
.sliding_menu .figure:after,
.sliding_menu .figure {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.sliding_menu .figure:after {content: ""; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; z-index: 10}
.sliding_menu .figure > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;}
.sliding_menu .figure p {z-index: 999; font-size: 17px; font-weight:500; opacity: 0; -webkit-transform: translateY(-140px); transform: translateY(40px); color: #fff; line-height: 32px; border: 0px solid #fff;}
.sliding_menu .figure:hover img{zoom: 1; transform: perspective(500px) scale(1.1) rotate(.001deg); -webkit-transform: perspective(500px) scale(1.1) rotate(.001deg);}
.sliding_menu .figure:hover:after{opacity: 1;}
.sliding_menu .figure p:hover {z-index: 999;-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; }
figure { margin: 0; }
#mainContents1 .slick-slide div { height: 100%; }

}