@charset "utf-8";

/******************* common *******************/

:root {
    --primary-color: #334E8E;
    --dark-color: #14347E;
    --light-gray: #F5F7FB;
    --text-color: #111111;
	--white: #FFFFFF;
	--yellow: #F5A52A;
}

* { margin: 0; padding: 0; box-sizing: border-box; position: relative; scroll-behavior: smooth;}
html, body { margin: 0 auto; max-width: 1920px; min-width: 300px;}
body { font-family: 'pretendard', sans-serif; color: var(--text-color); background: #F5F7FB; word-break: keep-all;}

a { text-decoration: none; color: inherit; cursor: pointer;}
ul { list-style: none; }

select {-webkit-appearance:none;/* for chrome */-moz-appearance:none;/*for firefox*/appearance:none;}
select::-ms-expand{ display:none;/*for IE10,11*/}

button { background: none; border: none; cursor: pointer;}


.middle { position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.ctmd { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mgbt { margin-bottom: 30px;}
.no_mgbt { margin-bottom: 0 !important;}
/*.right { position: absolute; top: 50%; right: 0; transform: translateY(-50%);}*/
.mgt { margin-top: 30px !important;}
.half_mgt { margin-top: 15px !important;}
.half_mgbt { margin-bottom: 15px !important;}
.text_center { text-align: center;}


h3 { font-size: 60px; margin-bottom: 30px;}
h4 { font-size: 18px; font-weight: 400; line-height: 1.25em;}
h5 { font-size: 22px; font-weight: 600; color: var(--primary-color);} /*찾아오시는길*/



/*웹, 모바일 반응형 관련*/
.web_off { display: none;}


/*----v_con----
.v_con { position: relative; list-style: none; width: 100%;}
.v_con > li.cells { position: relative; display: inline-block; margin: 0; vertical-align: top;}
.v_con > li.cells > a { display: block; width: 100%; background: #FFFFFF; border-radius: 30px; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .25); transition: all 100ms linear;}
.v_con > li.cells > a:hover { box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);}
.v_con > li.cells > a:active { box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .95); transform: scale(.985);}

.v_con.one_con {}
.v_con.one_con > li.cells { width: 100%;}
.v_con.two_con {}
.v_con.two_con > li.cells { width: 50%;}
.v_con.two_con > li.cells.margin { width: calc(50% - 15px); margin-right: 15px;}
.v_con.two_con > li.cells.margin:last-child { margin-right: 0px; margin-left: 15px;}
.v_con.three_con {}
.v_con.three_con > li.cells { width: 33.333%;}
.v_con.three_con > li.cells.margin { width: calc(33.333% - 20px); margin-right: 15px;}
.v_con.three_con > li.cells.margin:nth-child(2) { margin-right: 15px; margin-left: 15px;}
.v_con.three_con > li.cells.margin:last-child { margin-right: 0px; margin-left: 15px;}
.v_con.four_con {}
.v_con.four_con > li.cells { width: 25%;}
.v_con.five_con {}
.v_con.five_con > li.cells { width: 20%;}
.v_con.six_con {}
.v_con.six_con > li.cells { width: 16.666%;}*/

/*v_con*/
.v_con { position: relative; list-style: none; width: 100%; /*margin-bottom: 30px;*/}
.v_con:last-child { margin-bottom: 0;}
.v_con > .cells { position: relative; display: inline-block; margin: 0; vertical-align: top;}
.v_con > .cells > a { display: block; width: 100%; background: #FFFFFF; border-radius: 30px; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .25); transition: all 100ms linear;}
.v_con > .cells > a:hover { box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);}
.v_con > .cells > a:active { box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .95); transform: scale(.985);}

.v_con.one_con {}
.v_con.one_con > .cells { width: 100%;}

.v_con.two_con {}
.v_con.two_con > .cells { width: 50%;}
.v_con.two_con > .cells.margin { width: calc(50% - 17px); margin-right: 15px;}
.v_con.two_con > .cells.margin:last-child { margin-right: 0px; margin-left: 15px;}

.v_con.two_con > .cells.mini_margin { width: calc(50% - 10px); margin-right: 10px;}
.v_con.two_con > .cells.mini_margin:last-child { margin-right: 0px; margin-left: 10px;}

.v_con.three_con {}
.v_con.three_con > .cells { width: 33.333%;}
.v_con.three_con > .cells.margin { width: calc(33.333% - 20px); margin-right: 15px;}
.v_con.three_con > .cells.margin:nth-child(2) { margin-right: 15px; margin-left: 15px;}
.v_con.three_con > .cells.margin:last-child { margin-right: 0px; margin-left: 15px;}

.v_con.three_con > .cells.mini_margin { width: calc(33.333% - 10px); margin-right: 5px;}
.v_con.three_con > .cells.mini_margin:nth-child(2) { margin-right: 5px; margin-left: 5px;}
.v_con.three_con > .cells.mini_margin:last-child { margin-right: 0px; margin-left: 10px;}

.v_con.four_con {}
.v_con.four_con > .cells { width: 25%;}
.v_con.four_con > .cells.margin { width: calc(25% - 30px); margin-right: 20px;}
.v_con.four_con > .cells.margin:nth-child(2),
.v_con.four_con > .cells.margin:nth-child(3) { margin-right: 20px; margin-left: 20px;}
.v_con.four_con > .cells.margin:last-child { margin-right: 0px; margin-left: 20px;}

.v_con.four_con > .cells.mini_margin { width: calc(25% - 15px); margin-right: 15px;}
.v_con.four_con > .cells.mini_margin:nth-child(2),
.v_con.four_con > .cells.mini_margin:nth-child(3) { margin-right: 15px; /*margin-left: 5px;*/}
.v_con.four_con > .cells.mini_margin:last-child { margin-right: 0px; margin-left: 0px;}


.v_con.five_con {}
.v_con.five_con > .cells { width: 20%;}
.v_con.five_con > .cells.margin { width: calc(20% - 30px); margin-right: 15px;}
.v_con.five_con > .cells.margin:nth-child(2),
.v_con.five_con > .cells.margin:nth-child(3),
.v_con.five_con > .cells.margin:nth-child(4) { margin-right: 15px; margin-left: 15px;}
.v_con.five_con > .cells.margin:last-child { margin-right: 0px; margin-left: 15px;}

.v_con.five_con > .cells.mini_margin { width: calc(20% - 10px); margin-right: 5px;}
.v_con.five_con > .cells.mini_margin:nth-child(2),
.v_con.five_con > .cells.mini_margin:nth-child(3),
.v_con.five_con > .cells.mini_margin:nth-child(4) { margin-right: 5px; margin-left: 5px;}
.v_con.five_con > .cells.mini_margin:last-child { margin-right: 0px; margin-left: 10px;}

.v_con.six_con {}
.v_con.six_con > .cells { width: 16.666%;}


/*flex*/
.flex_con { display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.content_center { justify-content: center !important;}


.section .show_trigger { position: absolute; top: 400px; left: 0; width: 1px; height: 1px;}

.section.wait_scroll {}
.section.wait_scroll .title_con{}
.section.wait_scroll .title_con h3,
.section.wait_scroll .title_con h2,
.section.wait_scroll .title_con h4,
.section.wait_scroll .title_con h5,
.section.wait_scroll .btn_con,
.section.wait_scroll .title_con .btn_con,
.section.wait_scroll ul,  { opacity: 0; transform: translateY(50px); filter: blur(2px);}

.section .title_con h3,
.section .title_con h2,
.section .title_con h4,
.section .title_con h5,
.section ul,
.section .btn_con,
.section .title_con .btn_con { transition: all 1000ms ease-out;}
.section ul.nav { transition: none;}

.section .title_con h3 {}
.section .title_con h2 { transition-delay: 200ms;}
.section .title_con h4 { transition-delay: 450ms;}
.section .title_con h5 { transition-delay: 700ms;}
.section ul {}
.section .btn_con { transition-delay: 900ms;}



/* BUTTON */
.btn_con { margin-top: 45px;}
.btn { 
	position: relative; display: inline-block; padding: 0 30px; vertical-align: top; 
	width: 180px; height: 45px;
	line-height: 46px;
	border-radius: 45px; 
	font-size: 14px; font-weight: 600; text-decoration: none; 
	transition: all 100ms linear; opacity: .95; 
}
.btn:hover{ opacity: 1;}
.btn:active{ transform: scale(.975);}

.btn.btn_a { background: url(../image/icon_arrow.png) 90% 50% no-repeat var(--primary-color); color: #fff; box-shadow: 0 4px 12px -4px rgba(5, 8, 43, .15);}
.btn.btn_a:hover { box-shadow: 0 3px 9px -3px rgba(5, 8, 43, .2);}
.btn.btn_a:active { box-shadow: 0 1px 3px -1px rgba(5, 8, 43, .1);}
/*
.btn.btn_b { background: #fff; color: #111; box-shadow: inset 0 0 0 2px #fdb044, 0 4px 12px -4px rgba(0, 0, 0, .15);}
.btn.btn_b:hover { color: #fff; background: linear-gradient(45deg, rgba(254, 198, 96, 1) 0%, rgba(254, 197, 176, 1) 100%);  box-shadow: inset 0 0 0 2px #fdb044, 0 3px 9px -3px rgba(108, 128, 126, .85);}
.btn.btn_b:active { box-shadow: inset 0 0 0 2px #fdb044, 0 1px 3px -1px rgba(108, 128, 126, .1);}

.btn.btn_c { background: #fff; color: #222; box-shadow: inset 0 0 0 2px #aaa, 0 4px 12px -4px rgba(0, 0, 0, .15);}
.btn.btn_c:hover { color: #fff; background: #fdb044; box-shadow: inset 0 0 0 2px #fdb044, 0 3px 9px -3px rgba(208, 143, 58, .85);}
.btn.btn_c:active { box-shadow: inset 0 0 0 2px #fdb044, 0 1px 3px -1px rgba(108, 128, 126, .1);}

.btn.btn_d { background: #fff; color: #aaa; box-shadow: inset 0 0 0 2px #ccc, 0 4px 12px -4px rgba(0, 0, 0, .15); cursor: no-drop; pointer-events: none;}
.btn.btn_e { background: linear-gradient(45deg, rgba(254, 198, 96, 1) 0%, rgba(254, 197, 176, 1) 100%); color: #000; box-shadow: 0 4px 12px -4px rgba(0, 140, 180, .5); line-height: 1.25em;}
*/


/* TABLE */
.t_style { table-layout: fixed; width: 100%;}
.t_style tr {}
.t_style tr th, .t_style tr td { height: 45px; font-size: 18px; padding:0 10px;}
.t_style tr th { background: var(--primary-color); color: var(--white); font-weight: 600;}
.t_style tr td { background: var(--light-gray);}