@charset "utf-8";
/* Common */

@import url(font.css);
@import url(animation.css);


@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
.box::-webkit-scrollbar{
  display:none;
}
*/
/*
body, html{overflow-x: hidden;}
.box{
   -ms-overflow-style: none;
}
*/
/**/
:root {
  --header-pcH: 9.2rem;
  --header-mobileH: 7.6rem;
  --boxShadow01: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

html {font-size: 10px;  scroll-behavior: smooth;}
main{z-index:10;position: relative;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img, a{margin:0;padding:0;color:#393939}
body,input,textarea,select,button,table{font-family:normal 'Pretendard', 'Notokr_L','Noto Sans KR','NanumSquare','Nanum Gothic','나눔고딕','Malgun Gothic','돋움', dotum, AppleGothic,sans-serif; }
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#333;}
button{text-decoration:none;}
/*a:hover,a:active,a:focus{text-decoration:underline;cursor:pointer;color:#333}*/
a:hover,a:active,a:focus{cursor:pointer;color:#333}
table {border: 0;border-collapse: collapse}
caption{display:none}
textarea, input, select{color:#666666}
select {vertical-align:middle;}
address{clear:both;margin:0;padding:0}
em{margin:0;padding:0}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0; line-height:0}

.clb{clear:both;}
.dpB{display:block;}

.txtL{text-align:left}
.txtR{text-align:right}
.txtC{text-align:center}
.txtB{font-weight:bold;}

.txt15em{font-size:1.5em;}
.txt10rem{font-size:1.0rem !important;}

.posiR{position:relative;}
.posiA{position:absolute;}

.floatL{float:left}
.floatR{float:right}

.backColorG{background-color:#f3f3f3;}
.backColorG_01{background-color:#f8f8f8;}
.backColorG_02{background-color:#f0efec;}
.backColorG_03{background-color:#f9f9f9;}
.backColorGreen01{background-color:#8aa03e;}
.backColorGreen02{background-color:#83c648;}
.backColorPink{background-color:#f6f0f1;}
.backClolrDkIvory{background-color:#e3d7c8;}


.backClolrWh_l{background:#fff url("../images/main/sub_l.png")left bottom no-repeat;}
.backClolrDkIvory_r{background:#e3d7c8 url("../images/main/sub_r.png")right top no-repeat;}
.backColorPurp_r{background:#40478f url("../images/main/main_r.png")right top no-repeat;}

.backColorPurp01{background-color:#40478f;}

/* Font Class Style */
.b		{font-weight:bold;}
.u		{text-decoration:underline}


/* Font Color */

.green01{color:#8a9f3e;}
.green02{color:#8dad24;}
.green03{color:#8aa03e;}
.green04{color:#6c7e2e;}
.green05{color:#158078;}
.emerald01{color:#0eb0ad;}
.orange01{color:#ff8c05; font-weight:bold;}
.purp01{color:#5f699c;}
.blue01{color:#4385f5;}
.f18_wh{color:#fff; font-size:18px;}
.f977c67{color:#977c67;}

/*.png24			{tmp:expression(setPng24(this))};*/

/* 컬러 값 */
.bg-blue {
	background-color: #34368A !important;
} 
.bg-lilac {
	background-color: #9469F1 !important;
} 
.bg-sky {
	background-color: #3295DD !important;
} 
.bg-sky02 {
	background-color: #009BDE !important;
} 
.bg-yellow {
	background-color: #FED600 !important;
}
.bg-purple {
	background-color: #A668E4 !important;
}
.bg-purple01 {
	background-color: #f4eafe !important;
}
.bg-cian{
	background-color: #1A9C8F !important;
}
.bg-lightgreen{
	background-color: #36A522 !important;
}
.bg-lightpurple{
	background-color: #4145DC !important;
}
.bg-orange {
	background-color: #DC7500;
}
.c-white {
	color: #ffffff !important;
}
.c-blue {
	color: #34368A !important;
}
.c-yellow {
	color: #FED600 !important;
}
.c-red {
	color: #FF2323 !important;
}
.c-black {
	color: #666666 !important;
}
.c-black02 {
	color: #222222 !important;
}
/* 폰트 사이즈 */
.fs-14 {
	font-size:1.4rem !important;
}
.fs-16 {
	font-size:1.6rem !important;
}
.fs-18 {
	font-size:1.8rem !important;
}
.fs-20 {
	font-size:2rem !important;
}
.fs-22 {
	font-size:2.2rem !important;
}
.fs-24 {
	font-size:2.4rem !important;
}
.fs-26 {
	font-size:2.6rem !important;
}
.fs-28 {
	font-size:2.8rem !important;
}
.fs-30 {
	font-size:3rem !important;
}
/* 폰트 굵기 */
.fw-300 {
	font-weight: 300 !important;
}
.fw-400 {
	font-weight: 400 !important;
}
.fw-500 {
	font-weight: 500 !important;
}
.fw-600 {
	font-weight: 600 !important;
}
.fw-700 {
	font-weight: 700 !important;
}
.fw-800 {
	font-weight: 800 !important;
}
.fw-900 {
	font-weight: 900 !important;
}
 /* Margin Set */
.mAuto{margin:0 auto; text-align:center;}
.m20Auto{margin:20% auto; text-align:center;}
.ml5	{margin-left:5px;}	.ml10	{margin-left:10px;}		.ml15	{margin-left:15px;}		.ml20	{margin-left:20px;}		.ml25	{margin-left:25px;}		.ml30	{margin-left:30px;}		.ml35	{margin-left:35px;}		.ml40	{margin-left:40px;}		.ml45	{margin-left:45px;}		.ml50	{margin-left:50px;}		.ml55	{margin-left:55px;}	.ml65	{margin-left:65px;}
.mr0	{margin-right:0 !important;} .mr5	{margin-right:5px;}	.mr10	{margin-right:10px;}	.mr15	{margin-right:15px;}	.mr20	{margin-right:20px;}	.mr25	{margin-right:25px;}	.mr30	{margin-right:30px;}	.mr35	{margin-right:35px;}	.mr40	{margin-right:40px;}	.mr45	{margin-right:45px;}	.mr50	{margin-right:50px;}		.mr450	{margin-right:450px;}
.mb4	{margin-bottom:4px;}.mb5	{margin-bottom:5px;}	.mb10	{margin-bottom:10px !important;}	.mb15	{margin-bottom:15px  !important;}	.mb20	{margin-bottom:20px;}	.mb25	{margin-bottom:25px;}	.mb30	{margin-bottom:30px;}	.mb35	{margin-bottom:35px;}	.mb40	{margin-bottom:40px;}	.mb45	{margin-bottom:45px;}	.mb50	{margin-bottom:50px;}	.mb55	{margin-bottom:55px;}	.mb60{margin-bottom:60px;} .mb100{margin-bottom:100px;}
.mt5	{margin-top:5px;} .mt7	{margin-top:7px;}	.mt10	{margin-top:10px;}		.mt15	{margin-top:15px;}		.mt20	{margin-top:20px;}		.mt25	{margin-top:25px;}		.mt30	{margin-top:30px;}		.mt35	{margin-top:35px;}		.mt40	{margin-top:40px;}		.mt45	{margin-top:45px;}		.mt50	{margin-top:50px;} .mt100{margin-top:100px;}
/* Padding Set */
.pl5	{padding-left:5px;}		.pl10	{padding-left:10px;}	.pl15	{padding-left:15px;} .pl18	{padding-left:18px;}	.pl20	{padding-left:20px;}	.pl25	{padding-left:25px;}	.pl30	{padding-left:30px;}	.pl35	{padding-left:35px;}	.pl40	{padding-left:40px;}	.pl45	{padding-left:45px;}	.pl50	{padding-left:50px;}	.pl55	{padding-left:55px;}	.pl60	{padding-left:60px;}
.pr5	{padding-right:5px;}	.pr10	{padding-right:10px;}	.pr15	{padding-right:15px;}	.pr20	{padding-right:20px;}	.pr25	{padding-right:25px;}	.pr30	{padding-right:30px;}	.pr35	{padding-right:35px;}	.pr40	{padding-right:40px;}	.pr45	{padding-right:45px;}	.pr50	{padding-right:50px;}
.pb5	{padding-bottom:5px;}	.pb10	{padding-bottom:10px;}	.pb15	{padding-bottom:15px;}	.pb20	{padding-bottom:20px;}	.pb25	{padding-bottom:25px;}	.pb30	{padding-bottom:30px;}	.pb35	{padding-bottom:35px;}	.pb40	{padding-bottom:40px;}	.pb45	{padding-bottom:45px;}	.pb50	{padding-bottom:50px;}
.pt5	{padding-top:5px;}		.pt10	{padding-top:10px;}		.pt15	{padding-top:15px;}		.pt20	{padding-top:20px;}		.pt25	{padding-top:25px;}		.pt30	{padding-top:30px;}		.pt35	{padding-top:35px;}		.pt40	{padding-top:40px;}		.pt45	{padding-top:45px;}		.pt50	{padding-top:50px;}		.pt55	{padding-top:55px;}		.pt60	{padding-top:60px;}		.pt70	{padding-top:70px;}
.pt100{padding-top:100px;}
.pd3{padding:3px;}

.height100{height:100vh;}
.input_txt{border:1px solid #abadb3;height:19px;line-height:150%}
.input_select{border:1px solid #abadb3;line-height:150%;height:19px}
.textarea{padding:0; border:1px solid #abadb3; line-height:150%;text-align:justify;}

hr, caption		{display:none;}
legend			{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }

.text_idt_n{text-indent:0 !important}

/* hidden */
.hidden{ visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.input_submit{cursor:pointer;}
button{cursor:pointer}


h1{font-size:24px;margin:0 0 10px 0;padding:0}
h2{font-size:22px;margin:0 0 10px 0;padding:0}
h3{font-size:20px;margin:0 0 10px 0;padding:0}
h4{font-size:18px;margin:0 0 10px 0;padding:0}
h5{font-size:16px;margin:0 0 10px 0;padding:0}
h6{font-size:14px;margin:0 0 10px 0;padding:0}


/* Layout Common Background-color 
.header_w{background-color:#666666}
#container .snb{background-color:#f7f7f7}
#container #content{background-color:#cecece}
.footer_w{background-color:#666666}
*/

/* Layout Common */

#wrap{position:relative;width:100%;height:100%;background:url("../html/images/bg_body.png") 0 -5px repeat-x;text-align:center; margin:0 auto; padding: 0 2rem;}
#header{width:100%; box-sizing: border-box; background:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)) ; transition:.5s; height: var(--header-pcH); }
#header:focus-within{background:rgba(255,255,255,1); box-shadow: var(--boxShadow01);}
#header:focus-within a, #header:hover a, #header.active a{color:#000; }
#header:hover{background:rgba(255,255,255,1);}
#header nav{width:100%; max-width:1920px; top:0; left:0; width:100%; /* max-width:1460px;*/ margin:0 auto; }
#header:focus-within .navbar-toggler-icon, #header:hover .navbar-toggler-icon, #header.active .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.logoArea{font-family:'Pretendard', sans-serif; font-weight:700; font-size:2.6rem; padding:1rem 0; background:url('../images/logo.png') 0 0 no-repeat; width:16.3rem; background-size:16.3rem; height:6.1rem; text-indent:-999px; }
.logoArea > img{height:64px; width:166px;}
#header:focus-within .logoArea, #header:hover .logoArea, #header.active .logoArea{font-family:'Pretendard', sans-serif; font-weight:700; font-size:2.6rem; padding:1rem 0; background:url('../images/logo.png') 0 0 no-repeat; width:16.3rem; background-size:16.3rem; height:6.1rem; text-indent:-999px; }
#header:focus-within .header_ti li.login a, #header:hover .header_ti li.login a, #header.active .header_ti li.login a{background:url('../images/main/my_icon_b.png') 0 0 no-repeat; background-size:1.8rem 1.8rem; }

/* 스크롤 내렸을때 CSS .active */ 
#header.active{ background:rgba(255,255,255,.4); } 




/*header{margin-bottom:0; border-bottom:1px solid #e4e6e8; position:relative; width:100%; }*/
#header{display: flex;align-items: center; justify-content: space-between; position:fixed;  padding: 0 ; width: 100%;  border-bottom:1px solid rgba(255, 255, 255,.2);  background: none; z-index:999;}
#header a, header a:hover{color:#000;}
#header .header_ti {overflow:hidden;}
#header .header_ti a{padding:0 10px; display:block; font-size:1.2rem; font-weight:100;}
#header .header_ti li i{border-radius:50%; padding:5px; color:#fff;}
#header .header_ti ul{text-align:right; float:right; }
#header .header_ti ul li{display:block; float:left; }
#header .header_ti li.mBar{background:url('../images/main/IconBar01.gif') 0 6px no-repeat; width:1px; height:18px;}

#header .header_ti li.home i{background-color:#a1a1a1;}
#header .header_ti li.login a{width: 1.8rem; height:1.8rem; background:url('../images/main/my_icon.png') 0 0 no-repeat; background-size:1.8rem 1.8rem; text-indent:9999px; overflow:hidden;}
#header .header_ti li.login{text-indent: -9999px}
#header .header_ti li.logout i{background-color:#7d7c7c;}
#header .header_ti li.admin i{background-color:#206ea9;}

footer .logoArea{font-family:'Pretendard', sans-serif; font-weight:700; font-size:2.6rem; padding:1rem 0; background:url('../images/logo_bk.png') 0 0 no-repeat; width:16.3rem; background-size:16.3rem; height:6.1rem; overflow:hidden; text-indent:-9999;}

.header_ti_m{display:none;}


.navbar{ padding-top:0; padding-bottom:0; }
.container_w {position:relative; width:100%; overflow:hidden; background:#fff;}
.containerSub {position:relative; width:100%; overflow:hidden; background:#fff;}

.navbar-nav{}
.navbar-nav li > a{font-size:1.8rem; font-family:normal 14px/1 'Pretendard','돋움', dotum, AppleGothic,sans-serif;  font-weight:500;}
.navbar-nav li > a:hover{}
.navbar-nav li .dropdown-menu a.dropdown-item{font-size:1.6rem; font-weight:400;}
.navbar-nav li .dropdown-menu a:hover{font-weight:500;}

.first-slide-text{position:absolute; top:35%;}
* html .nav ul {zoom:1;}
.visual01 .bgBlack{/*background-color:rgba(0,0,0,0.20);*/ position:absolute; width: 100%; height: 100vh; z-index:10;}
.popupZone_sub{position:relative; z-index:0; width:100%; height:150px; background:url('../images/sub_vi_5.png') center 0 no-repeat #f2f6e7; /* background-color:#f9f9f9; background:url('../images/sub_vi_3.png') center 0 no-repeat #f2f6e7;*/ margin-top:0;}
.popupZone_img{width:100%; height:150px; background:url('../images/sub_vi_img.png') right 36% no-repeat; background-size:700px auto;}



	

.list_carousel .btn_list{position:absolute;left:0;bottom:5px;z-index:99;width:100%;height:20px}
.list_carousel .btn_list .btn_list_w{position:relative;height:20px;margin:0 auto;z-index:10;text-align:center;width:85px;}
.list_carousel .btn_list #stop2 {position:absolute;right:0;top:45px;width:11px;height:12px;background:url('../images/main_pop_stop.png') 0 0 no-repeat}
.list_carousel .pagination {right: 5px; top:5px; width: 80%; position: absolute;z-index:99;margin:0;height:15px;}
.list_carousel .pagination {text-align: right; }
.list_carousel .pagination a {background: url("../images/main_pop_off.png") 0 0 no-repeat transparent;	width: 15px;height: 15px;margin: 0 5px 0 0;	display: inline-block;}
.list_carousel .pagination a.selected {background: url("../images/main_pop_on.png") 0 0 no-repeat transparent;cursor: default;}
.list_carousel .pagination a span {display: none;}


/*.swiper-slide .container{width:100%; border:1px solid green;}*/
.visualArea{position: relative;padding: 0; z-index: 1; height:100vh; min-height:95rem;  margin:0 auto;}
.visualArea .swiper-container {list-style: none; }
/*.visualArea .swiper-slide {text-align: center; background: #fff; Center slide text vertically display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center;}
*/

.visualArea .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;
-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.visualArea .swiper-slide .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.visualArea .swiper-slide .video-background video {
    object-fit: cover; /* Ensures the video covers the slide area */
    width: 100%;
    height: 100%;
}

.visualArea .swiper-slide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:55% 50%;}
/*.visualArea .v_bg1{background: url("../images/main/bg_img01.png") 0 0 repeat;}*/

.visualArea .swiper-slide-active.v_bg1 .video-background video {
    animation: bg-scale 5s alternate both ease-out;
}

.visualArea .swiper-slide-active.v_bg2 .video-background video {
    animation: bg-scale 5s alternate both ease-out;
}

@keyframes bg-scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
.visualArea .v_Area{position:relative; overflow:hidden;  width:100%; height:100%; background: url("../images/main/visual_bg_img02.png") 0 10px no-repeat;}
.visualArea .v_textArea{position:relative;z-index:11;text-align:center; font-family:'Pretendard';  margin-top:12%; padding:0 2rem;}
.visualArea .v_textArea >h2{font-size:6.2rem; font-weight:800; letter-spacing:-2px; color:#fff; margin-top:12%; margin-bottom:2rem;}
.visualArea .v_textArea >p{font-weight:500; font-size:2.2rem; letter-spacing:-0.5px; color:#fff; z-index:2;}

.main_visual_con_area{width:100%;  position:absolute; display:flex; flex-wrap: wrap;  z-index:10; bottom:20rem; }

.swiper01 .swiper-container-horizontal> .swiper-pagination-bullets, .swiper01 .swiper-pagination-custom, .swiper01 .swiper-pagination-fraction {bottom: 17rem;}

.main_visual_con_area.mo_con{display:none}
.web_con{display:block;}
.main_con_box{ display:block;  /*max-width:128rem;*/max-width:160rem; margin:0 auto;}
.main-visual-cate-item{}
.web_con{display:block;}
.mo_con{display:none;}
.main_con_box > .con_box{width: calc(25% - 4rem); height: 30rem; padding:0 4rem; background-color:#fefefe; float:left; margin:0 2rem; border-radius:4rem; font-family:'Pretendard'; text-align:center; transition: all .3s ease 0s; transform: translateY(0); box-shadow: 2rem 2rem 4.3rem #00000033;}

.main_con_box > .con_box > h3{font-size:2.4rem; font-weight:700; margin-top:2rem;}
.main_con_box > .con_box > p{font-size:1.6rem; font-weight:500; margin-bottom:1rem;}
.main_con_box > .con_box > a{display:block; width:10rem; margin:0 auto; padding:1rem; font-size:1.6rem; font-weight:600; border-radius:4rem; background-color:#084177; color:#fff;}
.main_con_box > .con_box > a:hover, .main_con_box > .con_box.on > a{background-color:rgba(0, 0, 0, .2); color:#fff;}
.main_con_box > .con_box:nth-child(1):hover, .main_con_box > .con_box:nth-child(1).on{background:rgba(101, 135, 255, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;}
.main_con_box > .con_box:nth-child(2):hover, .main_con_box > .con_box:nth-child(2).on{background:rgba(74, 89, 198, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;}
.main_con_box > .con_box:nth-child(3):hover, .main_con_box > .con_box:nth-child(3).on{background:rgba(22, 131, 233, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;}
.main_con_box > .con_box:nth-child(4):hover, .main_con_box > .con_box:nth-child(4).on{background:rgba(43, 77, 204, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;}
.main_con_box > .con_box:hover h3, .main_con_box > .con_box:hover p, .main_con_box > .con_box:hover a, .main_con_box > .con_box.on h3, .main_con_box > .con_box.on p, .main_con_box > .con_box.on a{color:#fff;}
.main_con_box > .con_box:before{content:""; display:block; width:4.5rem; height:4.4rem; margin:4rem auto 0 auto; background: url("../images/main/visual_icon.png") no-repeat;}

.main_con_box > .con_box:nth-child(1):before{background-position:0 0;}
.main_con_box > .con_box:nth-child(2):before{background-position:-47px 0;}
.main_con_box > .con_box:nth-child(3):before{background-position:-94px 0;}
.main_con_box > .con_box:nth-child(4):before{width:5.2rem; background-position:-141px 0;}

.main_con_box > .con_box:nth-child(1):hover:before, .main_con_box > .con_box:nth-child(1).on:before{background-position:0 -46px;}
.main_con_box > .con_box:nth-child(2):hover:before, .main_con_box > .con_box:nth-child(2).on:before{background-position:-47px -46px;}
.main_con_box > .con_box:nth-child(3):hover:before, .main_con_box > .con_box:nth-child(3).on:before{background-position:-94px -46px;}
.main_con_box > .con_box:nth-child(4):hover:before, .main_con_box > .con_box:nth-child(4).on:before{width:5.2rem; background-position:-141px -46px;}


.mainL{background:#fff; z-index:3; position:relative; background: url("../images/main/bg_img02.png") center 0 no-repeat; background-size: 100% auto;}
.main02{background:#f6f6ff; position:relative;}
.main03{background:#fff; position:relative;}
.main04{background:#fff; position:relative;}
.mainR{background:url("../images/main/main_R.png")right top no-repeat;}
.subVisualArea{width:95%; height:350px; background: url("../images/main/sub_visual_img01.png") #000 center 0 no-repeat; background-size:cover;  margin:9.2rem auto 0 auto; border-radius:0 0 10rem 10rem; }

.videoArea .swiper-pagination-bullet , .popupzoneArea .swiper-pagination-bullet {width: 12px; height: 12px; display: inline-block; border-radius: 100%; background:rgba(0,0,0,.2);}
.videoArea .swiper-pagination-bullet-active, .popupzoneArea .swiper-pagination-bullet-active {opacity: 1; background: #40478f;}

.videoArea{position:relative; padding:30px 0 30px 0; margin:10px 0; font-family:'Pretendard',sans-serif; min-height:230px;}
.videoArea h3{font-family:'Pretendard';font-size:4.2rem; font-weight:700; color:#000; margin-bottom:3rem; text-align:center;}
.videoArea .btn_more{position:absolute;right:20px; top:30px;margin:0;padding:0; font-size:0.875rem;}
.videoArea .btn_more > a{display:block; background: url("../images/main/more.png")0 0 no-repeat; width:23px; height:23px; text-indent:-2000px;}
.videoArea .swiper-container{display:inline-block; width:100%; overflow:visible;}
.videoArea .swiper-container .swiper-wrapper{}
.videoArea .swiper-container .swiper-wrapper .swiper-slide { position:relative; overflow:hidden; height:50rem; border:1px solid rgba(0,0,0,.1);overflow:hidden; display:block; border-radius:4rem; -moz-transition: all .51s;
-o-transition: all .51s; -webkit-transition: all .51s; transition: all .51s;  /*box-shadow: 1px 1px 20px 1px rgba(0,0,0,.1);*/ }
.videoArea .swiper-container .swiper-wrapper .swiper-slide .container{height:100%; position:relative; }
.videoArea .swiper-container .swiper-wrapper .swiper-slide .container > ul{display:inline-block; width:100%; height:100%; padding:0; margin:0; position:relative;}
.videoArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.videoImg{}
.videoArea .swiper-container .swiper-wrapper .swiper-slide:hover{border-radius:10rem;}
.videoImg > img{object-fit: fill; width:100%; }
.videoText a{font-family:'Pretendard';font-size:2.2rem; font-weight:500; color:#000;}
.videoArea .swiper-container-horizontal>.swiper-pagination-bullets,.galleryArea .swiper-pagination-custom,.swiper-pagination-fraction {position: absolute;  bottom:-2rem; left: 0; width: 100%; }
.videoImgText{/* border:1px solid red;*/ position:absolute; display:block;bottom:0; width:100%;left: 0;height: 15rem;background-color: #fff; font-size: 2.8rem;color: #000; font-weight:700; letter-spacing: -.5px; padding:2rem 3rem 1rem 3rem; text-align:left;
			   line-height:120%;}


@media screen and (max-width:768px){
.videoImg > img{object-fit: fill; width:100% !important; width:100%;}
}

.tabArea{width:100%; position:relative; margin-bottom:100px;}
.tabArea ul{overflow:hidden; width:50%; margin:0 auto; }
.tabArea ul > li{float:left; font-family:'Nanumsquare',sans-serif; display:block; width:48%; text-align:center; font-size:1.0rem; border:1px solid #d4d4d4;}
.tabArea ul > li:first-child{border-right:none;}
.tabArea ul > li > a{display:block; padding:10px 0; color:#a2a1a1; }
.tabArea ul > li.on a, .tabArea ul > li:hover a{font-weight:bold; text-decoration:none; border-bottom:1px solid #000; color:#000;}

.move_text_box {}
.move_text_box .text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;font-size: 150px;font-weight:800;color: var(--black); opacity : 0.05;}
.move_text_box .text p {animation:textLoop 50s linear infinite; padding-right: 20px; text-transform: uppercase; line-height: .9; color: var(--navy); cursor: default;}


.businessArea{}
.businessArea{position:relative; padding:15rem 0 20rem 0; margin:10px 0; font-family:'Pretendard',sans-serif;  text-align:center;}
.businessArea h3{font-family:'yg-jalnan';font-size:5rem; font-weight:700; color:#000; margin-bottom:4rem; text-align:center;}
.businessArea img{text-align:center;}
.businessArea .box-area{display:flex; gap:2rem;}
.businessArea .box-area > div{display:inlin-block; position:relative; flex:1; border-radius:6rem; height:65rem; color:#fff; z-index:2;}
.businessArea .box-area > div::before{content: "";display:inline-block; width:100%; height:100%;  border-radius:6rem;/* background:rgba(0, 0, 0,.5);*/}

.businessArea .box-area > div:nth-child(1){background:rgba(253, 44, 102, 1) url('../images/banner01.png') center 15rem no-repeat; background-size:350px 293px; width:100%; position:relative; overflow:hidden;}
.businessArea .box-area > div:nth-child(2){background:rgba(253, 202, 25, 1) url('../images/banner02.png') center 8rem no-repeat; background-size: 430px 430px; width:100%; position:relative; overflow:hidden;}
.businessArea .box-area > div:nth-child(3){background:rgba(104, 1, 255, 1) url('../images/banner03.png') center 10rem no-repeat; background-size:410px 410px; width:100%; position:relative; overflow:hidden;}

.businessArea .box-area div ul {position:absolute; bottom:10%; left:50%; display:inline-block; transform: translate(-50%, 0%); width:90%;  transition:all .3s ease 0s;}
.businessArea .box-area div > ul li{ color:#fff;}
.businessArea .box-area div > ul li.b_name{}
.businessArea .box-area div > ul li.b_con{font-size:3rem; font-weight:700; height:7rem; line-height:120%; }
.businessArea .box-area div > ul li.b_btn a{border:2px solid #fff; border-radius:5rem; font-size:2rem; padding:1rem 2rem; display:inline-block; width:16rem; position:relative; opacity:.8; color:#fff; text-align:left;}
.businessArea .box-area div > ul li.b_btn a::after{content: url('../images/img-arrow.png'); display: block; position: absolute; top: 45%; right: 2rem;transition:all .3s ease 0s; transform: translateX(6rem) ;  transform: translateY(-50%); width: 1.8rem; height: 1.8rem;}
.s03 .box-area > div:hover .b_btn a{opacity:1;}

/*
	.businessArea .box-area div > ul li.b_con{font-size:6rem; font-weight:700; height:22rem; line-height:120%;}
.businessArea .box-area div > ul li.b_btn a{border:2px solid #fff; border-radius:5rem; font-size:2rem; padding:1rem 2rem; display:inline-block; width:16rem; position:relative; opacity:.8; color:#fff; text-align:left;}
.businessArea .box-area div > ul li.b_btn a::after{content: url('../images/img-arrow.png'); display: block; position: absolute; top: 45%; right: 2rem;transition:all .3s ease 0s; transform: translateX(6rem) ;  transform: translateY(-50%); width: 1.8rem; height: 1.8rem;}
.s03 .box-area > div:hover .b_btn a{opacity:1;}
*/
.businessArea .box-area div:hover ul{transform: translate(-50%,-10%);}
.businessArea .box-area div:hover ul li.b_con{font-size:6rem; font-weight:700; height:22rem;}
.businessArea .box-area div:hover::before{background:rgba(0, 0, 0,.5);}
.businessArea .box-area div:hover .b_btn a::after {right: 1rem;}

.infoArea{position:relative; padding:30rem 0 30rem 0; margin:10px 0; font-family:'Pretendard',sans-serif;  text-align:center;}
.infoArea h3{font-family:'Pretendard';font-size:2.2rem; font-weight:700; color:#757575; margin-bottom:3rem; text-align:center;}
.infoArea img{text-align:center;}
.infoArea dl{position:relative; margin-top:2rem;}
.infoArea dt{font-size:4.8rem; font-family:'yg-jalnan'; color:#000; line-height:140%; margin-bottom:5rem;}
.infoArea dd{font-size:2.4rem; font-family:'Pretendard'; color:#000; line-height:160%;}

.videoArea{position:relative; padding:15rem 0 20rem 0; margin:10px 0; font-family:'Pretendard',sans-serif;text-align:center;}
.videoArea h3{font-family:'yg-jalnan';font-size:5rem; font-weight:700; color:#000; margin-bottom:3rem; text-align:center;}
.videoArea img{text-align:center;}
.videoArea dl{position:relative; margin-top:2rem;}
.videoArea dt{font-size:4.8rem; font-family:'yg-jalnan'; color:#000; line-height:140%; margin-bottom:5rem;}
.videoArea dd{font-size:2.4rem; font-family:'Pretendard'; color:#6f6f6f; line-height:160%;}
.videoArea div > div.b_btn a{background:rgba(110,16,255,1); font-size:2rem; padding:1rem 3rem; border-radius:5rem; display:inline-block; width:16rem; position:relative; opacity:.8; color:#fff; text-align:left; margin-top:10rem;}
.videoArea div > div.b_btn a::after{content: url('../images/img-arrow.png'); display: block; position: absolute; top: 43%; right: 3rem;transition:all .3s ease 0s; transform: translateX(6rem) ;  transform: translateY(-50%); width: 1.8rem; height: 1.8rem;}
.videoArea div > div.b_btn a:hover{text-decoration:none;}
.videoArea div > div.b_btn a:hover::after{opacity:1; right: 2rem;}
.videoArea .swiper-slide{width:35rem;}

.newsArea{position:relative; padding:15rem 0 20rem 0; margin:10px 0; font-family:'Pretendard',sans-serif;text-align:center;}
.newsArea h3{font-family:'yg-jalnan';font-size:5rem; font-weight:700; color:#000; margin-bottom:3rem; text-align:left;}
.newsArea img{text-align:center;}
.newsArea dl{position:relative; margin-top:2rem;}
.newsArea dt{font-size:4.8rem; font-family:'yg-jalnan'; color:#000; line-height:140%; margin-bottom:5rem;}
.newsArea dd{font-size:2.4rem; font-family:'Pretendard'; color:#6f6f6f; line-height:160%;}
.newsArea div > div.b_btn a{background:rgba(253,44,102,1); font-size:2rem; padding:1rem 2rem; border-radius:5rem; display:inline-block; width:16rem; position:relative; opacity:.8; color:#fff; text-align:left; margin-top:10rem;}
.newsArea div > div.b_btn a::after{content: url('../images/img-arrow.png'); display: block; position: absolute; top: 43%; right: 3rem;transition:all .3s ease 0s; transform: translateX(6rem) ;  transform: translateY(-50%); width: 1.8rem; height: 1.8rem;}
.newsArea div > div.b_btn a:hover{text-decoration:none;}
.newsArea div > div.b_btn a:hover::after{opacity:1; right: 2rem;}
.newsArea .box_area{display: flex; width:100%; gap:2rem;}
.newsArea .box_area > div{ width: calc((100% - 6rem) / 4); border:1px solid rgba(0,0,0,.1); border-radius:5rem;}
.newsArea .box_area > div:hover{ border:none; box-shadow: 1px 1px 20px 1px rgba(0,0,0,.1); }
.newsArea .box_area > div ul{ display:inline-block; padding:6rem 4rem; text-align:left;}
.newsArea .box_area > div ul .b_tit{font-size:1.8rem; color:#6e10ff; margin-bottom:2rem; }
.newsArea .box_area > div ul .b_list{ font-size: 2.8rem;color: #000; font-weight: 700; letter-spacing: -.5px; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;  display: -webkit-box;
    -webkit-line-clamp: 3; /* 원하는 줄 수로 설정 */ -webkit-box-orient: vertical;}
.newsArea .box_area > div ul .b_date{font-size:1.4rem; color:#808080; margin-top:5rem;}

.popupzoneArea {position: relative; padding: 30px 0 30px 0; margin: 10px 0; font-family: 'Pretendard',sans-serif; min-height: 230px;}
.popupzoneArea h3{font-family:'Pretendard';font-size:4.2rem; font-weight:700; color:#000; margin-bottom:3rem;}
.popupzoneArea .btn_more{position:absolute;right:20px; top:5rem;margin:0;padding:0; font-size:0.875rem;}
.popupzoneArea .btn_more > a{display:block; background: url("../images/main/more.png")0 0 no-repeat; width:23px; height:23px; text-indent:-2000px;}
.popupzoneArea .swiper-container{position:relative;  background-color:#fff; display:inline-block;width:100%;height:50rem;}
.popupzoneArea .swiper-container .swiper-slide{border-radius:4rem 4rem 4rem 0; height:45rem; overflow:hidden;}
.popupzoneImg01, .popupzoneImg02{width:100%; height:50rem; margin:0 auto 2rem auto; background:#fff;background-size: cover;}

.popupzoneArea .swiper-container .swiper-slide .popupzoneImg01{ background:url("../images/main/popup01.png") center 0 no-repeat;}
.popupzoneArea .swiper-container .swiper-slide .popupzoneImg02{ background:url("../images/main/popup02.png") center 0 no-repeat;}


.popupzoneArea .swiper-button-next, .popupzoneArea .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px;
    background-position: center; background-repeat: no-repeat;}
.popupzoneArea .swiper-container-horizontal>.swiper-pagination-bullets,.popupzoneArea .swiper-pagination-custom,.swiper-pagination-fraction {position: absolute;  bottom:0; left: 0; width: 100%; }
.galleryArea .swiper-pagination-bullet , .popupzoneArea .swiper-pagination-bullet {width: 12px; height: 12px; display: inline-block; border-radius: 100%; background:rgba(0,0,0,.2);}
.galleryArea .swiper-pagination-bullet-active, .popupzoneArea .swiper-pagination-bullet-active {opacity: 1; background: #40478f;}

.galleryArea{position:relative; padding:30px 0 30px 0; margin:10px 0; font-family:'Pretendard',sans-serif; min-height:230px;}
.galleryArea h3{font-family:'Pretendard';font-size:4.2rem; font-weight:700; color:#000; margin-bottom:3rem; text-align:center;}
.galleryArea .btn_more{position:absolute;right:20px; top:30px;margin:0;padding:0; font-size:0.875rem;}
.galleryArea .btn_more > a{display:block; background: url("../images/main/more.png")0 0 no-repeat; width:23px; height:23px; text-indent:-2000px;}
.galleryArea .swiper-container{display:inline-block; width:100%; overflow:visible;}
.galleryArea .swiper-container .swiper-wrapper{}
.galleryArea .swiper-container .swiper-wrapper .swiper-slide { position:relative; }
.galleryArea .swiper-container .swiper-wrapper .swiper-slide > .container{width:inherit !important; }
.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul{display:inline-block; width:100%; overflow:hidden; position:relative; border-radius:2rem;}
.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryImg{height:40rem; border:1px solid rgba(0, 0, 0, .1); overflow:hidden; display:block; border-radius:2rem;}
/*.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText{margin:1rem 1rem 2rem 1rem;}*/
.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText{ border-radius:2rem; background-color:rgba(0,0,0,.6); position:absolute; top:100%; width:100%; height:100%; color:#fff !important;
 -o-transition: all .45s ease-in-out;  -ms-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; -webkit-transition: all .45s ease-in-out; transition: all .45s ease-in-out;}
 .galleryArea .swiper-container .swiper-wrapper .swiper-slide:hover .container > ul li.galleryText{top:0;}
.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText a{color:#fff; position: absolute; top:50%; transform: translate(0, -50%); letter-spacing:-1px; width:100%; text-align:center;}
.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText a:hover{text-decoration:none;}

.galleryImg > img{object-fit: fill; width:45rem; height:30rem; }
.galleryText h4{font-family:'Pretendard';font-size:2.0rem; font-weight:500; color:#000; margin:2rem;}
.galleryArea .swiper-container-horizontal>.swiper-pagination-bullets,.galleryArea .swiper-pagination-custom,.swiper-pagination-fraction {position: absolute;  bottom:-4rem; left: 0; width: 100%; }

.bookTitArea{padding:30px 0;}
.bookTitArea i{display:block; margin:0 auto; background: url("../images/main/iconArea.png")0 0 no-repeat; width:33px; height:25px; margin-bottom:20px;}
.bookTitArea h3{color:#fff; font-family:'Nanumsquare';font-size:25px; font-weight:bold; text-align:center;}

.bookArea{padding:30px 0;}
.bookArea ul{display:inline-block; width:100%; }
.bookArea li{display:block; margin:30px 20px; }
.bookArea .bookImg{width:219px; height:219px; float:left;}
.bookArea .bookImg > img{border-radius: 50%!important;}
.bookArea .bookEx{float:right; color:#fff; width:56%;}
.bookArea .bookEx > h4{color:#fff; font-family:'Nanumsquare'; font-size:18px; font-weight:bold; margin-bottom:20px;}
.bookArea .bookEx > div{font-family:'돋움',",Dotum"; font-size:14px; margin-bottom:20px;}
.bookArea .bookEx > a.bookBtn{display:block; border:1px solid #6166a3; color:#fff; text-decoration:none; width:129px; padding:10px 0; text-align:center; font-family:'돋움',",Dotum"; font-size:14px; font-weight:bold; border-radius:10px !important; }
.bookArea .bookEx > a.bookBtn:hover{background-color:#30356f; }
.bookArea .swiper-button-next, .bookArea .swiper-button-prev {display:none;}
.bookArea .swiper-pagination-bullet-active{background-color:#fff;}
.bookArea .swiper-container-horizontal>.swiper-pagination-bullets, .bookArea .swiper-pagination-custom, .bookArea .swiper-pagination-fraction{bottom:0;}

.btn_down01{width:180px; height:40px; background-color:#25b597; border-radius:15px; display:block; }
.btn_down01 > a{display:block; color:#fff !important; text-align:center; padding:5% 0; font-size:0.875rem; font-weight:bold; letter-spacing:-1px; text-decoration:none !important;  }
.btn_down01:hover{ background-color:#229f85;} 
.btn_down01:hover > a{color:#fff !important;}
.icon_down{background: url("/html/new/images/iconList03.png")0 0 no-repeat; width:17px; height:18px; display:inline-block;}

.photoZone{position:relative; padding:0; font-family:Dotum; margin:10px 0;}
.photoZone h3{/*font-family:'Nanumsquare';font-size:1.6em; font-weight:600;*/text-indent:-5000px; margin:0 0 20px 0; padding:0 0 10px 0; color:#000; text-align:center; position:relative; background: url("/html/new/images/h3_tit_01.png") center top no-repeat;}
.titline01{background: url("/html/new/images/line01_bg.png") 0 15px repeat-x;}

.main-bottom{background: url("../images/main/bg_img_forest.png") 0 0 repeat-x; object-fit: cover;}
.bottom-quick-area{ display:flex; gap:10rem; align-items:center; justify-items: center; justify-content:center;}
.bottom-quick-area ul{display:flex;gap:10rem; }
/*.bottom-quick-area li{width: 17rem; height:17rem; border-radius:50%; background-color:rgba(0,0,0,0); transition: all .3s ease 0s; position:relative;}*/
.bottom-quick-area li{width: 17rem; height:17rem; border-radius:50%; transition: all .3s ease 0s; position:relative;}
.bottom-quick-area li a h3{font-size:2.0rem; font-weight:700; margin-top:1rem; color:#fff; text-align:center;}
.bottom-quick-area li a{font-size:2.0rem; font-weight:700;color:#fff; text-align:center; padding-top:10rem;  display:block; width: 17rem; height:17rem; position:absolute; top:0;}
.bottom-quick-area li a:hover{text-decoration:none;}
.bottom-quick-area li:before{content:""; display:block; width:5.8rem; height:5.6rem; margin:4rem auto 0 auto; background: url("../images/main/bottom_quick_icon.png") no-repeat; transition: all .3s ease 0s; transform: translateY(0);}
.bottom-quick-area li:hover{background-color:rgba(255,255,255,.05); cursor:pointer;  backdrop-filter: blur(4px);}
.bottom-quick-area li:hover:before{transform: translateY(-1rem); }
.bottom-quick-area li:nth-child(1):before{background-position:0 0;}
.bottom-quick-area li:nth-child(2):before{background-position:-60px 0;}
.bottom-quick-area li:nth-child(3):before{background-position:-120px 0;}
.bottom-quick-area li:nth-child(4):before{background-position:-180px 0;}

.container-fluid{margin:0; padding:0;}

.section {position:relative;margin:0 auto; padding:0; margin-bottom:10px;}
.article {margin:0; padding:0;overflow:hidden;}

.containerSub .titArea{position:relative; text-align:center; }
/*.containerSub .titArea h2::before{content: ""; background: url("../images/main/bar_bk.png")center 0 repeat-y; display:block; height:70px; margin-bottom:10px;}*/
/*.containerSub .titArea h2::before{content: ""; background-color:#fff; height:5px; width:5px; display:block; margin:0 auto;}*/
.containerSub .titArea h2{font-family:'yg-jalnan'; font-weight:700; font-size:5.2rem; letter-spacing:0; color:#fff; padding:12rem 0 0 0;}

.containerSub .titArea .sNav{font-family:Dotum; padding:5px 0; color:#6a6b6c;}

.subInfo{ width:100%; margin:20px auto;  }
.subInfo h3::before{content: ""; background: url("../images/main/iconArea.png") -35px 0 no-repeat; display:block; width:53px; height:27px; margin:20px auto 10px auto;}
.subInfo h3{font-family:'Nanumsquare',sans-serif;font-size:2.2rem; font-weight:400; letter-spacing:-0.5px; color:#000; margin-bottom:60px; text-align:center;}

/*.subInfo h3::after, .subInfo01 h3::after, .subInfo02 h3::after{content: ""; background: url("../images/main/bar_bk.png")center 0 repeat-y; display:block; height:50px; margin-top:20px;
-webkit-transition: all 1s ease-in 0s; -moz-transition: all 1s ease-in 0s; -o-transition: all 1s ease-in 0s; transition: all 1s ease-in 0s;}
*/

/*.subInfo h3::after, .subInfo01 h3::after, .subInfo02 h3::after{content:''; display:block; width:1px; height:50px; background:#808080; margin:0 auto; position:absolute; left:50%; margin-left:-0.5px; 
-webkit-transition: all 1s ease-in 0s; -moz-transition: all 1s ease-in 0s; -o-transition: all 1s ease-in 0s; transition: all 1s ease-in 0s;}
*/






.sub-nav {}
.sub-nav > .s-nav-depth1 {display: flex; margin: 0 auto;  width:50rem;}
.sub-nav > .s-nav-depth1 > li:not(:first-child) {position: relative; border-width: 0.1rem 0.1rem 0.1rem 0; width:30rem;}
.sub-nav > .s-nav-depth1 > li:first-child > a { padding: 0; width: 7rem; background: url(../images/sub/ico-sub-home.png) center / 2.3rem 2.3rem no-repeat ; font-size: 0; color: transparent; padding: 1rem 2rem; }
.sub-nav > .s-nav-depth1 > li > a {display: flex; align-items: center; position: relative; padding: 1rem 2rem;font-family:'Pretendard'; font-size: 1.8rem; font-weight: 400; color: #fff;height:6rem;}
.sub-nav > .s-nav-depth1 > li:not(:first-child) > a::after { content:""; display: block; position: absolute; top: 40%; right: 2.2rem; width: 2.2rem; height: 1.2rem; background: url(../images/sub/ico-nav-arrdown.png) center / 100% no-repeat; transition: transform 0.2s ease-in-out;}
.sub-nav > .s-nav-depth1 > li:not(:first-child).active > a::after {transform: rotate(180deg);}
.sub-nav .s-nav-depth2 { display: none; position: absolute; overflow:auto; width: 100%;	 /*max-height: 45rem;*/ background: rgba(34, 34, 34, 0.85);z-index: 12;}
.sub-nav .s-nav-depth2::-webkit-scrollbar {width: 0.3rem;}
.sub-nav .s-nav-depth2::-webkit-scrollbar-thumb { background-color: #999999; border-radius: 0.4rem; background-clip: padding-box;}
.sub-nav .s-nav-depth2::-webkit-scrollbar-track { background: transperant;}
.sub-nav .s-nav-depth2 > li > a { display: block; width:100%;padding: 2.3rem 2rem; font-weight: 500; font-size: 1.6rem; color: #ffffff; font-family:'Pretendard';}
.sub-nav .s-nav-depth2 > li > a:hover {background: rgba(34, 34, 34, 0.95);}
.s-nav-depth2 > li > a.n-win { background : url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 2.5rem / 1.25rem 1.25rem no-repeat;}
.s-nav-depth2 > li > a.n-win:hover {background : rgba(34, 34, 34, 0.95) url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 2.5rem / 1.25rem 1.25rem no-repeat;}
/* 서브페이지 타이틀 영역 */

.tit04 { margin: 6rem 0 2.4rem 0; font-weight: 700; font-size: 2.4rem; line-height: 130%; color: #222222;}
.f_enact{font-weight:400; font-size:1.6rem; color:#9f9f9f;}
.sub-cont {margin: 0 auto 18rem; padding: 0 ; max-width: 140rem; overflow:hidden; font-family:'Pretendard'; font-size:1.6rem;}
.sub-cont div.sub_tit{ margin-bottom: 2.4rem; font-weight: 800; font-size: 3.8rem; line-height:150%; color: #222; border-bottom:1px solid rgba(0,0,0,.4); padding-bottom:5rem; }

.sub-cont div.sub_tit span{ text-decoration: none; position: relative;}
.sub-cont div.sub_tit span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1rem; background-color:rgba(253, 202, 25, .6) ; transition: width 2s ease;}
.sub-cont div.sub_tit span.animate::after { width: 100%;}
.lms_con{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:5rem;}
.lms_con > div{ position:relative;  width:calc(33.3% - 10rem/3); height:15rem; padding:3.5rem 2rem; border:1px solid #f7f7f7; background-color:#f7f7f7; border-radius: 1.2rem; text-align:center; font-size:2.0rem; font-weight:700;}
.lms_con > div::before{content:''; position: absolute; bottom:2rem; right: 32px; width: 80px;height: 80px; background-repeat:no-repeat; background-position: 50%; background-size: cover; background:#fff; border-radius:50%;}
.lms_con > div:hover{border:1px solid #000; background-color:#fff;}

.lms_con > div:nth-of-type(1)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon01.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(2)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon02.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(3)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon03.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(4)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon04.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(5)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon05.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(6)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon06.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(7)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon07.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(8)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon08.png) center / 8rem 8rem no-repeat;}
.lms_con > div:nth-of-type(9)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/icon09.png) center / 8rem 8rem no-repeat;}


.badges_con{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:5rem; padding-bottom:2rem; border-bottom:1px solid rgba(0,0,0,.4);}
.badges_con > div{ position:relative;  width:calc(50% - 5rem/2); height:20rem; padding:3.5rem 2rem; border:1px solid #f7f7f7; background-color:#f7f7f7; border-radius: 1.2rem; text-align:left; font-size:2.0rem; font-weight:700;}
.badges_con > div > span{font-size:1.6rem; font-weight:400; display:block; width:calc(100% - 12rem); margin-top:1rem;}
.badges_con > div::before{content:''; position: absolute; bottom:2rem; right: 32px; width: 80px;height: 80px; background-repeat:no-repeat; background-position: 50%; background-size: cover; background:#fff; border-radius:50%;}
.badges_con > div:hover{border:1px solid #000; background-color:#fff;}

.badges_con > div:nth-of-type(1)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/b_icon01.png) center / 8rem 8rem no-repeat;}
.badges_con > div:nth-of-type(2)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/b_icon02.png) center / 8rem 8rem no-repeat;}
.badges_con > div:nth-of-type(3)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/b_icon03.png) center / 8rem 8rem no-repeat;}
.badges_con > div:nth-of-type(4)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/b_icon04.png) center / 8rem 8rem no-repeat;}
.badges_con > div:nth-of-type(5)::before{ background:rgba(255, 255, 255, 1) url(../images/sub/b_icon05.png) center / 8rem 8rem no-repeat;}

.badges_con02{position:relative; margin:0; padding:0;}
.badges_wrap_mo{display:none;}
.badges_wrap{margin:10rem auto 18rem; padding: 0; max-width: 150rem; position:relative;}
.badges_wrap h3{position:relative; max-width:56rem; margin: 0 auto 4rem; padding:2rem 10rem; background: #6801ff; border-radius: 11rem;
	font-weight: 700; line-height: 100%; color:#fff;z-index:2;}
.badges_wrap::before{content:"";display:block;position:absolute;top:3rem;left:10rem;width: 120rem;height:110rem;border:0.2rem solid #DEE2E6;border-radius:2.5rem;z-index: 0;}

.badges_wrap > .badges_box{ display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:5rem;}
.badges_wrap > .badges_box > div:nth-child(1){width:20rem; background-color:#fff;  z-index:3;}
.badges_wrap > .badges_box > div h4{display: flex; align-items:center; justify-content:center; padding: 1rem 1rem; font-size: 1.6rem; font-weight: 500; line-height: 130%;
	color:#fff; background: #9551f9; border-radius:5rem; z-index:4;}
.badges_wrap > .badges_box > div > dl > dt{text-align:center; padding-bottom:1rem;}
.badges_wrap > .badges_box > div > dl > dt img{width:7rem; height:7rem;}
.badges_wrap > .badges_box > div > dl > dd{ padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; border-radius:1rem; font-weight:400;}
.badges_wrap > .badges_box > div:nth-child(2){width:90rem;}
.badges_wrap > .badges_box > div:nth-child(2) p{text-align:center; font-size:1.6rem; color:#393939; flex:none;}

.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t{position:relative; display:inline-block;}
.badges_wrap > .badges_box > div:nth-child(2) > div.box_c_t::before{content:"";display:block;position:absolute; top:2rem;left:0;width: 100%; height:95%; border:0.1rem solid #9551f9;z-index: 1; border-top:none;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t p{}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box{width:65rem; display:inline-block; float:left; position:relative; background-color:rgba(247,247,247,1); padding:1rem 1rem 6rem 1rem; border-radius:1rem; margin:0 1rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box h5{flex:none; width:100%; text-align:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box > div{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:2rem; }
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box > div > div { flex:1;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box > div > div  > ul > li{padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem; text-align:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box p{border:1px solid red;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box{ width:21rem; display:inline-block; float:left; position:relative; margin-left:2rem;  background-color:rgba(247,242,253,1); padding:1rem 1rem 2rem 1rem; border-radius:1rem; margin:0 1rem; }
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box h5{flex:none; width:100%; text-align:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box > div{display:flex; flex-wrap:wrap; justify-items:center; align-items:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box > div  > ul {flex:1;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box > div  > ul > li{padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem; text-align:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t > h5{ display:flex; justify-content:center; width:90%; margin: 2rem auto; padding:1rem 0; background: #6801ff; border-radius: 5rem;
	font-weight: 700; line-height: 100%; color:#fff; text-align:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b{border:1px solid #c39bfd;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01{padding:0 2rem 1rem 2rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 p{text-align:center; font-size:1.6rem; color:#393939; padding:2rem 0 0 0; flex:none;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:2rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div > div{ width:calc(50% - 2rem/2);}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div > div ul{flex:1;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div > div li{padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem; text-align:center;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02{ border-top:1px solid #c39bfd; padding-bottom:1rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 p{text-align:center; font-size:1.6rem; color:#393939; padding:2rem 0 0 0; flex:none;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 div{position:relative; padding:0 2rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 div ul{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:2rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 div ul > li{flex:1; text-align:center; padding:.5rem 1rem; border:1px solid #D9D9D9; line-height:100%; height:4.5rem; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03{ border-top:1px solid #c39bfd;} 
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 div{position:relative; padding:0 2rem 2rem 2rem ;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 div ul{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:2rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 div ul > li{flex:1; text-align:center;  padding:.5rem 1rem; margin:.5rem 0; border:1px solid #D9D9D9;  background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 p{text-align:center; font-size:1.6rem; color:#393939; padding:2rem 0 0 0; flex:none;}

.badges_wrap > .badges_box > div:nth-child(3){width:20rem; background-color:#fff;  z-index:3; }

.bor-purple{border:1px solid #9551f9 !important;}


@keyframes underline-animation {
	0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.tit-area { margin: 0 auto 8rem; max-width: 150rem; padding: 0 5rem;}
.tit-area > .tit-wrap { display: flex; align-items: center; justify-content: space-between; position: relative; margin: 0 auto; max-width: 140rem; padding: 11.4rem 0 4rem 0; }
.tit-wrap::after { content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.2rem; background: #333;}
.tit01 { font-family:'Pretendard'; font-size: 4.6rem; font-weight: 700; color: #222; line-height: 1;}
.txt01 + .txt01  {margin-top: 1.6rem;}
.txt01 + .list-dot,
.txt01 + .list-type01 {margin-top: 1.6rem;}
.list-dot + .txt01 {margin-top: 2rem;}
.list-type01,
.list-txt {font-size: 1.8rem; font-weight: 400; color: #666666;}
.list-type01.dep01,
.list-txt.dep01{font-size: 2rem; text-indent:none;}   
.list-type01.dep01 > li {padding-left: 2.2rem;text-indent: -2.2rem;}
.list-txt.dep01 > li > .list-txt.dep02 {padding-left: 1.7rem;}
.list-type01 > li > .list-type01,
.list-txt > li > .list-txt,
.list-type01 > li > .list-dot {margin: 2rem 0;} 
.list-type01 > li > table,
.list-type01 > li > .t-scroll,
.list-type01 + table,
.list-type01 + .t-scroll,
.list-dot + table,
.list-dot + .t-scroll {margin: 3rem 0;}
.list-type01 > li {padding-left: 1.7rem; text-indent: -1.7rem; line-height: 150%;}
.list-type01 > li + li,
.list-txt > li + li {margin-top: 0.8rem;}
.list-dot > li {position: relative; padding-left: 1rem; text-indent: 0; font-size: 1.8rem; color: #666; line-height: 150%; word-break: keep-all;}
.list-dot > li::before {content:""; display: block; position: absolute; top: 1.2rem; left: 0; width: 0.3rem; height: 0.3rem; background: #666;}
.list-dot > li + li  {margin-top: 0.4rem;}
.list-dot > li > .t-scroll,
.list-dot > li > table {margin-top: 1rem;}
.list-dot.black > li {color: #222;}
.list-dot.black > li::before {background: #222;}
.list-dot > li .list-type01 { margin-top: 0.4rem;}
.list-dot > li .list-type01 > li + li { margin-top: 0.4rem;}

.sub-cont H4{ margin-bottom: 2.4rem; font-weight: 800; font-size: 5rem; line-height: 130%; color: #222;}
.sub-cont P{margin-bottom: 1.8rem; font-weight: 500; font-size: 2rem; line-height: 150%; color: #999;}

.greetings_area{display:flex;/*align-items: center;justify-content: space-between;*/}
.greetings_area p.s_tit{font-weight: 600; font-size:2.4rem; line-height: 130%; color: #222;}
.greetings_area > img{width:30rem; height:37.5rem;}
/*.greetings_img{background:url("/html/images/greetings_img.jpg")0 0 no-repeat; background-size:300px 375px; width:30rem; height:37.5rem;}*/
.greetings_txt{}
.greet-sign-area{ display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; margin-top: 8rem; max-width: 40rem; width: 100%;}
.greet-sign-area .txt-dean {color: #222; font-size: 2.4rem; font-weight: 400; line-height: 130%;}
.greet-sign-area .txt-dean > em {font-weight: 800;}
.join_area{display:inline-block; position:relative; width:100%;}
.join_area p{margin-bottom: 2.4rem; font-weight: 800; font-size: 3.4rem; line-height: 130%; color: #222;}
.join_area dl{font-size:1.8rem; line-height:160%; color:#666;}
.join_area dt{position: relative; margin:4rem 0 2rem 0; font-size:2.4rem; padding-left:1.5rem;}
.join_area dt::before{ content:""; display: block; position:absolute; left: 0; top:.5rem; width:.4rem; height:1.5rem; background:#6569ff; border-radius:.2rem;}

.rule_area h5{font-size: 2rem; width:100%; position:relative; }
.rule_area h6{font-size: 1.8rem;}
.rule_area ol, .rule_area ul{display:inline-block; widht:100%;}
.rule_area ol,.rule_area ul, .rule_area li{margin:0; padding-left:1.2rem !important;}


.webzine_area{position:relative;/*align-items: center;justify-content: space-between;*/}
.webzine_area .webzine_top{ width:100%; height:25rem; background:url("/html/images/sub/webzine_bg.png")0 0 no-repeat; padding:0 2rem; display:flex; align-items: center;justify-content;}
.webzine_area .webzine_top .top_tit_area{position:relative; width:100%;}
.webzine_area .webzine_top .top_tit01{ color:#fff; font-weight:800; font-size:5rem; line-height: 130%;}
.webzine_area .webzine_top .top_tit02{ color:#fff; font-weight:600; font-size:2.4rem; }
.webzine_area .webzine_top .top_tit02 span{font-weight:300; font-size:1.8rem;}
.webzine_area .webzine_top .webzine_logo{ font-family:'Pretendard', sans-serif; font-weight:700; font-size:2.6rem; padding:1rem 0; background:url('../images/logo_w.png') 0 0 no-repeat; width:21.6rem; background-size:21.6rem; height:5.0rem; text-indent:-9999px; position:absolute; right:0; top:-50%;}
.webzine_area .webzine_section01{ position:relative; margin:5rem 0; padding:0; width:100%;}
.webzine_area .webzine_section01 .tit{ font-family: 'GmarketSansMedium';color:#000; font-weight:700; font-size:2.8rem; padding:2rem;}
.webzine_area .webzine_section01 .banner{ background:url("/html/images/sub/webzine_section01_bg.png")0 0 no-repeat;   background-size: 100% 100%; width:100%; height:38rem; display:flex; align-items: center;justify-content; padding:0 4rem;}
.webzine_area .webzine_section01 .banner_tit_area{position:relative; width:100%;}
.webzine_area .webzine_section01 .banner_tit_area .banner_tit01{font-family: 'GmarketSansMedium'; font-size:4.2rem; color:#fff; font-weight:400; line-height:160%;}
.webzine_area .webzine_section01 .banner_tit_area .banner_tit02{font-family: 'GmarketSansMedium'; font-size:2.2rem; color:#fff; font-weight:600;}
.webzine_area .webzine_section01 .banner_tit_area a.banner_btn{ background-color:rgba(88,34,170,1); color:#fff !important; text-decoration:none !important; font-size:1.8rem; font-weight:700; padding:.7rem 5rem; border-radius:2rem; display:inline-block; height:4rem; margin-top:4rem;}
.webzine_area .webzine_section01 .banner_tit_area a.banner_btn:hover{ background-color:rgba(76,15,169,1); color:#fff !important; text-decoration:underline !important;}
.webzine_area .webzine_section01 .wz_section01_con{ margin-top:3rem; display:flex; gap:4rem;}
.webzine_area .webzine_section01 .wz_section01_con .photo{background:url("/html/images/greetings_img.jpg") 0 0 no-repeat; background-size: 100% 100%;  width:21rem; height:25rem; border:1px solid #bababa;}
.webzine_area .webzine_section01 .wz_section01_con .text_area{width:calc(100% - 20rem);}
.webzine_area .webzine_section01 .wz_section01_con .text_area p{font-size:1.8rem; line-height:160%; font-weight:400; color:#131313; }

.webzine_area .webzine_section02{position:relative; display:inline-block; margin:5rem 0; padding:0; width:100%;}
.webzine_area .webzine_section02 .tit{ font-family: 'GmarketSansMedium';color:#000; font-weight:700; font-size:2.8rem; padding:2rem;}
.webzine_area .webzine_section02 .box_area{width:100%; position:relative;}
.webzine_area .webzine_section02 .box_area .itemBox{width:calc((100% - 6rem)/3); margin-right:3rem; float:left; display:inline-block; box-sizing: border-box; }
.webzine_area .webzine_section02 .box_area .itemBox .box_img{position:relative; width:100%; height:38rem; margin-bottom:2rem;  border-radius:2rem;  border:1px solid #bababa; overflow:hidden; object-position: 50% 50%;}
.webzine_area .webzine_section02 .box_area .itemBox .box_img img{height:38rem !important; object-fit: cover; position:absolute; }
.webzine_area .webzine_section02 .box_area .itemBox .box_text{width:100%;}
.webzine_area .webzine_section02 .box_area .itemBox .box_text .tit01{font-size:2rem; font-weight:400; color:rgba(88,34,170,1);}
.webzine_area .webzine_section02 .box_area .itemBox .box_text .tit02{font-size:2.6rem; font-weight:700; line-height:130%; color:rgba(0,0,0,1);}
.webzine_area .webzine_section02 .box_area .itemBox .box_text .text{font-size:1.8rem; line-height:160%; font-weight:400; color:#131313; }

.webzine_area .webzine_section02 .box_area .itemBox > a.itemBox_btn{display:inline-block;position:relative; float:right;color:rgba(88,34,170,1); font-size:1.8rem; font-weight:700; line-height:270%; margin-top:2rem;  }
.webzine_area .webzine_section02 .box_area .itemBox > a.itemBox_btn:hover{font-weight:800;}
.webzine_area .webzine_section02 .box_area .itemBox > a.itemBox_btn::before{content:""; background:url("/html/images/sub/arr.png") 0 0 no-repeat; transition:all .5s; position:absolute;display:block; width:130px; height:49px; right:1.5rem;}
.webzine_area .webzine_section02 .box_area .itemBox > a.itemBox_btn:hover::before{transform :translateX(5%);}
.webzine_area .webzine_section02 .box_area .itemBox > a.itemBox_btn::after{content:""; display:block; float:right; width:4.8rem; height:4.8rem; background-color:rgba(88,34,170,1); border-radius:4rem; margin-left:1rem; }


.webzine_area .webzine_section03{position:relative; display:inline-block; margin:5rem 0; padding:0; width:100%;  }
.webzine_area .webzine_section03 .tit{ font-family: 'GmarketSansMedium';color:#000; font-weight:700; font-size:2.8rem; padding:2rem;}
.webzine_area .webzine_section03 .banner{ background-image: linear-gradient(169deg, #d1ecff 0%, #cfdbf8 50%, #cec0f0 100%);   border-radius:2rem;  border:1px solid #bababa;  width:100%; height:25rem; display:flex; align-items: center;justify-content; padding:0 4rem;}
.webzine_area .webzine_section03 .banner_tit_area{position:relative; width:100%; background:url("/html/images/sub/webzine_banner_icon.png") 100% 0 no-repeat; background-size : contain;}
.webzine_area .webzine_section03 .banner_tit_area .banner_tit01{font-family: 'GmarketSansMedium'; font-size:4.2rem; color:rgba(40,40,40,1); font-weight:500; line-height:120%; letter-spacing:-1px;}
.webzine_area .webzine_section03 .banner_tit_area a.banner_btn{ background-color:rgba(70,105,207,1); color:#fff !important; text-decoration:none !important; font-size:1.8rem; font-weight:700; padding:.7rem 5rem; border-radius:2rem; display:inline-block; height:4rem; margin-top:4rem;}
.webzine_area .webzine_section03 .banner_tit_area a.banner_btn:hover{ background-color:rgba(24,70,207,1); color:#fff !important; text-decoration:underline !important;}
.webzine_area .webzine_section03 .wz_section01_con{ margin-top:3rem; display:flex; gap:4rem;}

.webzine_area .webzine_section04{position:relative; display:inline-block; margin:5rem 0; padding:0; width:100%;}
.webzine_area .webzine_section04 .tit{ font-family: 'GmarketSansMedium';color:#000; font-weight:700; font-size:2.8rem; padding:2rem;}
.webzine_area .webzine_section04 .box_area{width:100%; position:relative;}
.webzine_area .webzine_section04 .box_area .itemBox{width:calc((100% - 3rem)/2); height:31.5rem; display:flex; align-items: center;justify-content; margin-right:3rem; float:left; display:inline-block; overflow:hidden; box-sizing: border-box; border-radius:2rem;  border:1px solid #bababa; }
.webzine_area .webzine_section04 .box_area .itemBox .box_img{position:relative; width:40%; height:31.5rem; object-position: 50% 50%; display:inline-block; float:left;}
.webzine_area .webzine_section04 .box_area .itemBox .box_img img{height:100% !important; object-fit: cover; position:absolute; }
.webzine_area .webzine_section04 .box_area .itemBox .box_text{width:60%; height:31.5rem; float:left; padding:3rem 2rem;}
.webzine_area .webzine_section04 .box_area .itemBox .box_text .tit01{font-size:2rem; font-weight:400; color:rgba(88,34,170,1);}
.webzine_area .webzine_section04 .box_area .itemBox .box_text .tit02{font-size:2.6rem; font-weight:700; line-height:130%; color:rgba(0,0,0,1);}
.webzine_area .webzine_section04 .box_area .itemBox .box_text .text{font-size:1.8rem; line-height:160%; font-weight:400; color:#131313; }
.webzine_area .webzine_section04 .box_area .itemBox .box_text a.itemBox_btn{background-color:rgba(152,39,211,1); color:#fff !important; text-decoration:none !important; font-size:1.8rem; font-weight:700; padding:.7rem 5rem; border-radius:2rem; display:inline-block; height:4rem;  }
.webzine_area .webzine_section04 .box_area .itemBox .box_text a.itemBox_btn:hover{ background-color:rgba(142,7,212,1); color:#fff !important; text-decoration:underline !important;}


.t-scroll, .m-scroll, .t-scroll-no-height {position: relative; overflow: auto;}
/*테이블*/
.tbl-sty01{width:100%; line-height: 130%;}
.tbl-sty01 > thead th,
.tbl-sty01 > tbody th {background: #F9F9F9; font-size: 1.8rem;font-weight: 500; color: #222;}
.tbl-sty01 > thead th { padding:2rem; line-height: 2.2rem; text-align:center; border:0.1rem solid #ddd;}
.tbl-sty01 th:first-of-type,.tbl-sty01 > tbody td:first-of-type{border-left:none;}
.tbl-sty01 > thead th:last-of-type,.tbl-sty01 > tbody td:last-of-type{border-right:none;}
.tbl-sty01 > tbody th {padding: 2rem; line-height: 2.2rem; text-align: center; border:0.1rem solid #EDEDED;}
.tbl-sty01 > tbody td{padding:2rem; border:0.1rem solid #EDEDED; font-size: 1.8rem; font-weight: 400; color: #666; text-align:center;}
.tbl-sty01 > tbody td.going{color:#34368A; font-weight:600;}
.tbl-desc {margin-top: 2rem; padding-left: 1.5rem; text-indent: -1.5rem; font-weight: 500; color: #666; line-height: 150%;}
.tbl-bg01 { background: #f9f9f9 !important;}
.tbl-bg02 { background: #F4F5FE !important;}
.tbl-bd-b {border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
a.btn-filedown{text-decoration:none;}
a.btn-filedown{display:flex;align-items:center;justify-content:space-between;width: 15.5rem;height: 4.4rem;padding:1rem 2rem; background:#6569ff;font-weight: 500;
	font-size: 1.6rem;
	line-height: 150%;
	letter-spacing: -0.01em;
	color: #FFFFFF !important;
	opacity: 0.7;
}
.btn-filedown img {width: 1.1rem;}

.subInfo01_1{ width:100%; margin:20px auto; position:relative;}
.subInfo01_1 h3::before{content: ""; display:block; width:1px; height:36px; background-color:#000; margin:20px auto 10px auto;}
.subInfo01_1 h3{font-family:'seoul-hangang-jung-m',sans-serif;font-size:2.5rem; letter-spacing:-0.5px; color:#000; margin-bottom:100px; text-align:center;}
.subInfo01_1 > div.right{position:absolute;right:0; display:block; background: url("../images/main/sub_img01_1.png") 0 0 no-repeat; width:398px; height:448px;}
.subInfo01_1 > div.left{float:left; display:block; width:60%;}
.subInfo01_1 > div.left > .titTxt01{ display:block; font-family:'seoul-hangang-jung-l',sans-serif; font-size:32px; letter-spacing:-1px; line-height:130%;  color:#000; margin:60px 0 30px 0; }
.subInfo01_1 p{font-family:'NanumGothic',sans-serif; font-size:1.0rem; line-height:180%; letter-spacing:-0.5px; margin-bottom:20px; color:#303030;}

.subInfo01_2{ width:100%; margin:20px auto; position:relative;}
.subInfo01_2 h3::before{content:""; display:block; width:1px; height:36px; background-color:#000; margin:20px auto 10px auto;}
.subInfo01_2 h3{font-family:'seoul-hangang-jung-m',sans-serif;font-size:2.5rem; letter-spacing:-0.5px; color:#000; margin-bottom:100px; text-align:center;}
.subInfo01_2 > .row01, .subInfo01_2 > .row02{position:relative; display:inline-block; overflow:hidden; height:auto;}
.subInfo01_2 > .row01 > div.left{position:absolute;left:0; display:block; background: url("../images/main/sub_img01_2.png") 0 0 no-repeat; width:681px; height:457px;}
.subInfo01_2 > .row01 > div.right{float:right; display:block; width:34%;}
.subInfo01_2 > .row01 > div.right > .titTxt01{ display:block; font-family:'seoul-hangang-jung-l',sans-serif; font-size:32px; letter-spacing:-1px; line-height:130%;  color:#000; margin:60px 0 30px 0; }
.subInfo01_2 > .row02{margin-top:100px;}
.subInfo01_2 > .row02 > div.left{float:left; display:block; width:46%;}
.subInfo01_2 > .row02 > div.left > .titTxt01{ display:block; font-family:'seoul-hangang-jung-l',sans-serif; font-size:32px; letter-spacing:-1px; line-height:130%;  color:#000; margin:30px 0 30px 0; }
.subInfo01_2 > .row02 > div.left > ul, .subInfo01_2 > .row02 > div.left > li{list-style:none; display:block; font-family:'NanumGothic',sans-serif; font-size:1.0rem; 
line-height:180%; letter-spacing:-0.5px; margin-bottom:20px; color:#303030;}
.subInfo01_2 > .row02 > div.right{position:absolute;right:0; display:block; background: url("../images/main/sub_img01_3.png") 0 0 no-repeat; width:537px; height:597px;}

.subInfo01_2 p{font-family:'NanumGothic',sans-serif; font-size:1.0rem; line-height:180%; letter-spacing:-0.5px; margin-bottom:20px; color:#303030;}

.subInfo01_3_bg{ width:100%; background: url("../images/main/sub_img01_5.png") center bottom no-repeat;}
.subInfo01_3{ width:100%; margin:20px auto; position:relative;}
.subInfo01_3 h3::before{content: ""; display:block; width:1px; height:36px; background-color:#000; margin:20px auto 10px auto;}
.subInfo01_3 h3{font-family:'seoul-hangang-jung-m',sans-serif;font-size:2.5rem; letter-spacing:-0.5px; color:#000; margin-bottom:100px; text-align:center;}
.subInfo01_3 > div.imgCenter{display:block; background: url("../images/main/sub_img01_4.png") center 0 no-repeat; width:100%; height:458px; margin:0 auto;}
.subInfo01_3 > div.txtCenter{text-align:center; font-family:'NanumGothic',sans-serif; font-size:1.0rem; line-height:200%; letter-spacing:-0.5px; margin:100px 0 20px 0; padding-bottom:100px; color:#303030; }
 





.subInfo01{ width:100%; margin:30px auto;}
.subInfo01 h3{font-family:'Nanumsquare',sans-serif;font-size:2.2rem; font-weight:500; letter-spacing:-0.5px; color:#000; margin-bottom:60px; text-align:center;}
.subInfo01 div{font-family:'NanumGothic',sans-serif;  font-size:1.0rem; line-height:180%; letter-spacing:-0.5px; color:#000;}
.subInfo01 .infoImg01{float:left;}
.subInfo01 .infoTxt01{float:right;  width:46%;}
.subInfo01 .infoTxt01 > ul{padding-left:0 !important; margin:30px 0 60px 0 !important;}
.subInfo01 .infoTxt01 > ul > li{ color:#444444;!important; list-style:none;}
.infoTxt01 .titTxt{font-family:'Nanumsquare'; font-size:20px; letter-spacing:-0.5px; font-weight:600; color:#444;}
.txtEmp{font-size:1.5rem; font-weight:400; line-height:140%; color:#5b5b5b; letter-spacing:-0.5px;}
.titTxt::after{content:""; display:block; border:0.5px solid #444; width:20px; margin-top:10px;}
.infoTxt01 p{margin:30px 0 60px 0; line-height:160%; color:#444444;}

div.addArea{overflow:hidden; margin:30px 0 60px 0;}
div.addArea > div{margin-bottom:5px;}
.round_icon{display:block; width:26px; height:26px; background-color:#bba391; border-radius:100%; padding-top:7px; float:left; margin-right:10px;}
.round_icon01{display:block; width:26px; height:26px; background-color:#927d6e; border-radius:100%; padding-top:7px; float:left; margin-right:10px;}
.con_call{ width:16px; height:11px; display:block; background: url("../images/main/iconArea.png") -90px 0 no-repeat; margin:0 auto;}

.subInfo02{ width:100%; margin:30px auto; position:relative; overflow:hidden;}
.subInfo02 h3{font-family:'Nanumsquare';font-size:2.2rem; font-weight:500; letter-spacing:-0.5px; color:#000; margin-bottom:60px; text-align:center;}
.subInfo02 div{font-family:'NanumGothic';  font-size:1.0rem; line-height:180%; letter-spacing:-0.5px;}
.subInfo02 .infoTxt02{ position:relative; float:left;  width:50%; z-index:10;}
.subInfo02 .infoTxt02 > ul{padding-left:0 !important;}
.subInfo02 .infoTxt02 > ul > li{ color:#444444 !important; list-style:none; margin:5px 0; }
.bl01{background: url("../images/main/bl01.png") 0 11px no-repeat; padding-left:15px;}
.bl02{background: url("../images/main/bl02.png") 0 8px no-repeat; padding-left:20px;}
.subInfo02 .infoImg02{position:absolute; bottom:0; right:0;}

a.btnBuy01{display:inline-block; margin:50px 0 0 0; padding:4px 10px; background-color:#8d11ec; color:#fff !important; border-radius:5px; text-decoration:none !important; letter-spacing:-0.5px !important; }
a.btnBuy01:hover{background-color:#7e0fd3; color:#fff;}

.boxArea01{font-family:"맑은 고딕"; padding:30px;  line-height:160%; text-align:center;}
h4.subtit_text03{font-family:'Nanumsquare',sans-serif; font-size:2.0em !important; font-weight:bold; padding:0 !important; margin:0 !important; letter-spacing:-0.5px; line-height:180%;}
h4.subtit_text03:after {content:""; display:block; position:absolute; left:50%; width:1px; top:170px; height:100px; background:#bec79d;}
.box01_txt_b{color:#000; font-weight:700; font-size:1.3em; }

.r_circle160{display:block; width:160px; height:160px;}
.r_circle160 i{display:block;}
.r_circle160 i.icon_people{width:30px; height:29px; background: url("/html/new/images/iconList.png") 0 0 no-repeat; margin:25px auto 10px auto !important;}
.r_circle159b{display:block; position:relative; width:159px; height:159px; background: url("/html/new/images/subCircle_img01.png") 0 0 no-repeat; transform :translateY(-50%);}
.r_circle1_tit_g{display:block; color:#b5d24f; font-size:1.6em; letter-spacing:-1px; font-weight:bold; padding:50px 0 0 0 !important;}
.r_circle1_tit_g:after {content:""; display:block; position:absolute; left:45%; width:20px; top:110px; height:1px; background:#8aa03e;}



dl.circleExp{font-family:'Nanumsquare',sans-serif; line-height:200%;}
dl.circleExp > dt{font-size:1.5em; color:#3c3c3b;}
dl.circleExp > dd{font-size:1.4em;}

.organ_img{background: url("/html/new/images/organImg.png") 0 0 no-repeat; width:908px; height:154px;}
	

.subInfo_list02{padding:10px;}
.subInfo_list02 .infoImg{width:100%; overflow:hidden;}
.subInfo_list02 .infoImg > img{width:100%; /* -webkit-transition:.4s ease; *//* transition:.4s ease; */-moz-transition:.4s ease;-o-transition:.4s ease;-ms-transition:.4s ease;}
.subInfo_list02 .infoImg > img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}

.subInfo_list02 .infofrof{background-color:#54803e/*#5f699c 0f85c8*/; padding:10px 15px; margin-top:10px;}
.subInfo_list02 h3{font-family:'Nanumsquare',sans-serif; font-weight:bold; letter-spacing:-0.5px; font-size:1.8em; color:#fff; margin-top:10px;}
.subInfo_list02 .text01{font-size:1.2em; line-height:150%; color:#fff;}
.subInfo_list02 .text01_01{font-size:1.2em; line-height:180%;letter-spacing:0; color:#6c6969;}
.subInfo_list02 .list01{padding:10px 0 50px 0;overflow:hidden; font-size:1.1em; }
.subInfo_list02 .list01 li{width:99%;text-align:justify;}
.subInfo_list02 .text01_icon01{background: url("/html/new/images/dtIcon01.png") 0 0 no-repeat; width:31px; height:23px;}
.subInfo_list02 .text01_icon02{background: url("/html/new/images/dtIcon01.png") -31px 0 no-repeat; width:31px; height:23px; position:absolute;bottom:130px;right:0;}
.list01 .sign{padding-top:100px; font-size:1.2em; text-align:right !important;}


.sublist01{font-size:1.2em; line-height:180%;letter-spacing:0; color:#6c6969;}

/*subPAGE*/
.subRes_list01{text-align:right;}
.subRes_list01 > dl{text-align:left; line-height:200%; margin-bottom:20px; display:inline-block;  width:90%;}
.subRes_list01 > dl > dt{font-family:'Nanumsquare',sans-serif; display:inline-block; float:left; font-weight:bold; color:#3c3c3b; font-size:1.4em;}
.subRes_list01 > dl > dd{display:inline-block; float:right;  width:80%; padding-left:10px; font-size:1.25em; font-family:"맑은 고딕";}

.book_list{text-align:center; padding:20px 0 10px 0; background-color:#f9f9f9;}
.book_list .bookArea{margin:0 auto; padding:0 15px;}
.bookArea > dl{display:inline-block; float:left; }
.bookArea > dl:hover{font-weight:bold;}
.bookArea > dl > dt{display:inline-block; border:1px solid #a7a7a7; overflow:hidden; width:130px; margin:20px 22px 5px 22px;}
.bookArea > dl > dt a > img{/* -webkit-transition:.4s ease; *//* transition:.4s ease; */-moz-transition:.4s ease;-o-transition:.4s ease;-ms-transition:.4s ease;}
.bookArea > dl > dt a:hover > img{ transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.bookArea > dl > dd{width:130px; overflow:hidden; text-overflow :ellipsis; white-space:nowrap; font-size:1.2em; font-family:"맑은 고딕"; letter-spacing:-0.5px; text-align:center; margin:0 22px 20px 22px}


.subRes_list02{}
.subRes_list02 dl{ display:inline-block; margin:20px 0; padding:20px 40px;}
.subRes_list02 dl > dt{ color:#8aa03e; font-family:'Nanumsquare',sans-serif; font-weight:bold; font-size:1.5em; padding:20px 0; }
.subRes_list02 dl > dd{font-size:1.25em; font-family:"맑은 고딕"; padding-bottom:20px; line-height:170%; letter-spacing:-0.8px}

.subRes_list02_1{}
.subRes_list02_1 ul{display:inline-block;}
.subRes_list02_1 ul >li{display:block; float:left; width:25%;}
.subRes_list02_1 ul >li > dl{ margin:20px 15px 0 15px;}
.subRes_list02_1 ul >li > dl >dt{font-family:'Nanumsquare',sans-serif; font-size:1.4em;}
.subRes_list02_1 ul >li > dl >dd{font-size:1.2em; font-family:"맑은 고딕"; margin-top:5px;}

.subRes_list03{margin:20px auto 0 auto; padding-bottom:40px;}
.subRes_list03 ul{display:inline-block; width:100%;}
.subRes_list03 .sub_img01{background: url("/html/new/images/sub_img01.png") 0 0 no-repeat; width:130px; height:93px; float:left; }
.subRes_list03 .sub_img02{background: url("/html/new/images/sub_img02.png") 0 0 no-repeat; width:130px; height:93px; float:left; }
.subRes_list03 .sub_img03{background: url("/html/new/images/sub_img03.png") 0 0 no-repeat; width:130px; height:93px; float:left; }
.subRes_list03 li:last-child{text-align:left; float:left; padding: 10px 40px; width:85%;}
h4.subtit_text01{font-family:'Nanumsquare',sans-serif; font-size:2.0em !important; font-weight:bold; padding:0 !important; margin:0 !important; letter-spacing:-0.5px; line-height:180%;}
.subtit_text02{font-family:'Nanumsquare',sans-serif; font-size:1.5em; padding:0; margin:0; letter-spacing:-0.5px; line-height:150%; }
.subRes_list03 > dl{text-align:left; line-height:200%; display:inline-block;  width:96%; padding:10px 0; }
.subRes_list03 > dl > dt{position:relative; font-family:'Nanumsquare',sans-serif; display:inline-block; font-weight:bold; color:#2b2b2b; font-size:1.4em; text-align:left; width:100%; padding-bottom:10px;}
.subRes_list03 > dl > dd{display:inline-block;  width:100%; padding-left:10px; font-size:1.25em; font-family:"맑은 고딕";}
.bar_dotted_bt{ border-bottom:1px dotted #bfbfbf;}
.bar_dotted_top{ border-top:1px dotted #bfbfbf;}

.subRes_list04{margin:20px auto 0 auto; padding-bottom:40px;}
.subRes_list04 ul{display:inline-block; width:100%;}
.subRes_list04 li{float:left; display:block;}
.subRes_list04 dl{text-align:left; line-height:200%; display:inline-block;  width:100%; padding:10px 0;}
.subRes_list04 dl > dt{position:relative; font-family:'Nanumsquare',sans-serif; display:inline-block; font-weight:bold; color:#2b2b2b; font-size:1.4em; text-align:left; width:100%; padding-bottom:10px;}
.subRes_list04 dl > dd{display:inline-block;  width:100%; padding-left:10px; font-size:1.25em; font-family:"맑은 고딕";}

.subRes_list05{margin:20px auto 0 auto; padding-bottom:40px;}
.subRes_list05 ul{display:inline-block; width:100%;}
.subRes_list05 .sub_img05{background: url("/html/new/images/sImg01_05bg.jpg") 0 0 no-repeat; width:188px; height:206px; float:left; }
.subRes_list05 li:last-child{text-align:left; float:left; padding: 20px 40px; width:78%;}
h4.subtit_text01_1{font-family:'Nanumsquare',sans-serif; font-size:1.8em !important; font-weight:bold; padding:0 !important; margin:0 !important; letter-spacing:0; line-height:150%;}
.subtit_text02_1{font-family:'Nanumsquare',sans-serif; font-size:1.5em; padding:0; margin:0; letter-spacing:-0.5px; line-height:150%;}

.subRes_list05 > .type01_1{margin-top:50px; text-align:left; width:100%;}
.subRes_list05 > .type01_1 dl{margin-bottom:30px;}
.subRes_list05 > .type01_1 dt{position:relative; font-family:'Nanumsquare',sans-serif; display:inline-block; font-weight:bold; color:#2b2b2b; font-size:1.4em; text-align:left; width:100%; padding-bottom:10px;}
.subRes_list05 > .type01_1 dd{display:inline-block;  width:100%; padding-left:0; font-size:1.2em; font-family:"맑은 고딕"; margin-top:5px;}
.subRes_list05 > .type01_1 li{font-size:1.0em; color:#83817f; padding:30px 0 0 0; line-height:150%; width:100%;}


.footer { position: sticky; position: -webkit-sticky; left: 0; right: 0; bottom: 0; z-index: 1; font-family: 'Pretendard'; width:100%; overflow:hidden; padding:50px 0; font-size:1.8rem; background-color:#f3f3f3; }
.footer > div{display:flex; justify-content: start; align-items:center;}
.footer > div > p{color:#373737 !important; font-family: 'Pretendard'; padding:1.5rem 0; font-size:1.8rem; margin:0 4rem; width:110rem; text-align:center;}
.footer > div > .logoArea{ }


@media print { 
  html, body { 
    height: auto; 
  } 
  #map_canvas { 
    height: 650px; 
  } 
} 

/* IE7 */
*:first-child+html .nav ul li a { display:inline; zoom:1; }
*:first-child+html .nav ul li ul li { height:1%; }
*:first-child+html .nav ul li ul li a { display:block; }

/* IE6 */
* html .nav ul li a { display:inline; zoom:1; }
* html .nav ul li ul li { height:1%; }
* html .nav ul li ul li a { display:block; }


.wrap {}
.header .header_wrap, .section, .footer .CreateBy {  }

a.header_mobile_totalMenu { position:absolute; width:49px; height:49px; left:10px; top:10px; font-size:0; text-indent:-5000px; background:url(./icon_totalmenu.gif) no-repeat left top; display:none; }


/*
@media all and (max-width:500px){
	.nav { position:absolute; left:0; top:0; width:260px; min-height:480px; border-bottom:0; z-index:1; display:none; }
	.section { width:100%; left:0; background-color:#f0f0f0; z-index:2; }
	.section.on { left:260px; }
	
	.wrap { min-width:100%; }
	.header .header_wrap,.section, .footer .CreateBy { width:100%; }

	.header .header_wrap { padding-bottom:10px; }
	.header .header_ti h1 { margin:0 auto; display:block; }
	
	.nav ul { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.nav ul li { float:none; }
	.nav ul li a { display:block; font-size:1.1em; line-height:32px; height:32px; }
	.nav ul li.current a.iconsub { border-top:none; border-left:2px solid #DD4B39; }
	.nav ul li.current ul { border-left:2px solid #DD4B39; }
	
	.nav ul li a { padding-left:12px; }
	.nav ul li.on a { padding-left:12px; border:none; }
	.nav ul li.on a:hover { background-color:#fff; }
	.nav ul li.on a.iconsub { padding-right:16px; }
	
	.nav li.on ul { width:100%; position:relative; top:0; left:0; border:none; }
	.nav li.on ul li { float:none; }
	.nav li.on ul li a { padding:0 16px; color:#3366cc; font-weight:normal; border-top:none; border-left:none; border-right:none; display:block; }
	.nav li.on ul li a:hover { background-color:#eff3fb; }
	
	.footer { border-top:none; }
	
	a.header_mobile_totalMenu { color:#fff; display:block; }
}

*/

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

.badges_wrap{width:100rem; padding: 10rem 0;}
.badges_wrap::before{top:3rem;width: 85rem; left:8rem; height:150rem;}
.badges_wrap > .badges_box{ display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:5rem;}
.badges_wrap > .badges_box > div:nth-child(1){width:15rem;}
.badges_wrap > .badges_box > div:nth-child(2){width:60rem;}
.badges_wrap > .badges_box > div:nth-child(3){width:15rem; background-color:#fff;  z-index:3; }

.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t{width:60rem;} 
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box{width:58rem;margin-bottom:2rem; padding:1rem 1rem 2rem 1rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box{ width:58rem;}
.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b{width:60rem;}

}

@media screen and (max-width:991px){
#header .container{ padding:0;}

#header .header_ti { display:none !important; }

.header_ti_m{display:block; text-align:center; margin:0 auto !important; width:100%; position:relative; background-color:#f8f8f8; }
.header_ti_m div ul{width:auto; text-align:center; margin:5px auto; display:inline-block;}
.header_ti_m div ul > li{float:left; display:block; border-radius:20px; padding:10px 20px; margin:5px 2px;}
.header_ti_m div ul > li a{font-size:0.9rem; font-weight:100; color:#fff; border-bottom:none !important;}
.header_ti_m li.mBar{display:none;}
.header_ti_m {overflow:hidden; width:100%; padding-top:10px;}
.header_ti_m a{padding:0 10px; color:#6c6969;}

.header_ti_m li.home{background-color:#a1a1a1;}
.header_ti_m li.login{background-color:#00cf32;}
.header_ti_m li.logout{background-color:#7d7c7c;}
.header_ti_m li.admin{background-color:#206ea9;}
nav > a.logoArea {text-align:center; margin:15px 20px;}
.logoArea > img{width:115px; height:44px;}


/*.visualArea .bgImg01{ position:absolute; bottom:0; right:0; background: url("../images/main/visual_img01_t.png") 0 bottom no-repeat; width:300px; height:319px;}
.visualArea .v_textArea >h2{font-size:3.5rem; font-weight:700; margin-left:5%; margin-top:15%;}
.visualArea .v_textArea >h2 >span{font-size:1.5rem; font-weight:500; letter-spacing:-0.5px;}
*/
/*.visualArea .v_bg1{background: url("../images/main/visual_bg_img02_2_t.png") center 0 no-repeat;}
.visualArea .v_textArea01 >h2{margin-right:10%; margin-top:20%;}

.visualArea .v_bg2{background: url("../images/main/visual_bg_img02_1_t.png") center 0 no-repeat;}
.visualArea .v_textArea01 >h2{margin-right:10%; margin-top:20%;}
*/

.popupZone_img{background-position:120% -20px; background-size:400px auto; }
.navbar-collapse{position:absolute; top:7.8rem; width:100%; background-color:rgba(255, 255, 255, 1);}
.navbar-collapse .navbar-nav{ border-radius:0 0 2rem 2rem;}
.navbar-nav{border-top:1px solid #e1e1e1;}

.navbar-nav li a{font-size:1.8em;  /*border-bottom:1px dotted #ffffff;*/ color:#000; padding:20px 0; text-align:center;}
.navbar-nav li:last-child a{/*border-bottom:1px solid #ffffff*/}
.navbar-toggler{margin-right:10px;}
.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
.navbar-text{color:rgba(0,0,0,.5)}
.navbar-text a{color:rgba(0,0,0,.9)}
.navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}
.logoArea{margin-left:10px;}
.navbar{padding:0;}
.nav-item{padding:0;}
.dropdown-menu{border:none; background-color:#f8f9fa; margin-bottom:10px;}
.navbar-nav{/*margin-top:20px;*/ background-color:rgba(255, 255, 255, 1);}
.nav-item{padding:0px; margin:0; /*border-top:1px solid #e1e1e1;*/}
.nav-item > div > a{}
.nav-item > div > a:active{background-color:#8a9f3d; color:#fff;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
.dropdown-menu{margin:0 0;}


.organ_img{background: url("/html/new/images/organImg_m.png") 0 0 no-repeat; width:184px; height:395px;}
.navbar-light .navbar-nav .nav-link{color:#373737 !important;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(138,159,61,1)}


.subInfo01 .infoImg01{float:none; text-align:center; margin-bottom:60px;}
.subInfo01 .infoTxt01{float:none;  width:100%;}

.subInfo02 .infoTxt02{position:relative; float:none;  width:100% !important; margin-bottom:60px;}
.subInfo02 .infoImg02{position:relative; bottom:0;  text-align:center;}

.m-scroll > *, .t-scroll > table, .t-scroll-no-height > table { width: 100rem;}
.t-scroll{height:70rem;}
.ico-scroll{position: absolute; left: 50%; top: 50%; width: 7rem; height: 7rem; background:url('../images/sub/ico-tscroll.png') 50% / 100% no-repeat; transform: translate(-50%, -50%); z-index: 5; cursor:pointer;}

}
@media screen and (min-width:2560px){
.visualArea .v_textArea{margin-top:30%;}
}
@media screen and (max-width:2200px){
.visualArea .v_textArea{margin-top:20%;}
}

@media screen and (max-width:1999px){
.visualArea .v_textArea{margin-top:12%;}
.popupzoneImg{width:100%; }
.popupzoneImg > img{object-fit:cover; height:100%;}

}
@media screen and (max-width:1450px){
.webzine_area .webzine_section02 .box_area .itemBox{width:calc((100% - 6rem)/2); margin-right:3rem; float:left;}

.webzine_area .webzine_section04 .box_area .itemBox{width:calc((100% - 3rem)/2); height:31.5rem; display:flex; align-items: center;justify-content; margin-right:3rem; float:left; display:inline-block; overflow:hidden; box-sizing: border-box; border-radius:2rem;  border:1px solid #bababa; }
.webzine_area .webzine_section04 .box_area .itemBox .box_img{width:35%; display:inline-block; overflow:hidden;}
.webzine_area .webzine_section04 .box_area .itemBox .box_img img{height:100%; object-fit: contain; }
.webzine_area .webzine_section04 .box_area .itemBox .box_text{width:65%; height:31.5rem; float:left; padding:2rem 2rem;}

.sub-cont {margin-bottom: 10rem ; padding: 0 4rem; }

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

.galleryImg > img{object-fit: fill; width:45rem; }

.greetings_area{display:block;}
.greetings_area > img{margin-bottom:5rem;}
.greetings_txt{margin-left:0;}
}


@media screen and (max-width: 1200px) {
.subVisualArea{width:100%; height:196px; /*background-color:#000; background: url("../images/main/sub_visual_img01.png")#f8f8f8 220% 0 no-repeat;*/}
.main_con_box{ max-width:108rem; margin:0 auto;}
.main_con_box > .con_box{width: calc(25% - 2rem); height: 25rem; margin:0 1rem;}
.main_con_box > .con_box:hover, .main_con_box > .con_box.on{transform: translateY(-1rem); }
.main_con_box > .con_box > h3{font-size:2.0rem; font-weight:700; margin-top:2rem;}

.containerSub .titArea h2{padding:11.5rem 0 0 0; font-size:3.4rem;}

.main_con_box > .con_box > p{font-size:1.4rem; font-weight:500; margin-bottom:1rem;}
.main_con_box > .con_box > a{display:block; width:10rem; font-size:1.4rem; font-weight:600;}
.main_con_box > .con_box:before{margin:2rem auto 0 auto;}

.bottom-quick-area ul{gap:5rem;}
.bottom-quick-area li, .bottom-quick-area li a{width: 15rem; height:15rem;}
.bottom-quick-area li a h3{font-size:1.8rem; }
.bottom-quick-area li a{padding-top:9.5rem;}




.subInfo01_1 > div.right{width:398px; height:448px;}
.subInfo01_1 > div.left{width:50%;}
.subInfo01_2 > .row01 > div.left{width:520px;}
.subInfo01_2 > .row01 > div.right{width:38%;}
.subInfo01_2 > .row02 > div.left{width:40%;}
.subInfo01_2 > .row02 > div.right{width:517px; height:575px;}

 

.subInfo p, .subInfo01 div, .subInfo01 .infoTxt01 > ul > li, subInfo02 div, .subInfo02 .infoTxt02{padding:0 20px;}
.subInfo01 .infoTxt01{width:35%;}
.subInfo02 .infoTxt02{width:45%;}

}

@media screen and (max-width: 1199px) {
.navbar-nav li > a{font-size:1.8rem;}
.navbar-nav li .dropdown-menu a.dropdown-item{font-size:1.6rem;}
.badges_con > div {height:25rem;}
}
@media screen and (max-width: 1000px) {

.badges_con02{ overflow:auto;}
.submenu ul li a {font-size:15px; width:150px;}

.bookTitArea{padding:10px 0;}
.bookArea .bookEx{width:58%;}

.subInfo01 .infoTxt01{width:100% !important;}


.subInfo01_1 > div.right{max-width:350px; background-position:-50px 0; }
.subInfo01_1 > div.left{width:55%;}
.subInfo01_2 > .row01 > div.left{max-width:350px;}
.subInfo01_2 > .row01 > div.right{min-width:50%;}
.subInfo01_2 > .row02 > div.left{min-width:47%;}
.subInfo01_2 > .row02 > div.right{max-width:380px; background-position:-80px 0;}
}


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



.main_con_box{ min-width: none !important;  margin:0 auto;}
.main_con_box > .con_box{ height: 24rem; margin:0 1rem !important; padding:1rem;}



.webzine_area .webzine_section02 .box_area .itemBox{margin-bottom:3rem;}
.webzine_area .webzine_section02 .box_area .itemBox:nth-child(2){margin-right:0;}
.webzine_area .webzine_section02 .box_area .itemBox:nth-child(3){width:100%;}
.webzine_area .webzine_section02 .box_area .itemBox > a.itemBox_btn{ margin-top:1rem;  }


.webzine_area .webzine_section03 .banner{height:25rem; padding:0 2rem;}
.webzine_area .webzine_section03 .banner_tit_area{background-size:60%; background-position:100% 120%; padding:3rem 0;}
.webzine_area .webzine_section03 .banner_tit_area .banner_tit01{font-size:2.6rem; font-weight:500; line-height:120%; letter-spacing:-1px;}
.webzine_area .webzine_section03 .banner_tit_area a.banner_btn{margin-top:2rem;}


.webzine_area .webzine_section04 .box_area .itemBox{width:100%; height:auto; display:inline-block;margin-right:0; float:none;}
.webzine_area .webzine_section04 .box_area .itemBox .box_img{width:100%; height:30rem; object-position: 0 0; display:inline-block; float:none;text-align:center; background-color:rgba(250,250,250,1); padding:1rem 0;}
.webzine_area .webzine_section04 .box_area .itemBox .box_img img{height:100%; object-fit: cover; position:relative;}
.webzine_area .webzine_section04 .box_area .itemBox .box_text{width:100%; height:auto; float:none; padding:3rem 2rem;}
.webzine_area .webzine_section04 .box_area .itemBox .box_text .tit01{font-size:2rem; font-weight:400; color:rgba(88,34,170,1);}
.webzine_area .webzine_section04 .box_area .itemBox .box_text .tit02{font-size:2.6rem; font-weight:700; line-height:130%; color:rgba(0,0,0,1);}
.webzine_area .webzine_section04 .box_area .itemBox .box_text .text{font-size:1.8rem; line-height:160%; font-weight:400; color:#131313; }
.webzine_area .webzine_section04 .box_area .itemBox .box_text a.itemBox_btn{background-color:rgba(152,39,211,1); color:#fff; font-size:1.8rem; font-weight:700; padding:.7rem 5rem; border-radius:2rem; display:inline-block; height:4rem;  }



}

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

.mainL{}
.main_visual_con_area{bottom:10rem;}
.main_con_box{ min-width: none !important;  margin:0 auto;}
.main_con_box > .con_box:before{ margin:2rem auto 0 auto;}
.main_con_box > .con_box{width: calc(50% - 2rem); height: 23rem; margin:1rem 1rem !important;}
.main_con_box > .con_box:hover, .main_con_box > .con_box.on{transform: translateY(-1rem); }
.main_con_box > .con_box > h3{font-size:2.4rem; margin-top:1rem;}
.main_con_box > .con_box > p{font-size:1.6rem; margin-bottom:1rem;}
.main_con_box > .con_box > a{display:block; width:10rem; margin:0 auto; padding:1rem; font-size:1.6rem; font-weight:600; border-radius:4rem; background-color:#084177; color:#fff;}

.mainL{ background-size:auto; background-position:35% 0; }
.infoArea{padding:15rem 0 15rem 0; }
.infoArea h3{font-size:1.6rem; margin-bottom:3rem;}
.infoArea dt{font-size:2.2rem;line-height:140%; margin-bottom:3rem;}
.infoArea dd{font-size:1.8rem; line-height:160%;}

.businessArea{padding:5rem 0 5rem 0;}
.businessArea h3{font-size: 3.6rem;}
.businessArea .box-area{display:block;}
.businessArea .box-area > div{height: 40rem; margin-bottom:2rem;}
.businessArea .box-area > div:nth-child(1){background-size:250px 209px; background-position:center 2rem;}
.businessArea .box-area > div:nth-child(2){background-size: 300px 300px;background-position:center -2rem;}
.businessArea .box-area > div:nth-child(3){background-size:260px 260px; background-position:center 2rem;}

.videoArea{padding:5rem 0 5rem 0;}
.videoArea h3{font-size: 3.6rem;}
.videoArea h3 span img{width:4.2rem; height:4.2rem;}

.newsArea{padding:5rem 0 5rem 0; }
.newsArea h3{font-size:3.6rem;}
.newsArea h3 span img{width:4.2rem;}
.newsArea .box_area{display: block;width:100%;}
.newsArea .box_area > div{width: 100%; margin-bottom:2rem;}
.newsArea .box_area > div ul{padding: 4rem 4rem;}
.newsArea .box_area > div ul .b_tit{font-size:1.6rem;}
.newsArea .box_area > div ul .b_list{ font-size: 2.2rem; line-height:140%;}
.newsArea .box_area > div ul .b_date{font-size:1.2rem; color:#808080; margin-top:2rem;}


.visualArea .v_textArea{ margin-top:20rem;}
.visualArea .v_textArea >h2{font-size:5.2rem;}
.visualArea .v_textArea >p{font-size:1.8rem;}

.badges_con > div{width:100%; height:22rem; padding:2.5rem 2rem;}
}


@media screen and (max-width:768px){
 #header{height: var(--header-mobileH);}

#header .header_ti{display:none;}

/*.footer > div{display:inline-block; }*/
.footer > div > p{ padding:1.5rem 0; margin:0 2rem; font-size:1.6rem;}
.footer > div > .logoArea{ width:25rem; display:block; } 

.subVisualArea{width:100%; height:20rem; margin:7.5rem auto 0 auto; border-radius:0 0 5rem 5rem;}


.containerSub .titArea h2{padding:6.5rem 0 0 0; font-size:3.4rem;}
/*.containerSub .titArea h2::before{content: ""; background: url("../images/main/bar_bk.png")center 0 repeat-y; display:block; height:40px; margin-bottom:10px;}
.containerSub .titArea h2{font-size:2.2em;}*/
.sub-nav > .s-nav-depth1 {max-width: 100%;width:36rem; }
.sub-nav > .s-nav-depth1 > li:last-child {border-right: none;}
.sub-nav > .s-nav-depth1 > li > a {display: flex; align-items: center; padding: 1rem 4.5rem 1rem 1.5rem; height: 5.6rem; font-size: 1.6rem;}
.sub-nav > .s-nav-depth1 > li:not(:first-child) > a::after{top: 42%; right: 1.5rem; width: 1.8rem; height: 0.8rem; }
.sub-nav .s-nav-depth2 {/*max-height: 28rem;*/}
.sub-nav .s-nav-depth2 > li > a {padding: 1.5rem; font-size: 1.4rem; }
/*.s-nav-depth2 > li > a.n-win {background: url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 1.8rem / 1rem 1rem no-repeat;}
.s-nav-depth2 > li > a.n-win:hover {background: rgba(34, 34, 34, 0.95) url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 1.8rem / 1rem 1rem no-repeat;}
*/
.btn-home {display: none;}

.sub-cont {margin-bottom: 10rem ; padding: 0 2rem; max-width: 146rem; }
.tit-area {margin: 0 auto 4rem; max-width: 146rem; padding: 0 2rem;}
.tit-area > .tit-wrap {padding: 6rem 0 2rem 0;}
.tit01 {font-size: 3.4rem;}
.tit02 {margin-bottom: 1.4rem; font-size: 2.4rem; }
.tit03 {margin: 6rem 0 3rem; font-size: 2.4rem;}
.tit04 {margin: 4rem 0 2.4rem; font-size: 2rem;}

.sub-cont p{font-size:1.6rem;}
.subInfo, .subInfo01, .subInfo02{margin:0 auto;}
.subInfo h3, .subInfo01 h3, .subInfo02 h3{font-size:1.9rem; font-weight:500; letter-spacing:-1px; color:#000; margin-bottom:60px; text-align:center;}
.subInfo p, .subInfo01 div, .subInfo01 .infoTxt01 > ul > li, subInfo02 div, .subInfo02 .infoTxt02{font-size:0.9rem; margin-bottom:20px; padding:0 20px; line-height:160%;}

.sub-cont div.sub_tit{font-size: 2.2rem;}


.txt01 {font-size: 1.6rem;}
.txt01 + .list-dot {margin-top: 1.2rem;}
.list-type01.dep01 {font-size: 1.6rem;}
.list-type01 {font-size: 1.6rem;}
.list-type01 > li {line-height: 130%;}
.list-dot > li {font-size: 1.6rem;}
.list-type01 > li + li, .list-txt > li + li.list-type01 > li > .list-type01, .list-txt > li > .list-txt, .list-type01 > li > .list-dot {margin: 1.2rem 0;}


.infoTxt01 .titTxt{font-size:1.3rem; text-align:center; display:block;}
.titTxt::after{content:""; display:block; border:0.5px solid #000; width:20px; margin:20px auto;}
.txtEmp{font-size:1.3rem; font-weight:400; line-height:140%; color:#000; letter-spacing:-1px;}
.subInfo01 .infoTxt01 > ul{margin-bottom:60px !important;}
.subInfo01 .infoTxt01 > ul > li{ margin:5px 0;}
.subInfo02 .infoTxt02 > ul > li{font-size:0.9rem; line-height:160%;}

div.addArea > div{margin-bottom:10px;}


.mapImg > a{background:url("../images/map.png") -150px 0 no-repeat; height:310px;}

.sub_img01, .sub_img02, .sub_img03, .sub_img05{float:none; margin:0 auto; text-align:center; background-position:center 0 !important;} 
.subRes_list03 li:first-child{width:100%;}
.subRes_list03 li:last-child{text-align:center; padding: 10px 40px; width:100% !important; margin:0 auto;}

.subRes_list04 li:first-child{margin-bottom:40px;} 
.subRes_list05 ul{display:inline-block; width:100%;}
.subRes_list05 li:first-child{width:100%;}
.subRes_list05 li:last-child{width:100% !important;}
.v_textArea, .v_textArea01{padding:0 50px; width:100%;}

.lms_con{gap:2rem;}
.lms_con > div{width: calc(50% - 2rem / 2);height:13rem;padding:8rem 2rem 3rem 2rem; font-size:1.8rem;}
.lms_con > div::before{top: 2rem;left: 50%; transform:translateX(-50%);width: 60px;height: 60px;}
.lms_con > div:nth-of-type(1)::before, .lms_con > div:nth-of-type(2)::before, .lms_con > div:nth-of-type(3)::before, .lms_con > div:nth-of-type(4)::before,
.lms_con > div:nth-of-type(5)::before, .lms_con > div:nth-of-type(6)::before, .lms_con > div:nth-of-type(7)::before, .lms_con > div:nth-of-type(8)::before, .lms_con > div:nth-of-type(9)::before{background-size:6rem 6rem; }
.bookArea .bookImg{float:none; margin:0 auto;}
.bookArea .bookImg > img{border-radius: 50%!important;}
.bookArea .bookEx{width:95% !important;}
.bookArea .bookEx > h4{text-align:center;}
.bookArea .bookEx > a.bookBtn{margin:0 auto; }


.subInfo01_1 > div.right{min-width:100%;background-position:center 0 !important; }
.subInfo01_1 > div.left{margin-top:460px; min-width:100%}
.subInfo01_2 > .row01 > div.left{min-width:100%;}
.subInfo01_2 > .row01 > div.right{width:100% !important; margin-top:480px;}
.subInfo01_2 > .row02{margin-top:0 !important;}
.subInfo01_2 > .row02 > div.left{width:100%  !important;}
.subInfo01_2 > .row02 > div.right{display:none;}

.main-bottom{padding:1rem 0;}
.bottom-quick-area ul{display:inline-block; width:34rem;}
.bottom-quick-area li{width: 13rem; height:13rem; border-radius:50%; display:block; float:left; margin:1rem 2rem;}
.bottom-quick-area li a{width: 13rem; height:13rem; padding-top:8rem;}
.bottom-quick-area li:before{margin:2rem auto 0 auto;}

.badges_wrap_mo{display:block;}
.badges_wrap{display:none;}
.badges_wrap_mo{margin:10rem auto; padding: 0; width: 100%; position:relative;}
.badges_wrap_mo h3{position:relative; width:90%; margin: 0 auto 4rem; padding:2rem 0; background: #6801ff; border-radius: 5rem; text-align:center;
	font-weight: 700; line-height: 100%; color:#fff; z-index:2;}
/*.badges_wrap_mo::before{content:"";display:block;position:absolute;top:3rem;left:10rem;width: 120rem;height:110rem;border:0.2rem solid #DEE2E6;border-radius:2.5rem;z-index: 0;}*/

.badges_wrap_mo > .badges_box{ display:flex; flex-wrap:wrap;  gap:3rem;}
.badges_wrap_mo > .badges_box > div{width:calc(50% - 3rem /2);}
.badges_wrap_mo > .badges_box > div h4{display: flex; align-items:center; justify-content:center; padding: 1rem 1rem; font-size: 1.6rem; font-weight: 500; line-height: 130%;
	color:#fff; background: #9551f9; border-radius:5rem; z-index:4;}
.badges_wrap_mo > .badges_box > div > dl > dt{text-align:center; padding-bottom:1rem;}
.badges_wrap_mo > .badges_box > div > dl > dt img{width:7rem; height:7rem;}
.badges_wrap_mo > .badges_box > div > dl > dd{ padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; border-radius:1rem; font-weight:400;}
.badges_wrap_mo > .badges_box > div:nth-child(2) p{text-align:center; font-size:1.6rem; color:#393939; flex:none;}

.badges_wrap_mo > .badges_box > div:nth-child(3){width:100%; background-color:#fff; flex:none; position:relative; }
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t{position:relative; margin:0 auto; display:inline-block; padding-bottom:4rem; width:100%;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > div.box_c_t::before{content:"";display:block;position:absolute; top:2rem;left:0;width: 100%; height:95%; border:0.1rem solid #9551f9;z-index: 1; border-top:none;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t p{text-align:center; color:#000;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box{width:96%; position:relative; background-color:rgba(247,247,247,1); padding:1rem 1rem 2rem 1rem; border-radius:1rem; margin:1rem auto;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box h5{flex:none; width:100%; text-align:center;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box > div{display:flex; flex-wrap:wrap; justify-items:center; gap:1rem; }
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box > div > div { flex:1;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box > div > div > ul > li{padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem; text-align:center; }
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box p{border:1px solid red;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box{ width:96%; position:relative;background-color:rgba(247,242,253,1); padding:1rem 1rem 2rem 1rem; border-radius:1rem; margin:0 auto; }
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box h5{flex:none; width:100%; text-align:center;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box > div{display:flex; flex-wrap:wrap; justify-items:center; align-items:center;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box > div  > ul {flex:1;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box > div  > ul > li{padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem; text-align:center;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t > h5{ display:flex; justify-content:center; width:90%; margin: 2rem auto; padding:1rem 0; background: #6801ff; border-radius: 5rem;
	font-weight: 700; line-height: 100%; color:#fff; text-align:center;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b{border:1px solid #c39bfd;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01{padding:0 2rem 1rem 2rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 p{text-align:center; font-size:1.6rem; color:#393939; padding:2rem 0 0 0; flex:none;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div{display:flex; flex-wrap:wrap; justify-items:center;gap:2rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div > div{ width:calc(50% - 2rem/2);}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div > div ul{flex:1;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div > div li{padding:.5rem 1rem;margin:.5rem 0; border:1px solid #D9D9D9; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem; text-align:center;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02{ border-top:1px solid #c39bfd; padding-bottom:1rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 p{text-align:center; font-size:1.6rem; color:#393939; padding:2rem 0 0 0; flex:none;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 div{position:relative; padding:0 2rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 div ul{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:.5rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 div ul > li{text-align:center; padding:.5rem 1rem; border:1px solid #D9D9D9; line-height:100%; height:3rem; background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03{ border-top:1px solid #c39bfd;} 
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 div{position:relative; padding:0 2rem 2rem 2rem ;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 div ul{display:flex; flex-wrap:wrap; justify-items:center; align-items:center; gap:2rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 div ul > li{flex:1; text-align:center;  padding:.5rem 1rem; margin:.5rem 0; border:1px solid #D9D9D9;  background-color:rgba(255,255,255,1); font-weight:400; border-radius:1rem;}
.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 p{text-align:center; font-size:1.6rem; color:#393939; padding:2rem 0 0 0; flex:none;}


}


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

#header .header_ti{display:none;}
.logoArea {font-size: 2.0rem;}
.logoArea{background:url('../images/logo.png') 0 0 no-repeat; width:12rem; background-size:12rem; height:4.5rem; text-indent:-999px; }
#header:focus-within .logoArea, #header:hover .logoArea, #header.active .logoArea{background:url('../images/logo.png') 0 0 no-repeat; width:16.3rem; background-size:16.3rem; height:6.1rem;}


.visualArea .v_textArea {margin-top:28rem;}

.visualArea{height:100vh; min-height:50rem;  margin:0 auto;}
.visualArea .swiper-container {list-style: none; }

.web_con{display:none;}
.mo_con{display:block !important;}
.main_visual_con_area {width: 100%; position: relative; bottom:0; margin-top:5rem;}
.main_con_box > .con_box:before{ margin:2rem auto 0 auto;}
.main_con_box > .con_box{height:20rem; margin:1rem 1rem !important;}
.main_con_box > .con_box > h3{font-size:2.0rem; margin-top:1rem;;}
.main_con_box > .con_box > p{display:none;}
.main_con_box > .con_box > a{display:block; width:10rem; margin:0 auto; padding:.5rem; font-size:1.6rem; fonw-weight:600; }
.move_text_box .text {font-size: 100px;}

.sub-cont {padding: 0 2rem;}


.popupzoneImg01, .popupzoneImg02{background-size: cover !important;}
.popupzoneArea .swiper-container .swiper-slide .popupzoneImg01{ background:url("../images/main/popup01.png") center 0 no-repeat;}
.popupzoneArea .swiper-container .swiper-slide .popupzoneImg02{ background:url("../images/main/popup02_m.png") center 0 no-repeat; }

.popupZone_sub{height:80px;}
.popupZone_img{background-position:320px -20px !important; height:80px;}
.containerSub .titArea .sNav{display:none;}

.greetings_area{display:block;}
.greetings_area > img{width:100%; height:auto; margin-bottom:5rem;}
.greetings_txt{margin-left:0;}




.webzine_area .webzine_top{ background:url("/html/images/sub/webzine_bg.png")-400px 0 no-repeat; height:20rem;}
.webzine_area .webzine_top .top_tit01{ font-size:3.0rem; line-height: 130%; letter-spacing:-1px;}
.webzine_area .webzine_top .top_tit02{font-size:2.0rem; }
.webzine_area .webzine_top .top_tit02 span{font-size:1.6rem;}
.webzine_area .webzine_top .webzine_logo{  background:url('../images/logo_w.png') 0 0 no-repeat; width:15rem; background-size:15rem; height:3.5rem;left:0; top:-70%;}

.webzine_area .webzine_section01{ margin:2rem 0;}
.webzine_area .webzine_section01 .tit{font-size:2.8rem; padding:1rem;}
.webzine_area .webzine_section01 .banner{ background-size: 100% 100%; width:100%; height:25rem;padding:0 2rem;}

.webzine_area .webzine_section01 .banner_tit_area .banner_tit01{font-size:3.2rem; line-height:120%;}
.webzine_area .webzine_section01 .banner_tit_area .banner_tit02{font-size:1.8rem; }
.webzine_area .webzine_section01 .banner_tit_area a.banner_btn{ margin-top:2rem;}
.webzine_area .webzine_section01 .wz_section01_con{ margin-top:3rem; display:inline-block;}
.webzine_area .webzine_section01 .wz_section01_con .photo{background-size: contain; margin:0 auto 2rem auto;}
.webzine_area .webzine_section01 .wz_section01_con .text_area{width:100%;}

.webzine_area .webzine_section02{ margin:2rem 0;}
.webzine_area .webzine_section02 .box_area .itemBox{width:100%;}

.webzine_area .webzine_section03{ margin:2rem 0;}
.webzine_area .webzine_section04{ margin:2rem 0;}



/*
.visualArea .bgImg01{ position:absolute; bottom:0; left:20% !important; background: url("../images/main/visual_img01_m.png") 0 bottom no-repeat !important; width:250px; height:266px;}
.visualArea .v_textArea >h2{font-size:3.0rem !important; margin-top:10% !important; text-align:center;}
.visualArea .v_textArea >h2 > span{display:block; font-size:1.2rem !important;}
*/
/*
.visualArea .v_bg1{background: url("../images/main/visual_bg_img02_2_m.png")center 0 no-repeat !important;}
.visualArea .v_textArea01 >h2{margin-right:0 !important; margin-top:40% !important; text-align:center; font-size:2.0rem !important;}

.visualArea .v_bg2{background: url("../images/main/visual_bg_img02_1_m.png")center 0 no-repeat !important;}
.visualArea .v_textArea01 >h2{margin-right:0 !important; margin-top:40% !important; text-align:center; font-size:2.0rem !important;}

.bottom-quick-area ul{display:flex; display:inline-blcok; gap:10rem; }
.bottom-quick-area li{width: 17rem; height:17rem; border-radius:50%; background-color:rgba(255,255,255,.1); transition: all .3s ease 0s;}
.bottom-quick-area li h3{font-size:2.0rem; font-weight:700; margin-top:1rem; color:#fff; text-align:center;}
.bottom-quick-area li:before{content:""; display:block; width:5.8rem; height:5.6rem; margin:4rem auto 0 auto; background: url("../images/main/bottom_quick_icon.png") no-repeat; transition: all .3s ease 0s; transform: translateY(0);}
.bottom-quick-area li:hover{background-color:rgba(255,255,255,.2); cursor:pointer;}
.bottom-quick-area li:hover:before{transform: translateY(-1rem);}
.bottom-quick-area li:nth-child(1):before{background-position:0 0;}
.bottom-quick-area li:nth-child(2):before{background-position:-60px 0;}
.bottom-quick-area li:nth-child(3):before{background-position:-120px 0;}
.bottom-quick-area li:nth-child(4):before{background-position:-180px 0;}

*/






}