@charset "utf-8";





/* 컨텐츠 영역 =========================================================*/
.sub-container {padding-top: 110px;}
.sub-menu{}
.sub-menu h1,.sub-menu h2 {font-size: 28px; color:#178EE9;margin-bottom: 20px;}
.sub-menu ul {margin: 20px 0;}
.sub-menu ul li{display:inline-block; margin-bottom:10px;}
.sub-menu ul li a{font-size: 18px; background-color: #E1E6EB; color:#000; padding: 7px 26px; border-radius: 50px; margin-right: 10px; display: block;}
.sub-menu ul li a:hover{background-color:#178EE9; color: #fff;}
.sub-menu ul li a.selec{background-color:#178EE9; color: #fff;}


.mt20{margin-top:20px;}

.sub-wrap{background-color: #F9FAFB; border-radius: 30px; padding: 70px; margin-bottom: 80px; }
.sub-wrap200{background-color: #F9FAFB; border-radius: 30px; padding: 70px 200px; margin-bottom: 80px; }
.sub-wrap-tap01{background-color: #F9FAFB; border-radius: 30px; padding: 40px 70px; margin-bottom: 80px;height: 3000px; }
.sub-wrap-tap02{background-color: #F9FAFB; border-radius: 30px; padding: 40px 70px; margin-bottom: 80px;height: 1150px; }

.sub-visual{width: 1401px; height: 203px; background-size: 100%; font-weight: 600; padding-left: 50px; margin-bottom: 50px;}
.sub-visual p{font-size: 40px; color: #fff; line-height: 203px;  text-shadow: 0 0 15px rgba(0,0,0,0.3); }
.sub-visual span{display: none;}
.sub-visual-1{background-image: url(../img/sub/sub_visual_01.webp); background-repeat: no-repeat;}
.sub-visual-2{background-image: url(../img/sub/sub_visual_02.webp); background-repeat: no-repeat;}
.sub-visual-3{background-image: url(../img/sub/sub_visual_03.webp); background-repeat: no-repeat;}
.sub-visual-4{background-image: url(../img/sub/sub_visual_04.webp); background-repeat: no-repeat;}
.sub-visual-5{background-image: url(../img/sub/sub_visual_05.webp); background-repeat: no-repeat;}
.sub-visual-6{background-image: url(../img/sub/sub_visual_06.webp); background-repeat: no-repeat;}
.sub-visual-7{background-image: url(../img/sub/sub_visual_07.webp); background-repeat: no-repeat;}

.sub-title{font-size: 24px; display: flex; font-weight: 600;line-height: 44px; margin-bottom: 20px;}
.sub-title::before{content:""; width: 4px; height: 46px; background-color:#55C8FB; display: block; margin-right: 20px; }

.txt-blue-sty01{color:#40A7F6; font-size:25px; }
.sub-description{text-align: left; margin-bottom: 100px;}
.sub-description h3:first-of-type{font-size:29px;}
.sub-description h3{font-size:25px; }
.txt-blue-sty01{color:#40A7F6; font-size:20px; }
.sub-description h4{font-size:20px; margin-top: 40px;}
.txt-blue-sty02{color:#40A7F6; font-size:20px; }

.sub-description p.mt20{font-size:20px; font-weight:bold;}

.sub-description-sty01{text-align: center; }
.sub-description-sty01 h4{ color: #40A7F6; font-size: 30px; }
.sub-description-sty01 h5{font-size:16px; margin-top: 14px;}
.sub-description-sty01 p{position: relative; height: 310px; background: url(../img/sub/illust_01.svg) no-repeat; background-position: center 10px; margin-top: 30px;}
.sub-description-sty01 .btn-suggest{position: absolute; width: 200px; padding: 0 0 0 30px; height: 40px; border-radius: 100px;  color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; text-align: left; background: url(../img/sub/icon_go.svg); background-position: top -101px right -61px;}

.sub-description-sty01-flex{text-align:left; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:30px;}
.sub-description-sty01 .text-box{}
.sub-description-sty01 > p{height:250px; background-size:contain; margin-top:0; width:42%}
.sub-description-sty01-flex .btn-suggest{margin-top:22px;}

.explain{padding: 0 10%; text-align: center; font-weight:normal; margin-bottom: 50px;}

.box{border-radius: 30px; border:1px solid #E8E8E8; padding: 24px; background-color: #fff;}
.mvh01{height: 534px;}

.illust-sty01{display: flex; flex-wrap: wrap; justify-content: space-between;}
.illust-sty01 div{width: 32%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 30px; background-color: #fff; text-align: center; }  
.illust-sty01 div img{}
.illust-sty01 div h5{font-size: 18px;margin: 20px 0 10px;}
.illust-sty01 div p{font-size: 16px; color:#949494; font-weight: normal;}

.illust-sty02{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.illust-sty02 div{width: 49%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 30px 40px; background-color: #fff; text-align: left;display: flex;justify-content: space-between; }  
.illust-sty02 div img{margin-top: 60px;}
.illust-sty02 div h6{font-size: 18px;margin: 0 0 10px;}
.illust-sty02 div p{font-size: 16px; color:#949494; font-weight: normal;}
.illust-sty02 div h6 input.btn-go{position: absolute; width: 140px; padding: 0 0 0 30px; height: 40px; border-radius: 100px;  color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; text-align: left; background: url(../img/sub/icon_go2.svg); background-position: top -92px right -12px; margin-top: 30px;}

 
.img-sty01{border-radius: 30px; border:1px solid #E8E8E8; padding: 24px; background-color: #fff;}
.img-sty01 ul{display: flex; flex-wrap: wrap; justify-content: space-between; }  
.img-sty01 ul li{width: 25%; text-align: center; margin: 16px 0;}
.img-sty01 ul li img{}

.box-sty01{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-sty01 div{width: 24%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 4px 30px 20px; background-color: #fff; }  
.box-sty01 div h5{font-size: 18px;margin: 20px 0 10px;border-bottom:1px solid #E8E8E8;}
.box-sty01 div h5 span{background-color:#55C8FB; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; color:#fff; font-size: 14px; display: block; margin-bottom: 14px;}
.box-sty01 div h5 p{font-size: 18px; color:#55C8FB; margin-bottom: 10px;}
.box-sty01 div p{font-size: 18px; }

.box-sty02{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-sty02 div{width:100%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 20px 40px 40px; background-color: #fff; }  
.box-sty02 div h6{font-size: 18px;margin: 20px 0 10px;}
.box-sty02 div h6:nth-of-type(2){margin: 90px 0 10px;}
.box-sty02 div p{font-size: 18px;margin: 20px 0;}
.box-sty02 div h6 span{background-color:#55C8FB; width:210px; padding: 3px 15px; border-radius: 50px; text-align: center; color:#fff; font-size: 18px; display: block; margin-bottom: 14px;}
.box-sty02 div article{width: 92%; display: flex; justify-content: space-between;}
.box-sty02 div article img{margin-bottom: 20px;}

.box-sty03{display: flex; align-items: stretch;}
.box-sty03 div{ margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 4px 30px 20px; background-color: #fff; }  
.box-sty03 div:nth-child(1){flex-grow: 2; margin-right: 20px;}
.box-sty03 div:nth-child(2){flex-grow: 8;}
.box-sty03 div h5{font-size: 18px;margin: 20px 0 10px;border-bottom:1px solid #E8E8E8;}
.box-sty03 div h5 span{background-color:#55C8FB; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; color:#fff; font-size: 14px; display: block; margin-bottom: 14px;}
.box-sty03 div h5 p{font-size: 18px; color:#55C8FB; margin-bottom: 10px;}
.box-sty03 div p{font-size: 18px; }

.box-sty04{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.box-sty04 div{width: 49%; border-radius: 30px; margin-bottom: 20px; border:1px solid #E8E8E8; padding:14px; background-color: #fff; }  
.box-sty04 div p{background-color: #F5F5F5; margin-bottom: 10px; border-radius: 20px; padding: 10px 30px; }  
.box-sty04 div p img{}
.box-sty04 div div{width: 100%; border:0; }
.box-sty04 div div h6{font-size: 16px;line-height: 30px; color:#000;}
.box-sty04 div div h5{line-height: 32px; font-size: 26px;margin-bottom: 10px;color:#000;}
.box-sty04 div div {font-size: 16px; color:#8C8C8C; margin-bottom: 0px;}

.box-sty05{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.box-sty05{display: flex;  width: 100%; }  
.box-sty05 div{width: 49%; display: flex; justify-content: space-between; align-items: center; border-radius: 30px; margin-bottom: 20px; border:1px solid #E8E8E8; padding:30px; background-color: #fff; }
.box-sty05 div img{width: 20%; margin-left: 4%;}
.box-sty05 div h6{font-size: 26px; width: 65%; }
.box-sty05 div h6 p{line-height: 1.4; font-size: 16px; font-weight: normal; margin-top: 5px;color:#8c8c8c;}

.box-sty06{width: 100%; height: 120px;  border-radius: 20px;  border:1px solid #e8e8e8; padding:20px 10px 20px 20px; background-color: #fff;font-size: 14px;color: #8c8c8c;}
.box-sty06 div{overflow-y: scroll; height: 80px;}

.box-sty07{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-sty07 div{width: 32%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 4px 30px 20px; background-color: #fff; }  
.box-sty07 div h5{font-size: 18px;margin: 20px 0 10px;border-bottom:1px solid #E8E8E8;}
.box-sty07 div h5 span{background-color:#55C8FB; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; color:#fff; font-size: 14px; display: block; margin-bottom: 14px;}
.box-sty07 div h5 p{font-size: 18px; color:#55C8FB; margin-bottom: 10px;}
.box-sty07 div p{font-size: 18px; }

.box-sty08{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-sty08 div{width: 49%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 4px 30px 20px; background-color: #fff; }  
.box-sty08 div h6{font-size: 18px;margin: 20px 0 10px;border-bottom:1px solid #E8E8E8;}
.box-sty08 div h6 span{background-color:#55C8FB; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; color:#fff; font-size: 14px; display: block; margin-bottom: 14px;}
.box-sty07 div h5 p{font-size: 18px; color:#55C8FB; margin-bottom: 10px;}
.box-sty08 div p{font-size: 18px; }

.bannerbox-sty01{display: block; width: 100%;height: auto; padding: 30px; border-radius: 30px; }
.bannerbox-sty01 h3{ font-size: 30px; color:#fff; line-height: 1.3; width: 100%; margin-bottom: 10px;}
.bannerbox-sty01 p{ font-size: 20px; color:#fff; opacity:0.8;line-height: 1.5; width: 100%;}
.bannerbox-bg01{display: block; background-image: url(../img/sub/banner_bg01.webp);}
.bannerbox-bg02{display: block; background-image: url(../img/sub/banner_bg02.webp);}
.bannerbox-bg02 h3{color:#000;}
.bannerbox-bg02 p{color:#000;}
.bannerbox-bg03{display: block; background-image: url(../img/sub/banner_bg03.webp);}
.bannerbox-bg04{display: block; background-image: url(../img/sub/banner_bg04.webp);}
.bannerbox-bg04 h3{color:#000;}
.bannerbox-bg04 p{color:#000;}
.bannerbox-bg05{display: block; background-image: url(../img/sub/banner_bg05.webp);}
.bannerbox-bg06{display: block; background-image: url(../img/sub/banner_bg06.webp);}
.bannerbox-bg07{display: block; background-image: url(../img/sub/banner_bg07.webp);}
.bannerbox-bg07 h3{color:#000;}
.bannerbox-bg07 p{color:#000;}
.bannerbox-bg08{display: block; background-image: url(../img/sub/banner_bg08.webp);}
.bannerbox-bg09{display: block; background-image: url(../img/sub/banner_bg09.webp);}
.bannerbox-bg09 h3{color:#000;}
.bannerbox-bg09 p{color:#000;}
.bannerbox-bg10{display: block; background-image: url(../img/sub/banner_bg10.webp);}
.bannerbox-bg11{display: block; background-image: url(../img/sub/banner_bg11.webp); }
.bannerbox-bg_mob{display: none;}
.bannerbox-sty01_mob{display: none;}

.imgbox-sty01 {width: 100%;}
.imgbox-sty01 img{width: 100%;}
.imgbox-sty02 {width: 100%;}
.imgbox-sty02 img{width: 100%;}

/* img slice */
.sliceImg{display:flex;}
.sliceImg_mb,.sliceImg_mb2{display:none;}
.sliceImg2{display:flex; gap:0 1%;}
.sliceImg2 a{display:contents;}
.sliceImg3{display:flex; gap:0 5%; justify-content:center;}
.sliceImg4{max-width:1000px; display:flex; justify-content:center;}


@media screen and (max-width: 767px) {
.sliceImg{display:none;}
.sliceImg_mb{display:block; text-align:center;}
.sliceImg_mb img{display:block; margin:0 auto;}
.sliceImg_mb2{display:flex; justify-content:center;}
.sliceImg_mb2 img{height:202px;}
.sliceImg2,.sliceImg3,.sliceImg4{flex-wrap:wrap; gap:0 10px;}
.sliceImg2 img,.sliceImg3 img,.sliceImg4 img{width:calc((100% / 3) - 7px); margin-bottom:5%;}
}


.btn-box-sty01{width: 100%; text-align: center; margin-top: 110px;}
.btn-box-sty01 p{font-size: 32px; font-weight: 600;}
.btn-box-sty01 p span{font-size: 18px;display: block; font-weight: normal; color:#8c8c8c}
.box-center{display: flex;align-items: center; justify-content: center; margin-top: 40px;}
.btn-regist{width: 290px; height: 70px; border-radius: 100px; background-color: #1CABE2; color:#fff; font-size: 28px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}
.btn-cancle{width: 290px; height: 70px; border-radius: 100px; background-color: #CFCFCF; color:#fff; font-size: 28px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}

.box-center-sty01{display: flex;align-items: center; justify-content: center; margin-top: 40px;}
.box-center-sty01 .select-wrap{}
.box-center-sty01 .search{width: 230px; }
.box-center-sty01 .btn-write{padding: 0 50px; height: 40px; border-radius: 100px; background-color:#55C8FB; color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}

.box-right-sty01{display: flex;justify-content: flex-end; margin-top: 10px;}
.box-right-sty01 .btn-write{padding: 0 50px; height: 40px; border-radius: 100px; background-color:#55C8FB; color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}
.box-right-sty01 > a{margin-right:4px;}
.box-right-sty01 > a:last-child{margin-right:0}


.suggestion{}
.suggestion h2{font-size: 28px; padding-left: 10px; margin:30px 0 14px; font-weight: normal;}
.suggestion ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.suggestion ul li{font-size: 18px; border-radius: 50px; background-color: #EAEEF2; padding:8px 30px; margin: 4px; cursor: pointer;}
.mt90{margin-top: 90px;} 
.mt150{margin-top: 150px;} 

.pc{display: block !important;}
.mob{display: none !important;}

.flex-style01{display:flex; justify-content: flex-start !important;}
.flex-style01 div{margin-right: 16px;}

/* tap 영역 */
.sub-wrap-tap01{background-color:#f9fafb; border-radius:30px; padding:40px 70px; margin-bottom:80px; height:3000px;}
.sub-wrap-tap01 .tab-menu{position: relative;	width: 100%;	height:2000px; }
.sub-wrap-tap01 .tab-menu>p {position: absolute;	font-weight:800; width: 50%;	height:50px;	padding:0; border-bottom: 2px solid #D5D5D5;	text-align: center;	line-height: 30px;	font-size: 20px; color:#999; cursor: pointer;}
.sub-wrap-tap01 h3 a{color:#999; display:block; width:100%; height:100%;}
.sub-wrap-tap01 .tab-menu .tab-title01{	top: 0;	left: 0px;}
.sub-wrap-tap01 .tab-menu .tab-title02{	top: 0;	left: 50%;}
.sub-wrap-tap01 .tab-menu .on{z-index: 1;	border-bottom: 2px solid #178EE9; color:#178EE9;}
.sub-wrap-tap01 .tab-menu .tab-menu01{	position: absolute;	top: 80px; left: 120px;	width: 1000px; height: 2000px;	padding-top: 50px;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li{	position: relative;	font-size: 14px;	line-height: 30px;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li:last-child{	border-bottom: none;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li a:hover{	color: #39F;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li span{	position: absolute;	right: 0;}
.sub-wrap-tap01 .tab-menu .tab-menu02{	position: absolute;	top: 80px; left: 120px;	width: 1000px;	height: 2000px; padding-top: 50px;}
.sub-wrap-tap01 .tab-menu .tab-menu02 ul li{	display: inline-block;}
.sub-wrap-tap01 .tab-menu .tab-menu02 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap01 .tab-menu .tab-menu02 ul li a img{	width: 100%;}

.sub-wrap-tap02 .tab-menu{position: relative;	width: 100%;	height:2000px; }
.sub-wrap-tap02 .tab-menu>p {position: absolute; font-weight:800; width: 33.333333%;	height:50px; border-bottom: 2px solid #D5D5D5;	text-align: center;	line-height: 30px;	font-size: 20px; color:#999; cursor: pointer;}
.sub-wrap-tap02 .tab-menu>p a{display:block; width:100%; height:100%; color:#999;}
.sub-wrap-tap02 .tab-menu .tab-title01{	top: 0;	left: 0px;}
.sub-wrap-tap02 .tab-menu .tab-title02{	top: 0;	left: 33.333333%;}
.sub-wrap-tap02 .tab-menu .tab-title03{	top: 0;	left: 66.666666%;}
.sub-wrap-tap02 .tab-menu .on{	z-index: 1;	border-bottom: 2px solid #178EE9; color:#178EE9;}
.sub-wrap-tap02 .tab-menu .tab-menu01{	position: absolute;	top: 80px; left: 120px;	width: 1000px; height: 2000px;	padding-top: 50px;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li{	position: relative;	font-size: 14px;	line-height: 30px;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li:last-child{	border-bottom: none;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li a:hover{	color: #39F;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li span{	position: absolute;	right: 0;}
.sub-wrap-tap02 .tab-menu .tab-menu02{	position: absolute;	top: 80px; left: 120px;	width: 1000px;	height: 2000px; padding-top: 50px;	display: none;}
.sub-wrap-tap02 .tab-menu .tab-menu02 ul li{	display: inline-block;}
.sub-wrap-tap02 .tab-menu .tab-menu02 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap02 .tab-menu .tab-menu02 ul li a img{	width: 100%;}
.sub-wrap-tap02 .tab-menu .tab-menu03{	position: absolute;	top: 80px; left: 120px;	width: 1000px;	height: 2000px; padding-top: 50px;	display: none;}
.sub-wrap-tap02 .tab-menu .tab-menu03 ul li{	display: inline-block;}
.sub-wrap-tap02 .tab-menu .tab-menu03 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap02 .tab-menu .tab-menu03 ul li a img{	width: 100%;}


.sub-wrap-tap03 .tab-menu{position: relative;	width: 100%;	height:2000px; }
.sub-wrap-tap03 .tab-menu>h3 {position: absolute;	width: 50%;	padding: 10px;	border-bottom: 2px solid #D5D5D5;	text-align: center;	line-height: 30px;	font-size: 20px; color:#999; cursor: pointer;}
.sub-wrap-tap03 .tab-menu .tab-title01{	top: 0;	left: 0px;}
.sub-wrap-tap03 .tab-menu .tab-title02{	top: 0;	left: 50%;}
.sub-wrap-tap03 .tab-menu .on{	z-index: 1;	border-bottom: 2px solid #178EE9; color:#178EE9;}
.sub-wrap-tap03 .tab-menu .tab-menu01{	position: absolute;	top: 80px; left: 120px;	width: 1000px; height: 2000px;	padding-top: 50px;	display: none;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li{	position: relative;	font-size: 14px;	line-height: 30px;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li:last-child{	border-bottom: none;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li a:hover{	color: #39F;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li span{	position: absolute;	right: 0;}
.sub-wrap-tap03 .tab-menu .tab-menu02{	position: absolute;	top: 80px; left: 120px;	width: 1000px;	height: 2000px; padding-top: 50px;}
.sub-wrap-tap03 .tab-menu .tab-menu02 ul li{	display: inline-block;}
.sub-wrap-tap03 .tab-menu .tab-menu02 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap03 .tab-menu .tab-menu02 ul li a img{	width: 100%;}

p.dn_font{font-size:20px;}
.serv_quick{display:flex; gap:0 1%; flex-wrap:wrap; margin-bottom:50px;}
.serv_quick div{flex:1; background:#e6e9ed;}
.serv_quick div a{display:flex; height:100%; padding:22px 10px; font-size:21px; letter-spacing:-2px; align-items:center; justify-content:center;}
.serv_quick div span{font-weight:500;}
.serv_quick div span.ic{font-size:27px; margin-right:6px;}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}




/* table 영역 =========================================================*/
.table-sty01{width: 100%; border-bottom:2px solid #eee;}
.table-sty01 tr:hover{background-color: #eee; cursor: pointer;}
.table-sty01 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty01 tr td{padding: 16px 0 16px 10%; border-bottom:1px solid #E8E8E8; text-align: left; background-color: #fff;}

.table-sty02{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty02 tr{width: 100%;}
.table-sty02 tr th:nth-child(1){width: 10%;}
.table-sty02 tr th:nth-child(2){width: 45%;}
.table-sty02 tr th:nth-child(3){width: 15%;}
.table-sty02 tr th:nth-child(4){width: 15%;}
.table-sty02 tr th:nth-child(5){width: 15%;}
.table-sty02 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty02 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty02 tr td:nth-child(2){width: 45%; text-align: left; padding-left: 44px;}
.table-sty02 tr td.lock{background: url(../img/sub/icon_lock.svg) no-repeat 10px 15px; }
.table-sty02 tr td.re{background: url(../img/sub/icon_re.svg) no-repeat 18px 21px; }

.table-sty03{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty03 tr{width: 100%;}
.table-sty03 tr th:nth-child(1){width: 10%;}
.table-sty03 tr th:nth-child(2){width:90%;}
.table-sty03 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty03 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty03 tr td:nth-child(2){text-align: left; padding-left: 44px;}

.table-sty04{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty04 tr{width: 100%;}
.table-sty04 tr th:nth-child(1){width: 10%;}
.table-sty04 tr th:nth-child(2){width: 65%;}
.table-sty04 tr th:nth-child(3){width: 15%;}
.table-sty04 tr th:nth-child(4){width: 10%;}
.table-sty04 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty04 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty04 tr td:nth-child(2){text-align: left; padding-left: 44px;}

.table-sty05{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty05 tr{width: 100%;}
.table-sty05 tr th:nth-child(1){width: 10%;}
.table-sty05 tr th:nth-child(2){width: 75%;}
.table-sty05 tr th:nth-child(3){width: 15%;}
.table-sty05 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty05 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty05 tr td:nth-child(2){text-align: left; padding-left: 44px;}

.table-sty-view01{width: 100%; border-bottom:2px solid #eee; background-color: #fff; border-top: 2px solid #B9B9B9; text-align: left;}
.table-sty-view01 tr:first-child td{font-weight: bold;}
.table-sty-view01 tr td{padding: 20px;border-top:1px solid #E8E8E8;}
.table-sty-view01 tr th{padding: 20px; background-color: #f3f3f3;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8; font-weight: normal; font-size: 14px;}
.table-sty-view01 tr th a{display: block;}

.table-form01{width: 100%; }
.table-form01 tr th{text-align-last: left; padding: 6px; font-size: 16px; font-weight: 500; width: 160px;}
.table-form01 tr td{padding: 6px; font-size: 16px;}
.table-form01 tr td span{width: 187px;color:#000; font-size: 16px;}

.table-sty01,.table-sty02,.table-sty03,.table-sty04,.table-sty05,.table-sty-view01{font-size:17px;}

/* pagination =========================================================*/
.pagination {margin: 20px; display: flex; align-items: center; justify-content: center;}
.pagination a {color: black; float: left;  text-decoration: none; font-size: 14px; width: 44px; height: 44px; text-align: center; line-height: 44px; margin: 3px;}
.pagination a.active {background-color: #55C8FB; color: white; border-radius: 50%;width: 44px; height: 44px; }
.pagination a:hover:not(.active) {background-color: #ddd; border-radius: 50%;}
.pagination a img{margin:16px auto 0}

/* footer 영역 =========================================================*/
.footer {background: #102849;}
.footer .footer-top .ft-inner {display: flex; justify-content: space-between; align-items: center; height: 74px;}
.footer .footer-top .foot-menu {display: flex;}
.footer .footer-top .foot-menu li {position: relative; margin-right: 42px;}
.footer .footer-top .foot-menu li:after {content: ''; position: absolute; top: 50%; right: -22px; width: 1px; height: 10px; background: #3a4d68; transform: translateY(-50%);}
.footer .footer-top .foot-menu li:last-child:after {display: none;}
.footer .footer-top .foot-menu a {font-size: 14px; line-height: 20px; color: #fff; opacity: 0.25;}
.footer .footer-top .sns-menu {display: flex;}
.footer .footer-top .sns-menu li {margin-left: 9px;}
.footer .footer-top .sns-menu a {display: block; width: 30px;}
.footer .footer-top .sns-menu a img {width: 100%;}
.footer .footer-bot {padding: 28px 0 160px; border-top: 1px solid rgba(129, 192, 255, 0.05);}
.footer .footer-bot address {font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.2);}
.footer .footer-bot address a {font-size: 14px; line-height: 20px; color: #fff; opacity: 0.25;}
.footer .footer-bot .copyright {margin-top: 28px; font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.2);}

.foot-dep {background-color: #153258;}
.foot-dep .footer-top .ft-inner {display: flex; justify-content: space-between; align-items: center;}
.foot-dep .footer-top .foot-menu {display: flex; width: 100%;}
.foot-dep .footer-top .foot-menu li {width: 100%; border-left: 1px solid #1F4067;  padding: 20px 25px; }
.foot-dep .footer-top .foot-menu li:last-child {border-right: 1px solid #1F4067;}
.foot-dep .footer-top .foot-menu a {font-size: 16px; font-weight: 600; color:#B6BFCB; line-height:1.6;}
.foot-dep .footer-top .foot-menu li ul {margin-top: 5px; line-height:1.8;}
.foot-dep .footer-top .foot-menu li ul li{border: 0; padding: 0; font-size: 14px; color:#435B79; }
.foot-dep .footer-top .foot-menu li ul li a{border: 0; padding: 0; font-size: 14px; color:#435B79; font-weight: 400; }
.foot-dep .footer-top .foot-menu li ul li:last-child{border: 0; padding: 0;}

/* 공통 적용 클라스 =========================================================*/
.flex{display: flex;}
.flex-align-items{display: flex; align-items: center;}
.txt-blue{color:#55C8FB;}
.txt-gray{color:#949494}
.txt-center{text-align: center;}
.font-size14{font-size: 14px;}
.txt-bold-500{font-weight:500;}
.ma-l10{margin-left: 10px;}
.w-515{width: 515px;}
.m0b-w50per{width: 164px;}
.m0b-w50per-center{width: 164px; margin-right: 10px;}

/* form ===================================================================*/
.control-group {display: inline-block; margin-top: 10px;}
.control-group  p{margin-bottom: 8px;}
.control {display: block; position: relative; padding-left: 30px; margin: 4px 0; cursor: pointer; font-size: 16px;}
.control input {position: absolute; z-index: -1; opacity: 0;}
.control__indicator {position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #fff; border:2px solid #e8e8e8; border-radius: 4px;}
.control--radio .control__indicator { border-radius: 50%;}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #fff; border: 2px solid  #e8e8e8;}
.control input:checked ~ .control__indicator {background: #fff; border: 2px solid  #55C8FB;}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #fff; border: 2px solid  #55C8FB;}
.control input:disabled ~ .control__indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
.control__indicator:after {content: ''; position: absolute; display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 5px; top: 1px; width: 6px; height: 11px; border: solid #55C8FB; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 4px; top: 4px; height: 10px; width: 10px; border-radius: 50%; background: #55C8FB;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}

.input01{height: 46px;  box-sizing: border-box;  margin-right: 10px;}

select{padding: 10px; font-size: 16px;border: 1px solid #e8e8e8; outline: none;}
.select01{width: 165px;height: 46px; margin-right: 10px;}
select:focus{ outline: none;}
select {
  -webkit-appearance:none; 
    -moz-appearance:none; 
  appearance:none;}


select::-ms-expand{ display:none;}
select {background-color: #fff; background:url('../img/sub/icon_select.svg') no-repeat; background-position: right 10px top 50%; background-size: 18px; }
.select-wrap{background-color:  #fff; margin-right: 10px; width: 165px;}

input:-internal-autofill-selected{background-color: #fff;}

.search input[type=text] {height: 40px; font-size: 16px; border: 1px solid #55C8FB; float: left; width: 80%; background: #ffffff;}
.search button {height: 40px; float: left; width: 20%; padding: 10px; background: #55C8FB; color: white; font-size: 16px; border: 0; cursor: pointer;}
.search button:hover {background:  #55C8FB;}
.search::after {content: ""; clear: both; display: table;}

/* accordiaon ===================================================================*/
.accordion {
  width: 100%;
  background: #FFF;
  border-top: 2px solid #B9B9B9;
  border-bottom:0;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: flex;
  justify-content: space-between;
}
.accordion .link p{display: flex; line-height: 25px;}
.accordion .link p img{margin-right: 10px; width: 26px; height: 26px;}
.accordion li.open span img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


.submenu {
  display: none;
  background: #ffffff;
  font-size: 16px;
}

.submenu li {text-align: justify; line-height: 1.6; padding: 20px 30px 20px 52px ; border-bottom:1px solid #e8e8e8; background-color: #eee; background: url(../img/sub/icon-A.webp) no-repeat; background-position: 15px 20px;}

iframe.footer-frame{width: 100%; min-height: 760px; height: 100%; background: #102849;}
















































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

  /* 상단영역 mob =========================================================*/
  .header .header-inner {display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 15px;}
  .header .logo {width: 100px; height: 44px; background-size: 100%; background-repeat: no-repeat;}
  .header.open-gnb .logo {background-image: url(../img/main/logo-active.webp); background-repeat: no-repeat;}
  .header .hd-side {display: flex; align-items: center;}
  .header .top-menu {display: none;}
  .header .top-menu-mo {overflow: hidden;}
  .header .top-menu-mo li {float: left; margin: 0 5px 5px 0;}
  .header .top-menu-mo a {display: flex; align-items: center; height: 30px; padding: 0 10px; border: 2px solid #0B4DA2; border-radius: 15px;}
  .header .top-menu-mo .ico .txt {padding-left: 14px; color: #fff;}
  .header .top-menu-mo .ico .txt:before {content: ''; position: absolute; top: 50%; left: 0; width: 11px; height: 11px; background-size: 100%; transform: translateY(-50%);}
  .header.open-gnb .top-menu-mo a {border-color: #fff;}
  .header.open-gnb .top-menu-mo a.ico {background: #fff;}
  .header.open-gnb .top-menu-mo .txt {position: relative; font-size: 13px; letter-spacing: 0.17px; color: #fff;}
  .header.open-gnb .top-menu-mo .ico .txt {color: #119AD8;}
  .header.open-gnb .top-menu-mo .home:before {background-image: url(../img/main/top_icon_01_active.webp);}
  .header.open-gnb .top-menu-mo .write:before {background-image: url(../img/main/top_icon_02_active.webp);}
  .header.open-gnb .top-menu-mo .quote:before {background-image: url(../img/main/top_icon_03_active.webp);}
  
  .header .logo2 {width: 134px; height: 42px; margin-left: 0;}
  .header.open-gnb .logo2 {background-image: url(../img/main/logo2_menu.webp);}
  .header .btn-mm2 {position: absolute; top: 24px; right: 24px; width: 27px; height: 27px; background: url(../img/main/menu-close.webp) 50%/100% no-repeat;}
  .gnb {top: 0; height: 100vh; padding: 70px 30px; overflow-y: auto;}
  .gnb .gnb-inner {display: block;}
  .gnb .gnb-inner .gnb-item {margin: 10px 0; padding: 10px 30px;}
  .gnb .gnb-inner .gnb-item:first-child {margin-left: 0;}
  .gnb .gnb-inner .gnb-title a {display: block; padding: 0 10px; color: #141212; font-weight: 600; font-size: 20px; line-height: 28px; background: url(../img/main/gnb-arrow.webp) 100% 50%/24px no-repeat;}
  .gnb .gnb-inner .gnb-item.active .gnb-title a {background: url(../img/main/gnb-arrow-active.webp) 100% 50%/24px no-repeat;}
  .gnb .gnb-inner .gnb-list {display: none; margin-top: 8px; padding: 10px;}
  .gnb .gnb-inner .gnb-list li {margin-bottom: 5px;}
  
  .quick-menu {top: auto; bottom: 50px; right: 10px; transform: translateY(0);}
  .quick-menu .qm-list li {width: 150px; margin-bottom: 10px;}



/* 컨텐츠 영역 =========================================================*/
.serv_quick div a{font-size:15px; padding:30px 10px;}
.serv_quick div span.ic{font-size:15px;}

.sub-container {padding-top: 70px;}
.sub-menu{padding:0 10px;}
.sub-menu h1,.sub-menu h2{display:none;}
.sub-menu ul li a{font-size:15px; padding:7px 17px; margin-right:1px}

.sub-wrap{background-color: #Fff; border-radius: 0;  padding: 40px 20px 60px; margin-bottom: 0; }
.sub-wrap200{background-color: #fff; border-radius: 0; padding: 60px 20px 60px; margin-bottom: 0; }
.sub-wrap-tap01{background-color: #fff; border-radius: 30px; padding: 0; margin-bottom: 80px;height:2870px; }
.sub-wrap-tap02{background-color: #fff; border-radius: 30px; padding: 0; margin-bottom: 80px;height: 1400px; }

.sub-visual{width: 100%; height: 85px;  background-size: cover;  padding-left: 20px; margin-bottom: 0;}
.sub-visual p{display: none; }
.sub-visual span{display: block; font-size: 26px; color: #fff; font-weight: 600; line-height: 85px; text-shadow: 0 0 15px rgba(0,0,0,0.3); }
.sub-visual-1{background-image: url(../img/sub/sub_visual_01m.webp); background-repeat: no-repeat;}
.sub-visual-2{background-image: url(../img/sub/sub_visual_02m.webp); background-repeat: no-repeat;}
.sub-visual-3{background-image: url(../img/sub/sub_visual_03m.webp); background-repeat: no-repeat;}
.sub-visual-4{background-image: url(../img/sub/sub_visual_04m.webp); background-repeat: no-repeat;}
.sub-visual-5{background-image: url(../img/sub/sub_visual_05m.webp); background-repeat: no-repeat;}
.sub-visual-6{background-image: url(../img/sub/sub_visual_06m.webp); background-repeat: no-repeat;}
.sub-visual-7{background-image: url(../img/sub/sub_visual_07m.webp); background-repeat: no-repeat;}

.sub-title{font-size: 20px; display: flex; font-weight: 600;line-height: 24px; margin-bottom: 20px;}
.sub-title::before{content:""; width: 4px; height: 24px; background-color:#55C8FB; display: block; margin-right: 14px; }
.sub-description h3:first-of-type{font-size:23px;}

.sub-description h3{font-size:18px;}
.txt-blue-sty01{color:#40A7F6; font-size:16px; }
.sub-description h4,.sub-description p.mt20{font-size:16px; margin-top: 16px;}
.txt-blue-sty02{font-size:16px;}

p.dn_font{font-size:16px;}

.sub-description{text-align: center; margin-bottom: 60px;}
.explain{padding: 0 10px 0 20px; text-align: justify; line-height: 1.5; }

.sub-description-sty01{text-align: center; padding: 0 30px;}
.sub-description-sty01 h4{ color: #40A7F6; font-size: 18px; }
.sub-description-sty01 h4 a{font-size:18px;}
.sub-description-sty01 h5{font-size:16px; margin-top: 14px;}
.sub-description-sty01 p{position: relative; height: 260px; background: url(../img/sub/illust_01.svg) no-repeat; background-position: center 70px; margin-top: 30px; background-size: 100%;}
.sub-description-sty01 p .btn-suggest{position: absolute; left: 50%; transform: translateX(-50%); width: 200px; padding: 0 0 0 30px; height: 40px; border-radius: 100px;  color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; text-align: left; background: url(../img/sub/icon_go.svg); background-position: top -101px right -61px;}

.sub-description-sty01-flex{margin-bottom:3px;}
.sub-description-sty01-flex .btn-suggest{position:initial;}
.sub-description-sty01-flex p{width:260px; height:154px; background-position:center; background-size:cover;}

.box{border-radius: 0; border:0; padding: 0;}
.mvh01{height: 220px;}

.illust-sty01 div{display:flex; align-items: flex-start; width: 100%; margin-bottom: 10px; border-radius: 16px; border:1px solid #E8E8E8; padding: 16px; background-color: #fff; text-align: center; }  
.illust-sty01 div img{width: 17%; margin-right: 14px;}
.illust-sty01 div h6{font-size: 18px; margin: 0; text-align: left;}
.illust-sty01 div h6 p{font-size: 16px; text-align: left; line-height: 1.3; margin-top: 4px;}

.illust-sty02{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.illust-sty02 div{width: 100%; margin-bottom: 20px; border-radius: 30px; border:1px solid #E8E8E8; padding: 20px; background-color: #fff; text-align: left;display: flex;justify-content: space-between; }  
.illust-sty02 div img{margin-top: 60px; width: 30%;}
.illust-sty02 div h6{position:relative; font-size: 18px;margin: 0 0 14px;}
.illust-sty02 div p{font-size: 16px; color:#949494; font-weight: normal; margin-bottom:30px;}
.illust-sty02 div h6 a{position:absolute; bottom:13px; height:40px; display:block; width:fit-content;}
.illust-sty02 div h6 input.btn-go{position: absolute; width: 140px; padding: 0 0 0 30px; height: 40px; border-radius: 100px;  color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; text-align: left; background: url(../img/sub/icon_go2.svg); background-position: top -92px right -12px;}

.img-sty01{border-radius: 0; border:0; padding: 0; background-color: #fff;}
.img-sty01 ul{display: flex; flex-wrap: wrap; justify-content: space-between; border:1px solid #E8E8E8; border-right:0; border-bottom:0;}  
.img-sty01 ul li{width: 33.33333333333%; min-height: 50px; padding:5px 0; text-align: center;margin: 0; border-bottom:1px solid #E8E8E8; border-right:1px solid #E8E8E8;}
.img-sty01 ul li img{}

.box-sty01 div{width: 100%; margin-bottom: 10px; border-radius: 16px; border:1px solid #E8E8E8; padding: 18px 16px; background-color: #fff; display: flex; align-items:flex-start;}  
.box-sty01 div img{width: 30%;}
.box-sty01 div h5{font-size: 16px;margin: 4px 0; border-bottom:0; border-right:1px solid #E8E8E8; padding-right: 14px;}
.box-sty01 div h5 p{font-size: 16px;}
.box-sty01 div h5 p.txt01{margin-bottom: 0; width: 50px; padding-left: 8px;}
.box-sty01 div p{font-size: 16px; padding-left:  14px; text-align: left; line-height: 1.3;}

.box-sty02 div{width:100%; margin-bottom: 20px; border-radius: 0; border:0; padding: 0;}  
.box-sty02 div article{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-sty02 div article img{width: 100%;}
.box-sty02 div p{font-size: 16px;margin: 20px 0; line-height: 1.5;}
.box-sty02 div h6 span{background-color:#55C8FB; width:220px; padding: 5px; border-radius: 50px; text-align: center; color:#fff; font-size: 18px; display: block; margin-bottom: 14px;}
.box-sty02 div h6:nth-of-type(2){margin: 40px 0 10px;}

.box-sty03{display:initial}
.box-sty03 div{width: 100%; margin-bottom: 10px; border-radius: 16px; border:1px solid #E8E8E8; padding: 18px 16px; background-color: #fff; display: flex; flex-wrap:nowrap; align-items: start ; }  
.box-sty03 div:nth-child(1){flex-grow: 10;}
.box-sty03 div:nth-child(2){flex-grow: 10;}
.box-sty03 div img{width: 30%;}
.box-sty03 div h5{font-size: 18px;margin: 4px 0; border-bottom:0; border-right:1px solid #E8E8E8; padding-right: 20px;}
.box-sty03 div h5 span{margin-bottom: 0;}
.box-sty03 div p{font-size: 13px; padding-left: 20px; text-align-last: left; }

.box-sty04{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.box-sty04 div{width: 100%; border-radius: 30px; margin-bottom: 20px; border:1px solid #E8E8E8; padding:14px; background-color: #fff; }  
.box-sty04 div p{background-color: #F5F5F5; margin-bottom: 10px; border-radius: 20px; padding: 10px 30px; }  
.box-sty04 div p img{width: 55%;}
.box-sty04 div div{width: 100%; border:0; padding: 5px; }
.box-sty04 div div h6{font-size: 15px;line-height: 20px; color:#000;}
.box-sty04 div div h5{line-height: 24px; font-size: 20px;margin-bottom: 10px;color:#000; margin-top: 6px;}
.box-sty04 div div {font-size: 14px; color:#8C8C8C; margin-bottom: 0px;}

.box-sty05{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.box-sty05{display: flex;  width: 100%; }  
.box-sty05 div{width: 100%; display: flex; justify-content: space-between; align-items: center; border-radius: 30px; margin-bottom: 20px; border:1px solid #E8E8E8; padding:20px; background-color: #fff; }
.box-sty05 div img{width: 15%; margin-left: 2%;}
.box-sty05 div h6{font-size: 20px; width: 70%; }
.box-sty05 div h6 p{line-height: 1.4; font-size: 14px; font-weight: normal; margin-top: 5px;color:#8c8c8c;}

.box-sty07 div{width: 100%; margin-bottom: 10px; border-radius: 16px; border:1px solid #E8E8E8; padding: 18px 16px; background-color: #fff; display: flex; align-items:flex-start;}  
.box-sty07 div img{width: 30%;}
.box-sty07 div h5{font-size: 16px;margin: 4px 0; border-bottom:0; border-right:1px solid #E8E8E8; padding-right: 14px;}
.box-sty07 div h5 p{font-size: 16px;}
.box-sty07 div h5 p.txt01{margin-bottom: 0; width: 50px; padding-left: 8px;}
.box-sty07 div p{font-size: 16px; padding-left:  14px; text-align: left; line-height: 1.3;}

.box-sty08 div{width: 100%; margin-bottom: 10px; border-radius: 16px; border:1px solid #E8E8E8; padding: 18px 16px; background-color: #fff; display: flex; align-items:flex-start;}  
.box-sty08 div img{width: 10%;}
.box-sty08 div h6{font-size: 16px;margin: 4px 0; border-bottom:0; border-right:1px solid #E8E8E8; padding-right: 14px;}
.box-sty08 div h6 p{font-size: 16px;}
.box-sty08 div h6 p.txt01{margin-bottom: 0; width: 50px; padding-left: 8px;}
.box-sty08 div p{font-size: 16px; padding-left:  14px; text-align: left; line-height: 1.3;}

.bannerbox-sty01{display: none;}
.bannerbox-sty01_mob{border-radius:20px; display: block;width: 100%; background-repeat: no-repeat; padding: 30px; }
.bannerbox-sty01_mob h3{ font-size:20px; color:#fff; line-height: 1.35; width: 100%;margin-bottom: 10px; }
.bannerbox-sty01_mob p{ font-size: 14px; color:#fff; opacity:0.6;line-height: 1.35; width: 100%; margin-top: 5px;}
.bannerbox-bg01_mob{background-image: url(../img/sub/banner_bg01.webp);}
.bannerbox-bg02_mob{background-image: url(../img/sub/banner_bg02.webp);;}
.bannerbox-bg02_mob h3{color:#000;}
.bannerbox-bg02_mob p{color:#000;}
.bannerbox-bg03_mob{background-image: url(../img/sub/banner_bg03.webp);}
.bannerbox-bg04_mob{background-image: url(../img/sub/banner_bg04.webp);}
.bannerbox-bg04_mob h3{color:#000;}
.bannerbox-bg04_mob p{color:#000;}
.bannerbox-bg05_mob{background-image: url(../img/sub/banner_bg05.webp);}
.bannerbox-bg06_mob{background-image: url(../img/sub/banner_bg06.webp);}
.bannerbox-bg07_mob{background-image: url(../img/sub/banner_bg07.webp);}
.bannerbox-bg07_mob h3{color:#000;}
.bannerbox-bg07_mob p{color:#000;}
.bannerbox-bg08_mob{background-image: url(../img/sub/banner_bg08.webp);}
.bannerbox-bg09_mob{background-image: url(../img/sub/banner_bg09.webp);}
.bannerbox-bg09_mob h3{color:#000;}
.bannerbox-bg09_mob p{color:#000;}
.bannerbox-bg10_mob{background-image: url(../img/sub/banner_bg10.webp);;}
.bannerbox-bg11_mob{background-image: url(../img/sub/banner_bg11.webp);}

.imgbox-sty01 img{margin: 30px auto; min-width: 60%; max-width: 270px;}
.imgbox-sty02 img{margin: 30px auto; min-width: 80%; max-width: 464x;}

.btn-box-sty01{width: 100%; text-align: center; margin-top: 110px;}
.btn-box-sty01 p{font-size: 24px; font-weight: 600;}
.btn-box-sty01 p span{font-size: 14px;display: block; font-weight: normal; color:#8c8c8c; margin-top: 8px;}
.box-center{display: flex;align-items: center; justify-content: center; margin-top: 40px;}
.btn-regist{width: 50%; height: 46px; border-radius: 100px; background-color: #1CABE2; color:#fff; font-size: 20px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}
.btn-cancle{width: 50%; height: 46px; border-radius: 100px; background-color: #CFCFCF; color:#fff; font-size: 20px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}

.box-center-sty01{display: flex;align-items: center; justify-content: center;flex-wrap: wrap; margin-top: 40px;}
.box-center-sty01 .select-wrap{}
.box-center-sty01 .search{ width: 200px;}
.box-center-sty01 .btn-write{width: 290px; padding: 0 50px; height: 40px; border-radius: 100px; background-color:#55C8FB; color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; margin:10px 5px;}

.box-right-sty01{display: flex;justify-content: flex-end; margin-top: 10px;}
.box-right-sty01 .btn-write{padding: 0 50px; height: 40px; border-radius: 100px; background-color:#55C8FB; color:#fff; font-size: 16px; font-weight: 600; border:0; cursor: pointer; margin: 5px;}

.suggestion{}
.suggestion h2{font-size: 22px; padding-left: 10px; margin:30px 0 14px; font-weight: normal;}
.suggestion ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.suggestion ul li{font-size: 14px; border-radius: 50px; background-color: #EAEEF2; padding:8px 30px; margin: 4px; cursor: pointer;}
.mt90{margin-top: 90px;} 
.mt150{margin-top: 150px;} 

.mt90{margin-top: 90px;} 
.mt150{margin-top: 75px;} 
.mt80{margin-top: 80px;}

.respon_ft{font-size:16px;}

.pc{display: none !important;}
.mob{display: block !important;}

.flex-style01{display:flex; justify-content: flex-start;}
.flex-style01 div{margin-right: 0;}

/* tap 영역 */
.sub-wrap-tap01{background-color: #fff; border-radius: 30px; padding: 0; margin-bottom: 80px;height:2870px; }
.sub-wrap-tap01 .tab-menu{position: relative;	width: 100%;	height:2000px; }
.sub-wrap-tap01 .tab-menu>p {position: absolute;	width: 49.5%;	padding: 10px;	border-bottom: 2px solid #D5D5D5;	text-align: center;	line-height: 30px;	font-size:16px; color:#999; cursor: pointer;}
.sub-wrap-tap01 .tab-menu .tab-title01{	top: 0;	left: 10px;}
.sub-wrap-tap01 .tab-menu .tab-title02{	top: 0;	left: 49.5%;}
.sub-wrap-tap01 .tab-menu .on{	z-index: 1;	border-bottom: 2px solid #178EE9; color:#178EE9;}
.sub-wrap-tap01 .tab-menu .tab-menu01{	position: absolute;	top: 80px; left: 0;	width: 100%; height: 2000px; padding: 20px;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li{	position: relative;	font-size: 14px;	line-height: 30px;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li:last-child{	border-bottom: none;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li a:hover{	color: #39F;}
.sub-wrap-tap01 .tab-menu .tab-menu01 ul li span{	position: absolute;	right: 0;}
.sub-wrap-tap01 .tab-menu .tab-menu02{	position: absolute;	top: 80px; left: 0;	width: 100%;	height: 2000px; padding: 20px; display: none;}
.sub-wrap-tap01 .tab-menu .tab-menu02 ul li{	display: inline-block;	width: 120px;}
.sub-wrap-tap01 .tab-menu .tab-menu02 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap01 .tab-menu .tab-menu02 ul li a img{	width: 100%;}


.sub-wrap-tap02 .tab-menu{position: relative;	width: 100%;	height:2000px; }
.sub-wrap-tap02 .tab-menu>p {position: absolute;	width: 33.33333%;	padding: 10px;	border-bottom: 2px solid #D5D5D5;	text-align: center;	line-height: 30px;	font-size:16px; color:#999; cursor: pointer;}
.sub-wrap-tap02 .tab-menu .tab-title01{	top: 0;	left: 0;}
.sub-wrap-tap02 .tab-menu .tab-title02{	top: 0;	left:33.33333%;}
.sub-wrap-tap02 .tab-menu .tab-title03{	top: 0;	left:66.66666%;}
.sub-wrap-tap02 .tab-menu .on{	z-index: 1;	border-bottom: 2px solid #178EE9; color:#178EE9;}
.sub-wrap-tap02 .tab-menu .tab-menu01{	position: absolute;	top: 80px; left: 0;	width: 100%; height: 2000px; padding: 20px;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li{	position: relative;	font-size: 14px;	line-height: 30px;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li:last-child{	border-bottom: none;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li a:hover{	color: #39F;}
.sub-wrap-tap02 .tab-menu .tab-menu01 ul li span{	position: absolute;	right: 0;}
.sub-wrap-tap02 .tab-menu .tab-menu02{	position: absolute;	top: 80px; left: 0;	width: 100%;	height: 2000px; padding: 20px; display: none;}
.sub-wrap-tap02 .tab-menu .tab-menu02 ul li{	display: inline-block;	width: 120px;}
.sub-wrap-tap02 .tab-menu .tab-menu02 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap02 .tab-menu .tab-menu02 ul li a img{	width: 100%;}
.sub-wrap-tap02 .tab-menu .tab-menu03{	position: absolute;	top: 80px; left: 0;	width: 100%;	height: 2000px; padding: 20px; display: none;}
.sub-wrap-tap02 .tab-menu .tab-menu03 ul li{	display: inline-block;	width: 120px;}
.sub-wrap-tap02 .tab-menu .tab-menu03 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap02 .tab-menu .tab-menu03 ul li a img{	width: 100%;}


.sub-wrap-tap03 .tab-menu{position: relative;	width: 100%;	height:2000px; }
.sub-wrap-tap03 .tab-menu>h3 {position: absolute;	width: 49.5%;	padding: 10px;	border-bottom: 2px solid #D5D5D5;	text-align: center;	line-height: 30px;	font-size:16px; color:#999; cursor: pointer;}
.sub-wrap-tap03 .tab-menu .tab-title01{	top: 0;	left: 10px;}
.sub-wrap-tap03 .tab-menu .tab-title02{	top: 0;	left: 49.5%;}
.sub-wrap-tap03 .tab-menu .on{	z-index: 1;	border-bottom: 2px solid #178EE9; color:#178EE9;}
.sub-wrap-tap03 .tab-menu .tab-menu01{	position: absolute;	top: 80px; left: 0;	width: 100%; height: 2000px; padding: 20px;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li{	position: relative;	font-size: 14px;	line-height: 30px;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li:last-child{	border-bottom: none;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li a:hover{	color: #39F;}
.sub-wrap-tap03 .tab-menu .tab-menu01 ul li span{	position: absolute;	right: 0;}
.sub-wrap-tap03 .tab-menu .tab-menu02{	position: absolute;	top: 80px; left: 0;	width: 100%;	height: 2000px; padding: 20px; display: none;}
.sub-wrap-tap03 .tab-menu .tab-menu02 ul li{	display: inline-block;	width: 120px;}
.sub-wrap-tap03 .tab-menu .tab-menu02 ul li a{	display: block;	width: 100%;	margin-top: 30px;}
.sub-wrap-tap03 .tab-menu .tab-menu02 ul li a img{	width: 100%;}


/* table 영역 =========================================================*/
.table-sty01{width: 100%; border-bottom:2px solid #eee;}
.table-sty01 tr:hover{background-color: #eee; cursor: pointer;}
.table-sty01 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty01 tr td{padding: 16px 0 16px 10%; border-bottom:1px solid #E8E8E8; text-align: left; background-color: #fff;}

.table-sty02{width: 100%; border-bottom:2px solid #eee;}
.table-sty02 tr th:nth-child(1){display: none;}
.table-sty02 tr th:nth-child(2){width: 100%; text-align-last: left; padding-left: 20%;}
.table-sty02 tr th:nth-child(3){display: none;}
.table-sty02 tr th:nth-child(4){display: none;}
.table-sty02 tr th:nth-child(5){display: none;}

.table-sty02 tr td:nth-child(1){display: none;}
.table-sty02 tr td:nth-child(2){width: 100%;}
.table-sty02 tr td:nth-child(3){display: none;}
.table-sty02 tr td:nth-child(4){display: none;}
.table-sty02 tr td:nth-child(5){display: none;}

.table-sty02 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty02 tr td{padding: 16px 0 16px 10%; border-bottom:1px solid #E8E8E8; text-align: left; background-color: #fff;}

.table-sty03{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty03 tr{width: 100%;}
.table-sty03 tr th:nth-child(1){display: none;}
.table-sty03 tr th:nth-child(2){width:100%;  text-align-last: left; padding-left: 20%; text-align: left; padding-left: 20%;}
.table-sty03 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty03 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty03 tr td:nth-child(1){display: none;}
.table-sty03 tr td:nth-child(2){text-align: left; padding-left: 10px;}

.table-sty01,.table-sty02,.table-sty03,.table-sty04,.table-sty05,.table-sty-view01{font-size:15px;}

.table-sty04{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty04 tr{width: 100%;}
.table-sty04 tr th:nth-child(1){display: none;}
.table-sty04 tr th:nth-child(2){width:100%;text-align: left; padding-left:20%;}
.table-sty04 tr th:nth-child(3){display: none;}
.table-sty04 tr th:nth-child(4){display: none;}
.table-sty04 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty04 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty04 tr td:nth-child(1){display: none;}
.table-sty04 tr td:nth-child(2){text-align: left; padding-left: 30px;}
.table-sty04 tr td:nth-child(3){display: none;}
.table-sty04 tr td:nth-child(4){display: none;}

.table-sty05{width: 100%; border-bottom:2px solid #eee; background-color: #fff;}
.table-sty05 tr{width: 100%;}
.table-sty05 tr th:nth-child(1){display: none;}
.table-sty05 tr th:nth-child(2){width: 100%;text-align: left; padding-left:20%;}
.table-sty05 tr th:nth-child(3){display: none;}
.table-sty05 tr th{ border-top:2px solid #B9B9B9; border-bottom:2px solid #eee; padding:16px 0; background-color: #F4F4F4; box-sizing: border-box;}
.table-sty05 tr td{padding: 16px 0; border-bottom:1px solid #E8E8E8; text-align: center; background-color: #fff;}
.table-sty05 tr td:nth-child(1){display: none;}
.table-sty05 tr td:nth-child(2){text-align: left; padding-left:30px;}
.table-sty05 tr td:nth-child(3){display: none;}

.table-form01{width: 100%; }
.table-form01 tr th{text-align: left; padding: 4px; font-size: 14px; font-weight: 500; width: 110px;}
.table-form01 tr td{padding: 4px; font-size: 14px;}
.table-form01 tr td span{display: none;}

.table-sty-view01{font-size:15px;}

/* pagination =========================================================*/
.pagination {margin: 20px; display: flex; align-items: center; justify-content: center;}
.pagination a {color: black; float: left;  text-decoration: none; font-size: 12px; width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 3px;}
.pagination a.active {background-color: #55C8FB; color: white; border-radius: 50%;width: 30px; height: 30px; }
.pagination a:hover:not(.active) {background-color: #ddd; border-radius: 50%;}
.pagination a img{margin:10px auto 0}

/* footer 영역 =========================================================*/
.footer .footer-top {background: #153258;}
.footer .footer-top .ft-inner {align-items: start; height: auto; padding: 25px;}
.footer .footer-top .foot-menu {display: block;}
.footer .footer-top .foot-menu li {margin-right: 0; margin-left: 14px;}
.footer .footer-top .foot-menu li:after {display: none;}
.footer .footer-top .foot-menu a {line-height: 28px; opacity: 0.33;}
.footer .footer-bot {padding: 20px 40px 68px;}
.footer .footer-bot .copyright {margin-top: 28px; font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.2);}


/* form ===================================================================*/
.control-group {display: inline-block; margin-top: 10px;}
.control-group  p{margin-bottom: 8px;}
.control {display: block; position: relative; padding-left: 30px; margin: 4px 0; cursor: pointer; font-size: 16px;}
.control input {position: absolute; z-index: -1; opacity: 0;}
.control__indicator {position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #fff; border:2px solid #e8e8e8; border-radius: 4px;}
.control--radio .control__indicator { border-radius: 50%;}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #fff; border: 2px solid  #e8e8e8;}
.control input:checked ~ .control__indicator {background: #fff; border: 2px solid  #55C8FB;}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #fff; border: 2px solid  #55C8FB;}
.control input:disabled ~ .control__indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;}
.control__indicator:after {content: ''; position: absolute; display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 5px; top: 1px; width: 6px; height: 11px; border: solid #55C8FB; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 4px; top: 4px; height: 10px; width: 10px; border-radius: 50%; background: #55C8FB;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}

.input01{height: 40px;  box-sizing: border-box;  margin-right: 0;}

select{padding: 10px; font-size: 14px;border: 1px solid #e8e8e8; outline: none;}
.select01{width: 80px; height: 40px; margin-right: 10px;}
select:focus{ outline: none;}
select {
  -webkit-appearance:none; 
    -moz-appearance:none; 
  appearance:none;}

select::-ms-expand{ display:none;}
select {background-color: #fff; background:url('../img/sub/icon_select.svg') no-repeat; background-position: right 10px top 50%; background-size: 18px; }
.select-wrap{background-color:  #fff; margin-right: 10px; width: 75px;}


input:-internal-autofill-selected{background-color: #fff;}


/* 공통 적용 클라스 =========================================================*/
.w-515{width: 100%;}
.m0b-w50per{width: 50%;}
.m0b-w50per-center{width: 50%; margin-right: 10px;}

}

@media screen and (max-width: 767px) {
  .foot-dep{display: none;}
  
}