@import url("font.css");

/* reset */
html {scroll-behavior: smooth;}
*,*::before,*::after {  margin: 0;  padding: 0;  box-sizing: border-box; transition: background-color 0.3s ease-out, color 0.3s ease-out; /* transition: all 0.3s ease-out; */}
body {  height: 100%;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; scroll-behavior: smooth;font-size: 17px; line-height: 1.5;color: rgba(0, 0, 0, 0.8);letter-spacing:-0.03em;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased; font-weight:400; overflow:auto; word-break:keep-all;}
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%; vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
ol, ul, li {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
th, td {  vertical-align: middle;}
caption {display:none;}
a {  text-decoration: none; color: rgba(0, 0, 0, 0.8); transition: all 0.4s ease;}
a:focus-visible {  outline: none;}
textarea {  resize: none;}
img {  vertical-align: middle;}
strong, b {  font-weight: bold;}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
button {  cursor: pointer; border:none; background-color: transparent;}
input, button, textarea, select {  font: inherit;  color: inherit;}
input[type="file"] { font: initial;}
input:focus, textarea:focus  { outline: none;}
input[type=checkbox], input[type=radio] { width:18px; height:18px; }
input::placeholder { color:rgba(0, 0, 0, 0.5);}
select {/*appearance: none;-webkit-appearance: none;-moz-appearance: none; background:url(/assets/images/docu/write_ar.svg) no-repeat right 16px center;*/}
select:focus { outline: none;}
::-moz-selection { background: #444; color: #fff;}
::selection { background: #444; color: #fff;}
.wow {  visibility: hidden;}
.wow.animated {  visibility: visible !important;}

/* Layout */
#wrap {width:100%; position:relative; min-width:1400px; overflow:hidden; z-index:0;}
#topmenu_w { width:100%;} 
#topmenu_w #topmenu {  width:100%;  width:100%; z-index:999; position:absolute; background:rgba(0, 0, 0, 0.0);transition-duration: 0.4s;}
#topmenu_w #topmenu .t_bigmenu {position:relative; width:1400px; margin:0 auto;}
#topmenu_w #topmenu .t_bigmenu:after {content:""; display:block; clear:both;}
#topmenu_w #topmenu .t_bigmenu #logo { float:left; width:310px;}
#topmenu_w #topmenu .t_bigmenu #logo a { display:block; margin-top:28px; background:url(../../images/common/logo_w.png) no-repeat top left; background-size:250px auto; height:60px;}
#topmenu_w #topmenu .t_bigmenu .t_menu { float:right; width:960px; display:flex;}
#topmenu_w #topmenu .t_bigmenu .t_menu li { cursor:pointer; height:115px; line-height:115px;font-size:21px; font-weight:500; width:100%; text-align:center; color:#fff;transition-duration: 0.4s;} 
#topmenu_w #topmenu .t_bigmenu .t_menu .select { color:#ffc674; font-weight:600;}
#topmenu_w #topmenu .t_bigmenu .t_menu li a { color:#fff;}
#topmenu_w #topmenu .t_bigmenu .t_menu li:last-child { margin-right:0;}
#topmenu_w #topmenu .t_bigmenu .t_menu #link_menu06 { text-align:right;}
#topmenu_w #topmenu .t_bigmenu .t_menu #link_menu06 b { display:inline-block; width:125px; height:37px; text-align:center; line-height:37px; color:#fff; font-size:14px; border-radius:50px; background:#0678d0; font-weight:normal; position:relative; top:-3px;transition: all 0.4s ease;}
#topmenu_w #topmenu .t_bigmenu .t_menu #link_menu06 b i { color:#96ff00; padding-right:5px;transition: all 0.4s ease;}
#topmenu_w #topmenu .t_bigmenu .t_menu #link_menu06:hover b { background:#005ea7;}
#topmenu_w #topmenu .t_bigmenu .t_menu #link_menu06:hover b i { color:rgba(255, 255, 255, 0.5);}
#submenu {width:100%; z-index:300; overflow:hidden; display:none; background:#fff; 
box-shadow: 0px 15px 6px rgba(0, 0, 0, 0.1)  ;  }
#submenu .t_submenu  {position:relative; width:1400px; margin:0 auto; overflow:hidden;}
#submenu .t_submenu .submenu_wrap {overflow:hidden;margin-left:440px; width:960px; display:flex;}
#submenu .t_submenu .submenu_wrap ul {position:relative; height:300px; text-align:center; width:100%; text-align:center; }
#submenu .t_submenu .submenu_wrap ul li a {font-size:16px; font-weight:400; display:block; color:rgba(0, 0, 0, 0.7); padding:5px 0; letter-spacing:-0.03em; line-height:1.4em;}
#submenu .t_submenu .submenu_wrap ul li a:hover { color:#0678d0; text-decoration:underline;}
.wh #topmenu { background:#fff!important;}
.wh #topmenu .t_bigmenu #logo a { background:url(../../images/common/logo.png) no-repeat top left!important;background-size:250px auto!important;}
.wh #topmenu .t_bigmenu .t_menu li a { color:#000!important;} 
#footer_w { width:1400px; margin:0 auto; border-top:1px solid rgba(0, 0, 0, 0.1); padding:70px 0 70px; text-align:center;}
#footer_w footer { width:1400px; margin:0 auto; position:relative;}
#footer_w footer #footer_copy { line-height: 1.2em;}
#footer_w footer #footer_copy li { display:inline-block; font-size:15px; color:rgba(0, 0, 0, 0.5);font-style:normal;}
#footer_w footer #footer_copy li:after { display:inline-block; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); margin:0 5px 0 10px; content:''; position:relative; top:2px;}
#footer_w footer #footer_copy li:last-child:after { display:none;}
#footer_w footer #copyright { display:block;  margin-top:10px; color:rgba(0, 0, 0, 0.5); letter-spacing:0.05em; font-size:15px;}
#footer_w footer #copyright b { font-weight:500; font-size:15px; color:rgba(0, 0, 0, 0.9);letter-spacing:0.05em;}
#footer_w footer #footer_top { position:absolute; top:0; right:0;}
#footer_w footer #footer_top a { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; background:rgba(0, 0, 0, 0.05); cursor:pointer;}
#footer_w footer #footer_top a i { display:block;line-height:30px;}
#footer_w footer #footer_menu { margin-bottom:10px;}
#footer_w footer #footer_menu li { display:inline-block;}
#footer_w footer #footer_menu li a { font-size:17px;}
#footer_w footer #footer_menu li:after { display:inline-block; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); margin:0 5px 0 10px; content:''; position:relative; top:2px;}
#footer_w footer #footer_menu li:last-child:after { display:none;}
#footer_w footer #footer_site { overflow:hidden; background:#0678d0; overflow:hidden; border-radius:60px; width:670px; margin:0 auto; margin-top:35px;}
#footer_w footer #footer_site dt { float:left; width:145px; background:#0068b8; height:55px; line-height:55px; font-size:17px; color:#fff; padding-left:10px;}
#footer_w footer #footer_site dt i { color:rgba(255, 255, 255, 0.5); padding-right:5px;}
#footer_w footer #footer_site ul { float:left; width:calc(100% - 145px);}
#footer_w footer #footer_site ul li { display:inline-block; height:55px; line-height:55px;}
#footer_w footer #footer_site ul li a { color:#fff;}
#footer_w footer #footer_site ul li + li:before { display:inline-block; content:''; width:1px; height:10px; background:rgba(255, 255, 255, 0.3); margin:0 10px; position:relative; top:0px;}
#footer_w #footer_mobile { text-align:center;}
#footer_w #footer_mobile a { display:block; width:800px; border-radius:10px; font-size:40px; height:80px; line-height:80px; text-align:center; margin:0 auto; background:#e7e7e7; border:1px solid rgba(0, 0, 0, 0.2); font-weight:500; color:rgba(0, 0, 0, 0.9); margin-top:50px;}
#sub_w {}
#sub_w #sub_visual { height:541px; background:url(../../images/common/sub_visual.jpg) no-repeat top center #efefef; margin-bottom:0px; margin-top:0px;}
#sub_w #sub_title { text-align:center; margin-bottom:40px; }
#sub_w #sub_title h2 {font-size:40px; font-weight:500;}
#sub_w #sub_title u { text-decoration:none; display:block; color:rgba(0, 0, 0, 0.5); font-size:14px;}
#sub_w #sub_tab_w { width:1400px; margin:0 auto; }
#container {width:1400px; margin:0 auto; padding:0px 0 90px;}
#quick { position:fixed; top:calc(50% - 200px); right:0; width:135px; background:#0678d0; border-radius:30px 0 0 30px; overflow:hidden; text-align:center; z-index:1000;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
#quick li + li:before { content:''; display:block; width:7px; height:7px; border-radius:50%; background:rgba(255, 255, 255, 0.5); margin:10px auto;}
#quick li p { color:#fff; font-size:17px; padding-top:10px;}
#quick li a:hover { opacity:0.5;}
#quick ul { padding:35px 0;}
#quick .top { color:#fff; background:rgba(0, 0, 0, 0.15); height:55px; line-height:55px; font-size:30px; display:block;}
#quick .top:hover {background:rgba(0, 0, 0, 0.3);}
@media only screen and (max-width: 1650px) {
#quick { display:none}
}




/* Main */
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual { width:2600px; left:50%; margin-left:-1300px!important;}
.main_visual .swiper-button-prev { left:600px; display:none;}
.main_visual .swiper-button-next { right:600px;display:none;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.main_visual .swiper-pagination-bullets { bottom:30px!important;}
.main_visual .swiper-pagination-bullet-active {  background: #000!important; }
.main_visual .swiper-button-prev i, .main_visual .swiper-button-next i { font-size:50px; color:#000;}
#main_bg {}
#main_bg .tits { text-align:center; margin-bottom:45px;}
#main_bg .tits,
#main_bg .tits b { font-size:45px; font-family:'gyeong'; font-weight:bold; line-height:1.2em; letter-spacing:-2px;}
#main_bg .tits b { color:#0678d0;}
#main_bg .tits u { display:block; font-size:17px; text-decoration:none; font-family:'Montserrat', 'Noto Sans KR'; font-weight:normal; line-height:1.1em; margin-top:12px;letter-spacing:-0.03em;}
#main_bg .cons { width:1400px; margin-left:auto; margin-right:auto;}
#main_bg .cons:after { content:''; display:block; clear:both;}
#main_con_w { background:url(../../images/main/main_bg.png) no-repeat top center;}
.mc1 { padding:120px 0;}
.mc1 .cons ul { float:right; width:1040px; display:flex; gap:40px;justify-content: space-between;}
.mc1 .cons ul li {  flex: 0 0 calc((1040px - (40px * 2)) / 3);}
.mc1 .cons ul li a { display:block; overflow:hidden; border-radius:20px;height:360px;-webkit-transform: translateZ(0); position:relative;transition: transform 0.3s ease;}
.mc1 .cons ul li a::before { content:"";  position:absolute; inset:0;  background-position:center;  background-size:cover;  background-repeat:no-repeat;  transform: scale(1);  transition: transform .45s ease; }
.mc1 .cons ul li a b { display:block; font-size:24px; padding-bottom:5px;}
.mc1 .cons ul li:nth-child(1) a::before { background:url(../../images/main/1_p_01.png);}
.mc1 .cons ul li:nth-child(2) a::before { background:url(../../images/main/1_p_02.png);}
.mc1 .cons ul li:nth-child(3) a::before { background:url(../../images/main/1_p_03.png);}
.mc1 .cons ul li a:hover::before { transform: scale(1.08);   }
.mc1 .cons ul li a:hover {  transform: translateY(-10px);}
.mc1 .cons ul li a p { color:#fff; position:absolute; left:40px; bottom:40px;}
.mc1 .num { width:348px; height:376px; position:relative; float:left;  margin-left:-30px;cursor:pointer;transition: all 0.4s ease;;}
.mc1 .num .pic1 { position:absolute; top:0; left:0; z-index:50;transition: all 0.4s ease;}
.mc1 .num .pic1 img {filter: drop-shadow(0 5px 5px rgba(0,0,0,.3));}
.mc1 .num .pic2 { position:absolute; top:0; left:0; z-index:40;transition: all 0.4s ease;}
.mc1 .num .pic2 img {filter: drop-shadow(10px 20px 20px rgba(0,0,0,.4));}
.mc1 .num .tt { position:absolute; top:40px; left:70px; z-index:60; }
.mc1 .num .tt span { display:block;}
.mc1 .num .tt .tit { font-weight:bold; font-size:15px; color:rgba(255, 255, 255, 0.4); letter-spacing:7px;text-transform: uppercase; position:relative;}
.mc1 .num .tt .tit:before { content:''; display:block; position:absolute; background:url(../../images/main/1_b_01.png) no-repeat; width:48px; height:53px; top:-55px; left:160px;}
.mc1 .num .tt .tit:after { content:''; display:block; width:21px; height:2px; background:#fff; margin:16px 0;}
.mc1 .num .tt .nums {  font-size:52px; }
.mc1 .num .tt .nums,
.mc1 .num .tt .nums b {font-weight:bold;line-height:1.0em; color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.mc1 .num .tt .nums b { font-size:30px; display:block;}
.mc1 .num .tt .txt { margin:30px 0 25px; color:#fff;}
.mc1 .num .tt .btn { display:inline-block; border-radius:50px; width:154px; height:37px; line-height:37px; text-align:center; background:rgba(0, 0, 0, 0.3); color:#fff; font-size:14px;}
.mc1 .num:hover {transform: translateY(-10px);}
.mc1 .num:hover .btn { background:#fff; color:#000;}
.mc1 .num:hover .pic1 {transform: rotate(-2deg);}
.mc1 .num:hover .pic2 {transform: rotate(5deg);}
.mc2 { }
.mc2 .tits b {position:relative;}
.mc2 .tits b:after { content:''; display:block; width:34px; height:39px; background:url(../../images/main/2_tit.png) no-repeat; position:absolute; top:-20px; right:-35px;}
.main_banner_w { background:#fff; border-radius:30px; box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.1); overflow:hidden; padding:60px 30px 60px;}
.main_banner { }
.main_banner .swiper-button-prev { left:0px; top:80px;}
.main_banner .swiper-button-next { right:0px;top:80px;}
.main_banner .swiper-pagination-bullets { display:none;}
.main_banner .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.main_banner .swiper-pagination-bullet-active {  background: #000!important; }
.main_banner .swiper-button-prev i, .main_banner .swiper-button-next i { font-size:50px;color:#000;}
.main_banner .swiper-slide {width:260px!important;}
.main_banner .swiper-slide a { text-align:center;  display:block;}
.main_banner .swiper-slide a img {transition: all 0.4s ease;}
.main_banner .swiper-slide img { width:129px; display:inline-block;}
.main_banner .swiper-slide p { font-size:18px; padding-top:20px; font-weight:600;}
.main_banner .swiper-slide a:hover img { filter: hue-rotate(40deg);}
.main_banner .swiper-slide a:hover p { color:#0678d0;}
.mc3 { padding:130px 0 150px;}
.mc3 .tits { border-bottom:2px solid #000; text-align:left!important; padding-bottom:20px; position:relative;}
.mc3 .tits,
.mc3 .tits b { font-size:40px!important;}
.mc3 .tits p { font-family:'Montserrat', 'Noto Sans KR'; line-height:1.1em;letter-spacing:2px; font-size:15px; font-weight:bold; color:rgba(0, 0, 0, 0.4); font-style:normal;text-transform: uppercase; padding-left:15px; display:inline-block;}
.mc3 .tits .more { display:block; position:absolute; top:5px; right:0;}
.mc3 .tits .more i {transition: all 0.4s ease; font-size:28px;}
.mc3 .tits .more:hover i {transform: rotate(180deg);}
.mc3_1 { float:left; width:calc(100% / 2 - 50px);}
.mc3_1 .list li { vertical-align:top; display:inline-block; width:calc(50% - 25px);}
.mc3_1 .list li:nth-child(1) { margin-right:45px;}
.mc3_1 .list li a { display:block; position:relative; height:240px;}
.mc3_1 .list li a span { display:block;}
.mc3_1 .list li a .cate { background:#0678d0; border-radius:50px; color:#fff; font-size:13px; text-align:center; width:80px; height:29px; line-height:29px;}
.mc3_1 .list li a .tit { font-size:20px; font-weight:bold; line-height:1.5em; margin:20px 0 15px;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.mc3_1 .list li a .con { font-size:15px; color:rgba(0, 0, 0, 0.7);display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; line-height:1.7em; height:76px;}
.mc3_1 .list li a .date { font-size:15px; color:rgba(0, 0, 0, 0.4); letter-spacing:1px; position:absolute; left:0; bottom:0;}
.mc3_1 .list li a:hover .cate { background:#fff; color:#0678d0;}
.mc3_1 .list li a:hover .tit { color:#0678d0; text-decoration:underline;}
.mc3_2 { float:right;  width:calc(100% / 2 - 50px);}
.mc3_2 .list li { vertical-align:top; display:inline-block; width:calc(50% - 15px);}
.mc3_2 .list li:nth-child(1) { margin-right:25px;}
.mc3_2 .list li a { display:block;}
.mc3_2 .list li a span { display:block;}
.mc3_2 .list li a .pic { border-radius:20px; overflow:hidden; height:203px;}
.mc3_2 .list li a .pic img { width:100%;transition: all 0.4s ease;}
.mc3_2 .list li a .tit {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px; padding:20px 0 2px; font-weight:600;}
.mc3_2 .list li a .date { font-size:15px; color:rgba(0, 0, 0, 0.4); letter-spacing:1px; }
.mc3_2 .list li a:hover .tit { color:#0678d0; text-decoration:underline;}
.mc3_2 .list li a:hover .pic img {filter: contrast(150%);}
.mc4 { border-radius:30px; background:url(../../images/main/4_bg.jpg) no-repeat top center; background-size:cover; height:177px; box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.1); cursor:pointer;transition: all 0.4s ease; position:relative; display:flex;align-items: center; padding:0 45px 0 400px; justify-content:space-between;}
.mc4:before { content:''; display:block; width:419px; height:280px; background:url(../../images/main/4_01.png) no-repeat; position:absolute; top:-50px; left:-50px;transition: all 0.4s ease;}
.mc4:after { content:''; display:block; width:115px; height:117px; background:url(../../images/main/4_02.png) no-repeat; position:absolute; top:-20px; right:100px;transition: all 0.4s ease;transform-origin: 30% 30%;}
.mc4 .tit { font-size:45px; font-family:'gyeong'; font-weight:bold; line-height:1.2em; letter-spacing:-2px; color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); width:180px; position:relative;}
.mc4 .tit:after {content:''; display:block; width:76px; height:80px; background:url(../../images/main/4_03.png) no-repeat; position:absolute; top:85px; left:215px;transition: all 0.4s ease;transform-origin: 10% 10%;}
.mc4 .con { color:#fff; font-size:17px; width:calc(100% - 250px);}
.mc4 .btn { width:55px; height:55px; border-radius:50%; line-height:55px; color:#fff;box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3); background:rgba(0, 0, 0, 0.2); text-align:center;}
.mc4:hover {background:url(../../images/main/4_bg.jpg) no-repeat 0 -30px;}
.mc4:hover:before {transform: rotate(-5deg);}
.mc4:hover:after {transform: rotate(90deg);}
.mc4:hover .tit:after {transform: rotate(20deg);}
.mc4:hover .btn { background:#fff; color:#000;}
.mc5 { text-align:center; padding:150px 0 40px;}
.mc5 li { display:inline-block; vertical-align:top; margin:0 30px;}

/* Common */
.sub_tab { margin-bottom:60px; display:flex; }
.sub_tab li {  width:100%; position:relative;}
.sub_tab li + li:before { content:''; display:block; position:absolute; top:27px; left:0; width:1px; height:10px; background:rgba(0, 0, 0, 0.3);}
.sub_tab li a { display:block; text-align:center; border-bottom:3px solid #0678d0; height:62px; font-size:19px; border-radius:20px 20px 0 0; font-weight:600;display:flex;  justify-content: center; align-items: center; }
.sub_tab li a:hover {color:#0678d0;}
.sub_tab li a br { display:none;}
.sub_tab.ss li a { font-size:19px; line-height:1.3em; height:70px;}
.sub_tab.ss li a br { display:inline-block;}
.sub_tab .select {}
.sub_tab .select a {  border:3px solid #0678d0; border-bottom:none; color:#0678d0;}

.sub_tab2 { margin-bottom:40px; text-align:center;}
.sub_tab2 li { vertical-align:top; display:inline-block; margin:0 2px;}
.sub_tab2 li a { display:block; text-align:center; height:50px; line-height:50px; border-radius:60px; background:rgba(0, 0, 0, 0.05); font-size:18px; padding:0 30px;}
.sub_tab2 .select {}
.sub_tab2 .select a { font-weight:500; color:#fff; background: linear-gradient(135deg, #1e90ff, #0066cc);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);}

.hand{cursor: pointer!important;}
.tc{text-align:center!important;}
.none{display:none!important;}
.on {display:block;}
.blind {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}

.mb10 { margin-bottom:10px!important;}
.mb20 { margin-bottom:20px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}
.mb70 { margin-bottom:70px!important;}
.mb80 { margin-bottom:80px!important;}
.mb100 { margin-bottom:100px!important;}
.mb120 { margin-bottom:120px!important;}

.tt_b { color:#00FFFF!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#339933!important;}
.tt_y { color:#f1cc45!important;}

.tit1 {  margin-bottom:30px;}
.tit1 > u { text-decoration:none; display:inline-block; font-weight:normal; font-size:16px; color:rgba(0, 0, 0, 0.7); padding-left:10px;}
.tit1 > u > b { color:#ff0000; font-weight:normal;}
.tit1 > b { display:inline-block; border-radius:3px; background:#0678d0;font-size:27px; font-weight:600; color:#fff; letter-spacing:-1px; padding:4px 6px; line-height:1.1em;}
.tit2 { margin-bottom:10px; font-size:22px; color:#125486;font-family: 'gyeong';}
.tit2 > i { font-size:22px; color:#82c6fa; position:relative; top:2px;}

.td1 { width:100%;border-top:1px solid rgba(0, 0, 0, 0.15);}
.td1 thead {background:rgba(6, 120, 208, 0.8);}
.td1 thead th { background:rgba(0, 0, 0, 0.1); font-size:17px; color:#fff; text-align:center; font-weight:500;}
.td1 thead td { text-align:center; color:#fff;font-weight:500; font-size:17px; border-right:1px solid rgba(255, 255, 255, 0.2); padding:8px 0;}
.td1 thead td:last-child  { border-right:none;}
.td1 tbody {}
.td1 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td1 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td1 tbody td:last-child {}
.td1 tbody td b { font-weight:500; color:#000;}
.td1 tbody td u { color:#FF0000;}
.td1 tfoot th {text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.07); padding:15px 20px; }
.td1 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;  background:rgba(0, 0, 0, 0.05);}
.td_c tbody td,
.td_c tfoot td { text-align:center;}
.td2 { width:100%;}
.td2 thead {}
.td2 thead th {  text-align:center; font-weight:500; border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 thead td { text-align:center; font-weight:500; font-size:17px;  border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 tbody {}
.td2 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td2 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td2 tbody td:last-child {}
.td2 tfoot th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.05); padding:15px 20px; }
.td2 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;background:rgba(0, 0, 0, 0.02); }

.list1 {}
.list1 > li {  padding:2px 0 5px 12px; position:relative; line-height:1.6rem;}
.list1 > li:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:13px; left:0;}
.list1.bx { padding:28px 30px 20px 30px; border:2px dashed #0678d0; border-radius:20px;}
.list1.bx.gr { background:#f3f3f3; border:none;}
.list1.bl > li { color:rgba(0, 0, 0, 0.6);}
.list1.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list1.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.2);margin:7px 0; padding:4px 0 7px 12px; }
.list1.li > li:last-child { border-bottom:none;}
.list1 h4 {}
.list2 {}
.list2 > li { background:url(../../images/common/bullet_2.png) no-repeat 0 12px; background-size:11px auto; padding:5px 0 2px 20px;line-height:1.6rem;}
.list2.bx { border:2px dashed #0678d0; border-radius:20px; padding:28px 30px 20px 30px;}
.list2.bx.gr {  background:#f3f3f3; border:none;}
.list2.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list2.bl > li { color:rgba(0, 0, 0, 0.6);}
.list2.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:13px 0 13px 27px; background:url(../../images/common/bullet_2.png) no-repeat 7px 19px;background-size:11px auto;}
.list2.li > li:last-child { border-bottom:none;}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}

.list_s { margin-top:20px;}
.list_s > li { background:url(../../images/common/bullet_1.png) 0px 10px no-repeat; padding:2px 0 2px 10px; font-size:14px;}

.btn1 { border-radius:3px; background:rgba(6, 120, 208, 0.9); border:1px solid rgba(6, 120, 208, 1.0); color:#fff; font-weight:500; text-align:center; cursor:pointer; display:inline-block;}
.btn1:hover { color:#fff;}
.btn2 { border-radius:3px; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(0, 0, 0, 0.9); color:#fff; font-weight:400; text-align:center; cursor:pointer; display:inline-block;}
.btn2:hover { color:#fff;}
.btn3 { border-radius:3px; background:#fff; border:1px solid rgba(0, 0, 0, 0.1); font-weight:400; text-align:center; cursor:pointer; display:inline-block;}

.btn_wrap { overflow:hidden; text-align:center; margin:30px 0;}
.btn_wrap .btn { width:160px; height:50px; line-height:50px; font-size:18px; margin:0 2px;}
.btn_wrap .cc { display:inline-block;}
.btn_wrap .rr { float:right;}
.btn_wrap .ll { float:left;}

.box_sh {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }

.pa1 { margin-bottom:100px!important;}
.pa1.col2 { overflow:hidden;}
.pa1.col2 > div { float:left; width:calc(100% / 2 - 50px);}
.pa1.col2 > div:nth-child(1) { margin-right:100px;}
.pa2 { margin-bottom:60px!important;}
.pa3 { margin-bottom:30px!important;}

.soon { background:url(../../images/common/soon.png) no-repeat center center rgba(0, 0, 0, 0.05); height:400px;}

.iframe_w { position: relative;
padding-bottom: 49%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;}
.iframe_w iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:none;}


/* Sub Page */
.titss { margin-bottom:30px; position:relative;}
.titss h3 { display:inline-block;}
.titss h3,
.titss h3 b {font-size:45px; font-family:'gyeong'; font-weight:bold; line-height:1.2em; letter-spacing:-2px;}
.titss h3 b {color:#0678d0;}
.titss u {  font-size:15px; text-decoration:none; font-weight:bold; color:rgba(0, 0, 0, 0.4); letter-spacing:5px;text-transform: uppercase; padding-left:20px;}
.bxs { border:2px dashed #0678d0; border-radius:20px;}
.comp1 { background:url(../../images/company/1_bg.png) no-repeat top left; position:relative;}
.comp1 .pic { position:absolute; top:0; right:0;}
.comp1 .pic:after { content:''; display:block; background:url(../../images/company/1_02.png) no-repeat; background-size:contain; width:230px; height:55px; margin:30px auto 0;}
.comp1 h3 { padding:40px 0 25px;}
.comp1 h3,
.comp1 h3 b { font-size:40px; font-family:'gyeong'; font-weight:300;line-height:1.2em; letter-spacing:-2px;}
.comp1 h3 b { font-weight:bold; color:#0678d0; display:block;}
.comp1 p { font-size:17px; line-height:1.6em;}
.comp1 .t1 u { font-size:17px; color:#0678d0; font-weight:bold;}
.comp1 .t2 { padding:230px 0 0px;}
.comp1 .t2 b { padding-top:20px; display:block; font-size:20px; font-weight:normal;}
.comp2 .titss { position:relative;}
.comp2 .titss:after { content:''; display:block; position:absolute; right:30px;  top:-9px; background:url(../../images/company/2_tit_bg.png) no-repeat; width:252px; height:93px;}
.comp2 .tab { overflow:hidden;background:url(../../images/company/2_tab_bg.png) no-repeat right top, linear-gradient(to right, #68b564, #046dd6); display:flex; padding:13px; border-radius:80px;}
.comp2 .tab li { width:100%; font-weight:bold; color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-align:center; cursor:pointer; letter-spacing:1px; font-size:22px; height:50px; line-height:50px; border-radius:50px; position:relative;}
.comp2 .tab li:hover { color:#00e4ff;}
.comp2 .tab .on { background:#fff; color:#0678d0;text-shadow:none; border-bottom:1px solid #fff; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.5);background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e5e5e5 100% );}
.comp2 .tab li + li:before { content:''; display:block; width:6px; height:6px; border-radius:50%; background:rgba(255, 255, 255, 0.3); position:absolute; top:20px; left:-3px;}
.comp2 .con { overflow:hidden;}
.comp2 .con dl { float:left;  margin:65px 100px 0 0; width:calc(50% - 50px); overflow:hidden;}
.comp2 .con dl:nth-child(2n) { margin-right:0;}
.comp2 .con dl dt { float:left; width:130px; letter-spacing:normal; font-size:40px; font-weight:bold; line-height:0.8em;}
.comp2 .con dl ul { float:left; width:calc(100% - 130px);}
.comp2 .con dl ul li { margin-bottom:25px; position:relative;}
.comp2 .con dl ul li .month,
.comp2 .con dl ul li .tt {display:inline-block; vertical-align:top; font-size:17px;}
.comp2 .con dl ul li .month {  font-weight:600; width:100px; letter-spacing:normal; color:rgba(0, 0, 0, 0.9);}
.comp2 .con dl ul li .month:before { content:''; display:inline-block; width:18px; height:18px; background:url(../../images/company/2_01.png) no-repeat; position:relative; top:2px; padding-right:50px;}
.comp2 .con dl ul li .tt { color:rgba(0, 0, 0, 0.7);}
.comp2 .con dl ul li + li:before { content:''; display:block; width:1px; height:50px; background:rgba(0, 0, 0, 0.1); position:absolute; left:9px; bottom:11px;}
.comp2 .con dl ul li .tts { font-weight:600; font-size:20px;}
.comp2 .con dl ul li .tts i { font-size:25px; position:relative; top:2px; padding-right:20px; left:-2px;}
.comp2 .con dl:nth-child(1) ul li .tts,
.comp2 .con dl:nth-child(1) dt { color:#0678d0;}
.comp2 .con dl:nth-child(2) ul li .tts,
.comp2 .con dl:nth-child(2) dt { color:#2fb0dc;}
.comp2 .con dl:nth-child(3) ul li .tts,
.comp2 .con dl:nth-child(3) dt { color:#2ba878;}
.comp2 .con dl:nth-child(4) ul li .tts,
.comp2 .con dl:nth-child(4) dt { color:#7bbf4c;}
.comp3_1 { background:url(../../images/company/3_01.png) no-repeat top center; height:327px; overflow:hidden; padding-top:65px;}
.comp3_1 dl { float:left; width:410px;}
.comp3_1 dl dt {  font-family: 'gyeong'; font-size:40px; font-weight:bold; color:#5e8a05;}
.comp3_1 dl dt > u { text-decoration:none; color:rgba(0, 0, 0, 0.4); letter-spacing:1px; text-transform: uppercase; font-size:15px; padding-left:10px;}
.comp3_1 dl dt:after { content:''; display:block; width:36px; height:2px; background:#000; margin:5px 0 15px;}
.comp3_1 dl:nth-child(2) { float:right; }
.comp3_1 dl:nth-child(2) dt {color:#0b84d9;}
.comp3_2 { text-align:center;}
.comp3_2 .tit { position:relative; top:30px; font-family: 'gyeong'; font-weight:bold; color:#0066ad; font-size:40px;text-shadow: -5px 0px #fff, 0px 5px #fff, 5px 0px #fff, 0px -1px #fff;}
.comp3_2 .bxs { background:url(../../images/company/3_02.png) no-repeat right bottom #eff7fd; padding:50px 0 40px;}
.comp3_2 .bxs dl { vertical-align:top; display:inline-block; width:204px; margin:0 30px; position:relative;}
.comp3_2 .bxs dl dt { width:204px; height:204px; border-radius:50%; background:#fff;display:flex; justify-content: center; align-items: center; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15);}
.comp3_2 .bxs dl dt img { width:87px;}
.comp3_2 .bxs dl dd p { font-size:20px; color:#000; font-weight:600; padding:15px 0 10px;}
.comp3_2 .bxs dl dd { color:rgba(0, 0, 0, 0.7); font-size:16px;}
.comp3_2 .bxs dl + dl:before { content:''; display:block; position:absolute; width:15px; height:15px; background:url(../../images/common/ar+.png) no-repeat; background-size:contain; top:100px; left:-40px;}
.comp4 { text-align:center;}
.comp4 li { display:inline-block; vertical-align:top; margin:0 12px 40px 12px; width:250px;}
.comp4 li .pic { border:1px solid rgba(0, 0, 0, 0.1); background:rgba(0, 0, 0, 0.03); padding:10px;}
.comp4 li .pic img { width:100%;}
.comp4 li p { font-size:18px; padding-top:10px;}
.comp5 {}
.comp5 iframe { width:100%; height:550px; padding:0; margin:0; border:none; overflow:hidden; border-radius:20px; z-index:50;}
.comp5 .titss:after { content:''; display:block; width:533px; height:96px; background:url(../../images/company/5_tit.png) no-repeat; position:absolute; right:0; bottom:-30px;}
.comp5 .comp5_1 { overflow:hidden; border-radius:0 0 20px 20px;background: url('../../images/company/5_bg.png') no-repeat right bottom,  linear-gradient(to right, #68b564, #046dd6); z-index:40; margin-top:-25px; padding-top:20px; height:145px; padding:20px 50px 0; display:flex; justify-content: center;    justify-content:space-between; align-items: center; margin-bottom:50px;}
.comp5 .comp5_1 .btn { display:block; background:#fff; border-radius:50px; width:175px; height:38px; text-align:center; line-height:38px; font-size:14px;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);}
.comp5 .comp5_1 .btn i { color:#046ad5;}
.comp5 .comp5_1 .btn:hover { opacity:0.5;}
.comp5 .comp5_1 ul li { display:inline-block; font-size:18px; color:#fff;}
.comp5 .comp5_1 ul li b { color:#00fffc; font-size:19px; padding-right:8px; font-weight:600;}
.comp5 .comp5_1 ul li + li:before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:rgba(255, 255, 255, 0.4); margin:0 15px; position:relative; top:-4px;}
.comp5 .comp5_2 { overflow:hidden; display:flex; justify-content:space-between; }
.comp5 .comp5_2 dl { display:flex; justify-content: center; align-items: center; float:left;}
.comp5 .comp5_2 dl dt { width:164px; height:164px; border-radius:50%; background:#e2eff9; text-align:center; display:flex; justify-content: center; align-items: center;  flex-direction: column; margin-right:30px;}
.comp5 .comp5_2 dl dt p { color:#005699; padding-top:10px; font-weight:600;}
.comp5 .comp5_2 dl dd {}
.comp5 .comp5_2 .sub .line { display:block; width:100px; height:32px; line-height:32px; text-align:center; color:#fff; background:#74be9f; font-size:15px; border-radius:50px; margin-bottom:10px;}
.comp5 .comp5_2 .bus li { padding:10px 0;}
.comp5 .comp5_2 .bus li + li { border-top:1px solid rgba(0, 0, 0, 0.15);}
.comp5 .comp5_2 .bus li .tit { display:inline-block; width:155px;}
.comp5 .comp5_2 .bus li b { display:inline-block; margin-left:20px; letter-spacing:normal;}
.comp5 .comp5_2 .bus .c1,
.comp5 .comp5_2 .bus .c1 i { color:#80a726;}
.comp5 .comp5_2 .bus .c2,
.comp5 .comp5_2 .bus .c2 i { color:#0678d0;}
.bus_w .top { border-radius:20px; background:url(../../images/business/top_bg2.png) no-repeat top left #eff7fd; padding:50px; position:relative;padding-right:510px;}
.bus_w .top:before { content:''; display:block; position:absolute; top:-10px; left:-10px; background:url(../../images/business/top_bg1.png) no-repeat; width:324px; height:198px;}
.bus_w .top:after {position:absolute; content:''; display:block; bottom:0; right:0; border-radius:0 0 20px 0;}
.bus_w .top .txt1 { font-size:20px; text-decoration:underline;text-decoration-thickness: 1px; margin-bottom:30px; }
.bus_w .top .txt1 > b { color:#0678d0; font-weight:600;}
.bus_w .top .txt2 {}
.bus_w1 .top:after {  background:url(../../images/business/1_top.png) no-repeat; width:353px; height:306px;}
.bus_w2 .top:after {  background:url(../../images/business/2_top.png) no-repeat; width:424px; height:315px;}
.bus_w3 .top:after {  background:url(../../images/business/3_top.png) no-repeat; width:442px; height:298px;}
.bus_w4 .top:after {  background:url(../../images/business/4_top.png) no-repeat; width:406px; height:315px;}
.bus_w51 .top:after {  background:url(../../images/business/51_top.png) no-repeat; width:404px; height:289px;}
.bus_w52 .top:after {  background:url(../../images/business/52_top.png) no-repeat; width:381px; height:280px;}
.bus_w53 .top:after {  background:url(../../images/business/53_top.png) no-repeat; width:407px; height:308px;}
.bus_w6 .top:after {  background:url(../../images/business/6_top.png) no-repeat; width:416px; height:299px;}
.bus_11 { }
.bus_11 dl { width:calc(100% / 3 - 60px); margin:0 80px 35px 0; overflow:hidden; display:inline-block; vertical-align:top;}
.bus_11 dl:nth-child(3n) { margin-right:0;}
.bus_11 dl:nth-child(2n) dt { background:#d4e4b3;}
.bus_11 dl:nth-child(4) dd > p,
.bus_11 dl:nth-child(5) dd > p {padding-top:30px;}
.bus_11 dl dt { float:left; width:140px; height:140px; border-radius:50%; background:#bee4ff;display:flex;     justify-content: center; align-items: center; }
.bus_11 dl dt img { width:58px;}
.bus_11 dl dd { float:left; width:calc(100% - 140px); padding-left:24px;}
.bus_11 dl dd > p { margin-bottom:5px; font-size:20px; font-weight:700; padding-top:10px;}
.bus_11.col4 dl {width: calc(100% / 4 - 60px);}
.bus_11.col4 dl:nth-child(3n) { margin-right:60px;}
.bus_11.col4 dl:nth-child(4) dd > p, 
.bus_11.col4 dl:nth-child(5) dd > p { padding-top:10px;}
.bus_11.col4 dl:last-child { margin-right:0px;}
.bus_12 { border-radius:10px; background:rgba(0, 0, 0, 0.03); padding:30px 50px; overflow:hidden;}
.bus_12 dt { float:left; width:105px;}
.bus_12 dd { float:left; width:calc(100% - 105px);}
.bus_12 dd p { display:block; font-size:18px;  margin-bottom:5px; font-weight:bold;}
.bus_13 { border:2px dashed #0b84d9; padding:40px 0px; text-align:center; border-radius:20px;}
.bus_13 li { display:inline-block; vertical-align:top; width:145px; margin:0 8px; position:relative;}
.bus_13 li .num { display:block; color:#0678d0; letter-spacing:3px; font-size:20px; font-weight:bold;}
.bus_13 li .ic { margin:10px 0 15px; height:130px; border-radius:20px;background: linear-gradient(135deg, #1e90ff, #0066cc);box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2); display:block; display:flex; justify-content: center; align-items: center; }
.bus_13 li .ic img { width:58px;filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2))}
.bus_13 li:nth-child(2n) .ic { background: linear-gradient(135deg, #3cbef2, #359dd7);}
.bus_13 li + li:before { content:''; display:block; background:url(../../images/common/ar1.png) no-repeat; background-size:contain; width:7px; height:9px; position:absolute; top:100px; left:-12px;}
.bus_13 li p { padding:0 10px;}
.bus_13 li p > u { font-size:14px; color:#0678d0; padding-top:5px; line-height:1.3em; display:block; text-decoration:none;}
.bus_14 { display:flex; gap:15px;}
.bus_14 li { border-radius:20px; background:rgba(0, 0, 0, 0.03); text-align:center; padding:35px; width:100%;display:flex; justify-content: center; align-items: center;  flex-direction: column; }
.bus_14 li img { width:78px;}
.bus_14 li .tit { display:block; padding:10px 0 5px 0;}
.bus_14 li .con { display:block; font-size:20px; font-weight:600; color:#0678d0; line-height:1.3em;}
.bus_21 {  }
.bus_21 .con { background:#eff7fd;overflow:hidden;border-radius:20px; padding:30px;}
.bus_21 .pic { float:left; width:190px;}
.bus_21 ul { float:left; width:calc(100% - 190px);}
.bus_22 { position:relative;}
.bus_22:after { content:''; display:block; width:180px; height:184px; background:url(../../images/business/2_02.png) no-repeat; right:-20px; bottom:-20px; position:absolute; background-size:contain;}
.bus_22 li { display:inline-block; vertical-align:top; width:calc(100% / 3 - 5px);}
.bus_22.list1.li > li:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.bus_22 li i { font-size:19px; color:#51a4e4; position:relative; top:2px;}
.bus_31 { display:flex; gap:30px;}
.bus_31 dl { border:1px solid #68b3ee; border-radius:20px;text-align:center; width:calc(100% / 3 - 20px); position:relative;}
.bus_31 dl + dl:before { content:''; display:block; width:11px; height:22px; background:url(../../images/common/ar+.png) no-repeat; position:absolute; top:90px; left:-21px; background-size:contain;}
.bus_31 dl dt { padding:20px;}
.bus_31 dl dt img { width:80px;}
.bus_31 dl dd { background:#eff7fd; height:70px; font-size:16px; border-radius:0 0 20px 20px;display:flex;     justify-content: center; align-items: center; }
.bus_32 { font-size:20px;}
.bus_32 u { font-size:16px; padding-left:10px; color:#0678d0;}
.bus_33 { position:relative;}
.bus_33:after { content:''; display:block; width:234px; height:216px; background:url(../../images/business/3_01.png) no-repeat; right:-20px; bottom:-20px; position:absolute; background-size:contain;}
.bus_41 .tt { border-radius:100px; padding:13px 30px; font-size:20px; background:#eff7fd; margin-bottom:10px; position:relative;}
.bus_41 .tt:after { content:''; display:block; position:absolute; right:260px; bottom:0; width:456px; height:106px; background:url(../../images/business/4_1_01.png) no-repeat;}
.bus_42 { display:flex; gap:30px;}
.bus_42 dl { border:1px solid #68b3ee; border-radius:20px;text-align:center; width:calc(100% / 3 - 20px); position:relative;}
.bus_42 dl + dl:before { content:''; display:block; width:11px; height:22px; background:url(../../images/common/ar1.png) no-repeat; position:absolute; top:80px; left:-21px; background-size:contain;}
.bus_42 dl dt { padding:20px;}
.bus_42 dl dt img { width:80px;}
.bus_42 dl dd { background:#eff7fd; height:50px; line-height:50px; font-size:18px; border-radius:0 0 20px 20px;}
.bus_51 .bxs { padding:40px; text-align:center;}
.bus_51 .bxs p { font-size:25px;}
.bus_51 .bxs p > b { color:#0678d0;}
.bus_51 .bxs u {}
.bus_61 ul { position:relative;}
.bus_61 ul:after { content:''; display:block; position:absolute; right:-50px; bottom:-10px; background:url(../../images/business/6_01.png) no-repeat; width:461px; height:418px;}
.bus_num { width:500px; margin:0 auto; height:60px; line-height:60px; background:#e4f0fa; border-radius:60px; position:relative; padding-left:130px; text-align:left;}
.bus_num:before { content:''; display:block; position:absolute; bottom:0; left:0; background:url(../../images/business/num.png) no-repeat; width:121px; height:89px;}
.bus_num dt { display:inline-block; vertical-align:top; color:#0678d0; font-weight:500; font-size:18px;}
.bus_num dt:after { content:''; display:inline-block; width:1px; height:13px; margin:0 10px; background:rgba(0, 0, 0, 0.2);}
.bus_num dd { display:inline-block; vertical-align:top; color:#0678d0; font-size:30px; font-weight:bold; letter-spacing:1px;}
.sup1 { text-align:center;}
.sup1 h3,
.sup1 h3 b {font-family:'gyeong'; font-size:43px;}
.sup1 h3 b { color:#0678d0;}
.sup1 h3 b:nth-child(2) { color:#7ab00a;}
.sup1 h3 { color:#505050; background:url(../../images/support/top_star.png) no-repeat top center; padding:50px 0 30px;}
.sup1 > p { padding:0 0 30px 0; font-size:17px;}
.sup1 > p b { color:#0678d0;}
.sup1 ul { display:flex; gap:33px;}
.sup1 ul li { width:100%; border-radius:20px; background:#eff7fd; padding:30px 0 ;}
.sup1 ul li p { padding-top:10px; font-size:19px;}
.sup2 .bxs { padding:40px 40px 25px 50px; position:relative;}
.sup2 .bxs:after { content:''; display:block; background:url(../../images/support/1_bx.png) no-repeat; width:161px; height:58px; position:absolute; right:50px; top:-58px;}
.sup2 .bxs dd { padding-top:20px;}
.sup2 .bxs dl { margin-bottom:0;}
.sup3 { text-align:center;}
.sup3 h3,
.sup3 h3 b {font-family:'gyeong'; font-weight:normal; font-size:28px; }
.sup3 h3 b { color:#0678d0;}
.sup3 h3 b:nth-child(2) { color:#7ab00a;}
.sup3 h3 { margin-bottom:55px; color:#505050;}
.sup3 h3 br { display:none;}





/* Members */
.ipw {background: #fff; border:1px solid rgba(0, 0, 0, 0.2); padding-left:10px; line-height:40px; height: 40px; border-radius: 3px;}

.members_tit { margin-bottom:20px; text-align:center; font-size:35px; font-weight:600;}
.members_tit b { font-size:35px; font-weight:600; color:rgba(6, 120, 208, 1.0);}
.members_tit i { display:block; text-align:center; font-size:80px; color:rgba(0, 0, 0, 0.15);}
.members_tit u { display:block; text-decoration:none; font-size:16px; color:rgba(0, 0, 0, 0.8); font-weight:400; margin-top:10px;}

.break_w { position:relative;}
.break_w .break_btn { position:absolute; bottom:-30px; right:0; height:40px; line-height:40px; width:150px; display:block;}

.guide_wrap {}
.guide_wrap > dt {}
.guide_wrap > dd {}
.guide_wrap > dd .guide_txt {margin-top:30px;}
.guide_wrap > dd .guide_txt p { margin-bottom:10px;}
.guide_wrap > dd .guide_txt .gt_top { color:rgba(6, 120, 208, 1.0); margin-bottom:20px; background:rgba(6, 120, 208, 0.1); padding:20px;}
.guide_wrap > dd .guide_txt .gt_con { margin-bottom:20px; font-size:15px;}

.guide_wrap h3 {font-size: 25px;    font-weight: bold;    line-height: 1.2em;   color: rgba(6, 120, 208, 1.0); margin-bottom:10px;}
.guide_wrap h4 { font-size:18px; font-weight:600; margin-bottom:5px;}
.guide_wrap .list { margin-left:20px;}
.guide_wrap .list > li { margin-bottom:5px;list-style:decimal;}
.guide_wrap .list_ { margin-left:20px; margin:5px 0 10px 20px;}
.guide_wrap .list_ > li { margin-bottom:5px;list-style:upper-alpha; color:rgba(0, 0, 0, 0.6); font-size:15px;}
.guide_wrap .list_2 { padding:15px 10px 15px 40px; background:rgba(0, 0, 0, 0.03); margin:5px 0;}
.guide_wrap .list_2 > li { margin-bottom:5px;list-style:lower-alpha; color:rgba(0, 0, 0, 0.5); font-size:15px;}

.login_wrap { width:769px; margin:0 auto;}
.login_wrap .login_input { overflow:hidden; text-align:center; border:1px solid rgba(0, 0, 0, 0.1); padding:40px 0 60px; margin:30px 0; border-left:none; border-right:none; position:relative;}
.login_wrap .login_input li { display:block; width:250px; margin:0 3px; float:left;}
.login_wrap .login_input li input { width:calc(100% - 5px); height:50px; line-height:50px;}
.login_wrap .login_input li .btn { width:calc(100% - 5px); height:50px; line-height:50px; font-size:18px;}
.login_wrap .login_input .save_id { position:absolute; bottom:25px; left:5px;}
.login_wrap .login_txt { display:flex; gap:8px;justify-content:space-between; }
.login_wrap .login_txt li { background:rgba(0, 0, 0, 0.05); border-radius:3px; overflow:hidden;padding:20px 20px 15px 20px; width:50%;}
.login_wrap .login_txt li i {display: block; float:left;    font-size: 40px;    height: 50px; width:50px;   color: rgba(0, 0, 0, 0.4); margin:0 10px;}
.login_wrap .login_txt li p { font-size:15px; float:left; width:50%;}
.login_wrap .login_txt li .btn { width:80px; font-size:14px; height:35px; line-height:35px; float:right; position:relative; top:5px;}

.join_wrap {}
.join_wrap .guide_wrap > dd {overflow-y:auto; padding:20px;height:200px; }
.join_wrap .guide_check {text-align:right; width:100%; color:#707070; border-top:1px solid rgba(0, 0, 0, 0.1); padding:10px 0 40px 0;}
.join_wrap .td1 {}
.join_wrap .td1 th { width:140px; text-align:left; background:none;}
.join_wrap .ipw1 { width:200px;}
.join_wrap .ipw2 { width:400px;}
.join_wrap .ipw3 { width:100px;}
.join_wrap .td1 td .btn { width:120px; height:40px; line-height:40px; position:relative; top:2px; font-size:14px;}
.join_wrap .td1 td .tt { padding-left:10px; height:40px; line-height:40px;}
.join_wrap .td1 td .radio { display:inline-block;}
.join_wrap .td1 td .radio li { margin-right:20px; display:inline-block;}
.join_wrap .td1 td .radio li input { margin-right:5px;}
.join_wrap .td1 td .radio.in { margin-left:20px;}
.join_wrap .join_done { text-align:center; padding:40px 0; border:1px solid rgba(0, 0, 0, 0.1); border-left:none; border-right:none;}
.join_wrap .join_done .tit { font-size:30px; font-weight:400;}
.join_wrap .join_done p { font-size:14px;}
.join_wrap .join_done p b { font-weight:normal; color:#0000FF;font-size:14px;}

.input_tit {font-size:17px; font-weight:500;font-size:18px; border-bottom:2px solid rgba(6, 120, 208, 1.0); padding:0 0 10px 5px;}
.input_tit u { text-decoration:none; color:rgba(0, 0, 0, 0.5);}
.input_tit u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 8px;}

.mem_pop {width:460px; background-color:#fff; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px; overflow:hidden;}
.mem_pop h2 {display:block; background-color:rgba(0, 0, 0, 0.1); padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;}
.mem_pop .mp_con { padding:20px; text-align:center;}
.mem_pop .mp_con input {width:220px;}
.mem_pop .mp_con .mc_in { padding:10px 0 30px 0;}
.mem_pop .mp_con .mc_in .btn { height:40px; line-height:40px; font-size:14px; width:80px;}
.mem_pop .mp_con .mc_find {font-size:17px; padding:10px 0 20px;}
.mem_pop .mp_con .mc_find2 {border-top:1px solid #dfdfdf; padding:30px 0; color:#656565; font-size:17px;}
.mem_pop .mp_con .mc_find2 b { color:#ce0000; font-weight:500; font-size:17px;}
.mem_pop .mp_con .mc_btn { border-top:1px solid #dfdfdf; padding-top:20px;}
.mem_pop .mp_con .mc_btn p { margin-bottom:10px;}
.mem_pop .mp_con .mc_btn p b { font-weight:500; color:rgba(6, 120, 208, 1.0);}
.mem_pop .mp_con .mc_btn .btn {width:110px; height:35px; line-height:35px; }
 
.find_wrap .members_tit { margin-bottom:50px;}
.find_wrap .find_w {  width:950px; margin:0 auto; display:flex; gap:20px;justify-content:space-between; }
.find_wrap .find_w .find_ {width:50%; text-align:center;padding:30px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px;}
.find_wrap .find_w form { display:block; }
.find_wrap .find_w dl { }
.find_wrap .find_w .find_r { }
.find_wrap .find_w dl dt { text-align:center; font-size:25px; font-weight:600; margin-bottom:5px;}
.find_wrap .find_w dl dt i { display:block; margin:0 auto; font-size:40px; color:rgba(0, 0, 0, 0.2);}
.find_wrap .find_w dl dl { text-align:center;}
.find_wrap .find_w dl .txt { font-size:15px; color:rgba(0, 0, 0, 0.5); margin-bottom:20px;}
.find_wrap .find_w dl .txt b {font-size:15px; color:rgba(0, 0, 0, 0.8); font-weight:500;}
.find_wrap .find_w dl .input { display:flex; gap:10px;}
.find_wrap .find_w dl .input input { width:100%;}
.find_wrap .find_w dl .input .ipw { margin-bottom:5px;}
.find_wrap .find_w dl .input .ipw1 {}
.find_wrap .find_w dl .input .ipw2 {}
.find_wrap .find_w dl .btn .btn1 { width:calc(100% - 3px); height:40px; line-height:40px;}
.find_wrap .userid { font-size:17px; color:rgba(0, 0, 0, 0.8); font-weight:500; padding:0 10px; text-decoration:none; letter-spacing:normal;}
.break_wrap .td1 textarea { width:98%; height:200px;}
#pop_zipcode {display:none;border:5px solid;position:fixed;width:400px;height:460px;left:50%;margin-left:-155px;top:50%;margin-top:-235px;overflow:hidden;-webkit-overflow-scrolling:touch;border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px;}


/* Main_Popup */
.main_popup_w {position:relative; width:1400px; height:0; margin:0 auto;}
.main_popup_w .main_popup { background:#fff; z-index:10000000; border:1px solid #1c1c1c; position:absolute; 
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }
.main_popup_w .main_popup dl { overflow:hidden;background:#1c1c1c; height:35px; position:relative; top:-3px;}
.main_popup_w .main_popup dl dt { float:left; padding:6px 0 0 11px;}
.main_popup_w .main_popup dl dt a { font-size:14px; color:#fff;}
.main_popup_w .main_popup dl dd { float:right; text-align:right; padding:6px 11px 0 0 ;}
.main_popup_w .main_popup dl dd a { text-align:right; font-size:13px; color:rgba(255, 255, 255, 0.5);}
.main_popup_w .main_popup .main_popup_con { overflow:hidden;}
.main_popup_w .main_popup .main_popup_con img { width:100%;}


/* Board  */
.pagenation { text-align:center; margin:10px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;}
.pagenation .num { display:inline-block; text-align:center; padding:4px 10px; color:rgba(0, 0, 0, 0.5); font-size:15px; font-family:verdana;}
.pagenation .ar {display:inline-block; text-align:center; padding:4px 10px;}
.pagenation .ar i { font-size:16px; vertical-align:-2px;}
.pagenation .on { color:#000; font-weight:bold!important; text-decoration:underline;}

.board_list_wrap {}
.board_list_wrap .btn_wrap { margin:10px 0 0 0 ;}
.board_list { width:100%; }
.board_list thead { background:rgba(0, 0, 0, 0.0);}
.board_list thead th { font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.4); height:45px; font-size:14px; color:rgba(0, 0, 0, 0.5); vertical-align:middle;}
.board_list tbody td { text-align:center; padding:5px 0; height:70px;border-bottom:1px solid rgba(0, 0, 0, 0.1); vertical-align:middle;}
.board_list tbody tr:hover { background:rgba(0, 0, 0, 0.05);}
.board_list tbody .bl_num { width:80px; font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_notice {width:80px;}
.board_list tbody .bl_notice .i-notice { font-size:30px;}
.board_list tbody .bl_subject { text-align:left; padding-left:20px;}
.board_list tbody .bl_subject .comment {display:inline-block; color:#FF0000; margin-left:10px;}
.board_list tbody .bl_subject .new { font-size:20px; position:relative; top:3px; display:inline-block;margin-left:10px; color:rgba(6, 120, 208, 1.0);}
.board_list tbody .bl_subject .i-lock { margin-right:10px; font-size:20px;position:relative; top:3px; display:inline-block}
.board_list tbody .bl_subject a {height:70px;}
.board_list tbody .bl_name { width:140px;}
.board_list tbody .bl_date { width:90px;font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_coun { width:70px;font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_reply { width:80px; font-size:14px;}
.board_list tbody .bl_reply i:before { position:relative; top:1px; margin-right:3px;}
.board_list tbody .bl_reply.ready, .board_list tbody .bl_reply.ready i { color:rgba(6, 120, 208, 1.0);}
.board_list tbody .bl_reply.done, .board_list tbody .bl_reply.done i { color:rgba(0, 0, 0, 0.5);}
.board_list tbody .bl_file { width:20px;}
.board_list tbody .bl_file i { display:inline-block; width:30px; height:30px; font-size:22px; line-height:30px; cursor:pointer;}
.board_list tbody .notice { background:rgba(6, 120, 208, 0.1);}

.board_write_wrap {}
.board_write { width:100%;}
.board_write th {font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); min-height:55px;padding:15px 20px; width:120px; text-align:left;}
.board_write td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; color:#666;}
.board_write td .ipw1 { width:180px;}
.board_write td .ipw2 { width:calc(100% - 20px);}
.board_write td .ipw3 { width:80px;}
.board_write td .btn { width:120px; height:40px; line-height:40px; position:relative; top:2px; font-size:14px;}
.board_write td .tt { padding-left:10px; height:40px; line-height:40px;}
.board_write td .radio { display:inline-block;}
.board_write td .radio li { margin-right:20px; display:inline-block;}
.board_write td .radio li input { margin-right:5px;}
.board_write td .radio.in { margin-left:20px;}
.board_write_wrap .guide_wrap > dd {overflow-y:auto; padding:20px;height:200px; }
.board_write_wrap .guide_check {text-align:right; width:100%; color:#707070; border-top:1px solid rgba(0, 0, 0, 0.1); padding:10px 0 40px 0;}
.board_write_wrap h3 {font-size:17px; font-weight:500;font-size:18px; border-bottom:2px solid rgba(6, 120, 208, 1.0); padding:0 0 10px 5px;}
.board_write_wrap h3 u { text-decoration:none; color:rgba(0, 0, 0, 0.5);}
.board_write_wrap h3 u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 8px;}

.board_view_wrap {}
.board_view_wrap .btn_wrap { margin:30px 0 40px;}
.board_next { border-top:1px solid rgba(0, 0, 0, 0.1);}
.board_next li {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px 10px;}
.board_next li .tit { display:inline-block; width:100px; font-size:14px;}
.board_next li .tit:before { margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.board_next li a { font-size:15px;}

.bww_file { font-size:0;}
.bww_file li { padding:2px 0;}
.bww_file li .ipw { width:calc(100% - 60px); vertical-align:top; margin-right:10px;}
.bww_file li .file_btn { display:inline-block; cursor:pointer; background:rgba(0, 0, 0, 0.07); padding:9px; vertical-align:top; margin-left:2px; margin-top:2px;}
.bww_file li .file_btn i { font-size:18px; position:relative; }
.bww_file li .file_btn:hover { background:rgba(0, 0, 0, 0.5);}
.bww_file li .file_btn:hover i { color:#fff;}
.bww_file .before {}
.bww_file .before .del { display:inline-block; margin-left:10px; font-size:13px; width:100px!important; height:25px!important; line-height:25px!important; position:relative; top:-4px;}


.bw_top { border-bottom:1px solid rgba(0, 0, 0, 0.1);overflow:hidden; padding:0 10px 20px;}
.bw_top li { float:left; width:calc(100% - 200px);}
.bw_top li i:before { margin-right:5px; position:relative; top:2px;color:rgba(0, 0, 0, 0.5);}
.bw_top .bw_date { width:200px; text-align:right;}
.bw_top .bw_date span {font-size:14px; font-family:verdana;color:rgba(0, 0, 0, 0.5);}
.bw_top .bw_date .date:after { content:''; display:inline-block; width:1px; height:12px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 10px; position:relative; top:2px;}
.bw_top .bw_subject { font-size:18px;}
.board_view .bw_name {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; font-size:15px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_name {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; font-size:15px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_name i:before {color:rgba(0, 0, 0, 0.5); margin-right:5px; display:inline-block; position:relative; top:2px;}
.board_view .bw_info {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 20px; }
.board_view .bw_info li { display:inline-block;font-size:15px;}
.board_view .bw_info li:after { width:1px; height:13px; background:rgba(0, 0, 0, 0.1); content:''; display:inline-block; margin:0 10px 0 14px; position:relative; top:2px;}
.board_view .bw_info li:last-child:after { display:none;}
.board_view .bw_info li i:before {color:rgba(0, 0, 0, 0.5); margin-right:5px; display:inline-block; position:relative; top:2px;}
.board_view .bw_info li b {  font-weight:400; padding-right:10px; font-size:14px;color:rgba(0, 0, 0, 0.5);}
.board_view .bw_file { background:rgba(0, 0, 0, 0.05); padding:10px 20px;}
.board_view .bw_file li { padding:3px; }
.board_view .bw_file li a {font-size:15px;}
.board_view .bw_file li i:before { margin-right:5px; display:inline-block;}
.board_view .view_con { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.board_view .view_con img { max-width:1260px;}
.board_view .view_pic { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1); text-align:center;}
.board_view .view_pic img { max-width:1060px;}
.board_view .view_pic li { margin-bottom:10px;}
.board_view .view_pic li:last-child { margin-bottom:0;}

.comment_wrap {border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.comment_wrap .comment { overflow:hidden; padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.comment_wrap .comment li { float:left;}
.comment_wrap .comment .cw_name { width:120px; font-size:15px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .comment .cw_name i:before { display:inline-block; margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .comment .cw_date { width:150px; text-align:right; float:right; font-family:verdana; color:rgba(0, 0, 0, 0.5); font-size:12px;}
.comment_wrap .comment .cw_date span { display:inline-block; cursor:pointer; position:relative; top:2px;}
.comment_wrap .comment .cw_con { width:calc(100% - 280px);}
.comment_wrap .cw_write { padding:20px; overflow:hidden;}
.comment_wrap .cw_write li { float:left;}
.comment_wrap .cw_write .cwr_id { width:100%; margin-bottom:7px;}
.comment_wrap .cw_write .cwr_id input { width:200px; height:30px; border-radius:3px; margin-right:5px; border:1px solid rgba(0, 0, 0, 0.2); padding:0 5px;}
.comment_wrap .cw_write input::placeholder, .comment_wrap .cw_write textarea::placeholder  { font-size:14px; color:rgba(0, 0, 0, 0.5);}
.comment_wrap .cw_write .cwr_con { width:calc(100% - 150px);}
.comment_wrap .cw_write .cwr_con textarea { width:calc(100% - 10px); height:60px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.2); padding:0 5px;}
.comment_wrap .cw_write .cwr_btn { float:right; width:140px;}
.comment_wrap .cw_write .cwr_btn .btn { width:100%; height:60px; line-height:60px;}

.password_wrap .password { text-align:center;}
.password_wrap .password input { width:327px; text-align:center;}

.board_search { width:400px; margin:0 auto; overflow:hidden; position:relative; margin-bottom:20px;}
.board_search li { float:left; border-bottom:2px solid rgba(0, 0, 0, 0.7);}
.board_search .bs_select { width:100px; margin-right:20px;}
.board_search .bs_select select { height:30px; border:none;  background:none; width:100%;}
.board_search .bs_in { width:calc(100% - 120px);}
.board_search .bs_in input { height:30px; width:calc(100% - 40px); border:none;}
.board_search .bs_btn { border:none; position:absolute; top:-2px; right:0; cursor:pointer;}
.board_search .bs_btn i {display:block; width:30px; height:30px; line-height:30px; font-size:25px;}

.board_reply { background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.2); padding:20px;}
.board_reply .br_top { margin-bottom:10px; font-size:14px; font-weight:500;}
.board_reply .br_top i:before { margin-right:10px;}

.faq_wrap {}
.faq_wrap .num { width:80px; text-align:center;}
.faq_wrap .con { width:calc(100% - 80px);}
.faq_wrap .faq_top  { overflow:hidden;}
.faq_wrap .faq_top li { float:left; text-align:center;height: 45px; line-height:45px;font-size: 13px;color: rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.faq_wrap dl dt { border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden;}
.faq_wrap dl dt:hover { background:rgba(0, 0, 0, 0.05);}
.faq_wrap dl dt span { display:block; float:left;  cursor:pointer;padding:18px 0;}
.faq_wrap dl dt .num {font-size: 13px;font-family: verdana;color: rgba(0, 0, 0, 0.5); }
.faq_wrap dl dt .con { padding-left:0px;}
.faq_wrap dl dd { background:rgba(0, 0, 0, 0.05);border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:20px 20px 20px 80px; display:none;}

.gallery_wrap { overflow:hidden; margin-top:40px;}
.gallery_wrap .gallery { float:left; width:calc(25% - 12px); margin:0px 5px 20px 5px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; overflow:hidden; cursor:pointer;}
.gallery_wrap .gallery .pic { overflow:hidden; height:200px;}
.gallery_wrap .gallery .pic img { width:100%; border:none; min-height:200px;}
.gallery_wrap .gallery .g_con { padding:10px;}
.gallery_wrap .gallery .g_con li { display:inline-block;}
.gallery_wrap .gallery .g_con .g_subject { width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; margin-bottom:5px;}
.gallery_wrap .gallery .g_con i {position:relative; top:2px;color:rgba(0, 0, 0, 0.5);}
.gallery_wrap .gallery .g_con .g_name { font-size:14px; margin-right:10px;}
.gallery_wrap .gallery .g_con .num { font-size:13px; margin-right:10px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}

.gallery_n_view { padding:20px 30px 30px 30px; width:815px; margin:0 auto; background:#fff;box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.5); position:relative; border-top:1px solid rgba(0, 0, 0, 0.1);}
.gallery_n_view .bw_top { border-bottom:none; padding:0 30px 15px 10px;}
.gallery_n_view .close { display:block; width:30px; height:30px; font-size:30px; position:absolute; top:10px; right:10px;}
.gallery_n_view .close i { font-size:30px;}

.gallery_v_view { margin-top:20px;}

.calendar_wrap {}
.calendar_wrap .calendar { width:100%;}
.calendar_wrap .calendar thead {}
.calendar_wrap .calendar thead {background:rgba(0, 0, 0, 0.1);}
.calendar_wrap .calendar thead th {height:30px; border:1px solid rgba(0, 0, 0, 0.1);font-weight:800; color:rgba(0, 0, 0, 0.5); font-weight:500; font-size:15px; width:14.2857%;} 
.calendar_wrap .calendar thead th:nth-child(2n) {background:rgba(0, 0, 0, 0.03);}
.calendar_wrap .calendar tbody td {border:1px solid rgba(0, 0, 0, 0.1); padding:5px; height:80px; vertical-align:top;  font-size:14px;}
.calendar_wrap .calendar tbody td:nth-child(2n) { background:rgba(0, 0, 0, 0.03);}
.calendar_wrap .calendar tbody td b { display:block; font-family:verdana; font-weight:500; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.calendar_wrap .calendar tbody td a { display:block; font-size:14px; padding:5px 0 5px 8px; background:url(../../images/common/bullet_1.png) no-repeat 0 11px; line-height:16px;word-break:break-all;}
.calendar_wrap .cw_tit { position:relative;}
.calendar_wrap .cw_tit .cw_top { width:300px; margin:0 auto 20px; text-align:center; position:relative;}
.calendar_wrap .cw_tit .cw_top li { display:inline-block;}
.calendar_wrap .cw_tit .cw_top .ar i { font-size:40px; cursor:pointer;}
.calendar_wrap .cw_tit .cw_top .month { font-size:20px; color:rgba(0, 0, 0, 0.5);}
.calendar_wrap .cw_tit .cw_top .month  b { font-size:60px; font-weight:600; margin-right:5px; position:relative; top:5px;}
.calendar_wrap .cw_tit .cw_top .year {font-size:20px;}
.calendar_wrap .cw_tit .cw_top .year:before { display:inline-block; content:''; margin:0 10px; width:1px; height:13px; background:rgba(0, 0, 0, 0.5);}
.calendar_wrap .cw_tit .cw_top .ar1 { position:absolute; left:0; top:40px;}
.calendar_wrap .cw_tit .cw_top .ar2 { position:absolute; right:0; top:40px;}
.calendar_wrap .cw_tit .cw_select { text-align:right; position:absolute; top:40px; right:0;}

.cal_pop {width:800px; background-color:#fff; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px; overflow:hidden;}
.cal_pop h2 {display:block; background-color:rgba(0, 0, 0, 0.1); padding:10px 0 13px; text-align:center; font-size:20px; font-weight:500;}
.cal_pop h2 i { font-size:20px; color:rgba(0, 0, 0, 0.5); display:inline-block; margin-right:5px; position:relative; top:2px;}
.cal_pop .cal_con { padding:20px 30px; }
.cal_pop .cal_con h3 { font-size:18px; font-weight:500;}
.cal_pop .cal_con .btn {width:110px; height:35px; line-height:35px; display:block; margin:0 auto;}
.cal_pop .cal_con .contents { margin:20px auto;}

.news_wrap {}
.news_wrap .news_list { cursor:pointer; border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden; padding:20px 10px;}
.news_wrap .news_list .pic { float:left; width:300px; margin-right:20px; overflow:hidden; height:180px;}
.news_wrap .news_list .pic img { width:300px; min-height:150px;}
.news_wrap .news_list dd { float:left; width:calc(100% - 320px); padding-top:10px;}
.news_wrap .news_list dd .tit { margin-bottom:5px; font-size:20px; font-weight:500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_wrap .news_list dd .info { margin-bottom:10px;}
.news_wrap .news_list dd .info span { font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}
.news_wrap .news_list dd .info .date:after { content:''; display:inline-block; margin:0 10px; width:1px; height:11px; background:rgba(0, 0, 0, 0.2); position:relative; top:1px;}
.news_wrap .news_list dd .info .count i { color:rgba(0, 0, 0, 0.5); margin-right:5px; position:relative; top:2px;}
.news_wrap .news_list dd .con { font-size:15px; color:rgba(0, 0, 0, 0.7); height:44px; overflow:hidden;}

.vod_wrap { overflow:hidden;}
.vod_wrap .vod_list { float:left; width:calc(50% - 10px); margin:20px 20px 20px 0;}
.vod_wrap .vod_list:nth-child(2n) { margin-right:0;}
.vod_wrap .vod_list .vod iframe { width:100%; height:300px; border:none;}
.vod_wrap .vod_list .tit { font-size:18px; font-weight:500; margin:10px 0 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vod_wrap .vod_list .date { font-size:14px; font-family:verdana; color:rgba(0, 0, 0, 0.5);}

.interest_wrap .board_write { margin-bottom:10px;}


/* 평면안내 */
.plane_wrap {}
.plane_wrap .pw_td {}
.plane_wrap .plane_w { margin-bottom:30px; position:relative;}
.plane_wrap .plane_w .pw_tit { position:absolute; top:0; left:0;}
.plane_wrap .plane_w .pw_tit #txt_target01 { display:inline-block; font-size:70px; font-weight:600; color:rgba(6, 120, 208, 1.0); font-family:verdana;}
.plane_wrap .plane_w .pw_tit #txt_target02 { display:inline-block; font-size:20px; border-radius:3px; background:rgba(6, 120, 208, 0.7); color:#fff; padding:0 5px; position:relative; left:10px; top:-7px;}
.plane_wrap .plane_w .pw_pic1 { text-align:center; padding-right:200px;}
.plane_wrap .plane_w .pw_pic2 { text-align:center; border:1px solid rgba(0, 0, 0, 0.2); border-radius:3px; width:300px; padding:20px 0; position:absolute; top:0; right:0;}
.plane_wrap .plane_w .pw_pic2 img { width:80%;}

/* 레이어팝업 */  
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute;}   
#SLB_film { background:rgba(0, 0, 0, 0.5);z-index: 9999; position: absolute; width: 100%; height:100%;}
#SLB_content {z-index: 100000; position: absolute; text-align:center;}

#popupOverlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;

  display: flex;
  align-items: center;
  justify-content: center;
}

#popupBox {
  background: #fff;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
  z-index: 1001;
  text-align: center;

  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#popupOverlay.show #popupBox {
  opacity: 1;
  transform: translateY(0);
}