@charset "utf-8";
/* font */
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css");

/* common */
html,body{margin:0; padding:0;font-family:'Paperlogy','Pretendard','Noto Sans KR','나눔고딕',NanumGothic,'Nanum Gothic','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',applegothic,'돋움',Dotum,'굴림',Gulim,sans-serif}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a, header, footer, aside, section, article, nav, figure, figcaption, main, hr, strong {margin:0; padding:0; border:0; vertical-align:top;}
header, footer, aside, section, article, nav, figure, figcaption, main {display:block}
div, table, th, td {border-collapse:collapse;}
input, button {vertical-align:middle;}
img {border:0; vertical-align:top;}
button {margin:0; padding:0; border:0; background:none;}
ul, ol, li {list-style:none;}
a {text-decoration:none;}
caption {position:absolute; top:-9999px; display:block; width:0; height:0; margin:0; padding:0; line-height:0; font-size:0; text-indent:-9999px;}
::-moz-selection{background-color:#ccc;color:#000}
::selection{background-color:#ccc;color:#000}
*{-webkit-text-size-adjust:none} /* 아이폰 세로모드 폰트 확대막기 */
*{text-shadow:none !important}
body{height:100%;overflow-y:scroll}

#pc{width:100%;min-width:1280px;}
.pc_width{width:1240px;padding:0 20px;min-width:1240px;margin:0 auto;}
.blind{position:absolute;left:0;top:-9999px;width:0;height:0;margin:0;padding:0;font-size:0;text-indent:-9999px;overflow:hidden;}
.clear{*zoom:1;}
.clear:after{display:block;clear:both;content:"";}
.lft{float:left;}
.rgt{float:right;}
.xe_content{font-family:inherit !important;font-size:14px;line-height:2em;}
.bd_tmb_lst p b{font-size:16px;line-height:1.6em;}/* 갤러리게시판 타이틀 */
/* 회원가입관련 */
.xm h1{font-size:20px;padding:20px 0;margin-bottom:50px;border-bottom:1px solid #8e867f;color:#4b2884;font-weight:normal;text-align:center;}
.xm h2{font-size:20px;padding:20px 0;color:#4b2884;font-weight:normal;text-align:center;}
/* 서브페이지 공통 */
.subCon{word-break:keep-all;}
.subCon p{color:#333;font-size:18px;line-height:150%;}
.subCon p strong{font-weight:700;}
.subCon .align_lft{text-align:left;}
.subCon .align_cnt{text-align:center;}
.subCon .align_rgt{text-align:right;}
.subCon .top50{margin-top:50px !important;}
.subCon .top100{margin-top:100px !important;}

/* 스킵네비게이션, 반복영역건너뛰기 */
.skip_navigation{position:absolute;left:0;top:0;width:100%;z-index:20000;}
.skip_navigation ul{height:0;}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:40px;text-align:center;font-size:20px;color:#fff;line-height:40px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* header */
#header{position:fixed;left:0;top:0;z-index:30;width:100%;margin:0 auto;background:none;}
#header.on{position:fixed;left:0;top:0;z-index:30;background:#fff !important;}
#header .top{width:100%;height:50px;line-height:50px;background:#313131;color:#fff;font-size:15px;}
#header .top .pc_width{display:flex;justify-content:space-between;}
#header .top .call span{position:relative;padding-left:40px;}
#header .top .call span:first-child{padding-left:0;}
#header .top .call span:before{display:block;content:"";position:absolute;left:20px;top:5px;width:1px;height:10px;background:#8b8b8b;}
#header .top .call span:first-child:before{display:none;}
#header .top .login_area li{display:inline-block;}
#header .top .login_area li a{color:#d9d9d9;position:relative;padding-left:40px;}
#header .top .login_area li:first-child a{padding-left:0;}
#header .top .login_area li a:before{display:block;content:"";position:absolute;left:20px;top:5px;width:1px;height:10px;background:#8b8b8b;}
#header .top .login_area li:first-child a:before{display:none;}
#header.on .top{display:none;}
#header .header_in{position:relative;height:120px;transition:height .3s ease;}
#header.on .header_in{height:60px;}
#header .main_logo,#header .sub_logo{position:absolute;left:20px;top:0;font-size:25px;line-height:120px;opacity:1;transition:line-height .3s ease,opacity .3s ease;}
#header.on .main_logo,#header.on .sub_logo{line-height:60px;}
#header .sub_logo{opacity:0;pointer-events:none;}
#header.on .main_logo{opacity:0;pointer-events:none;}
#header.on .sub_logo{opacity:1;pointer-events:auto;}
#header .main_logo,.sub_logo a{color:#18bda0;}
#header .main_logo,.sub_logo img{vertical-align:middle;}
#header .main_logo img{height:120px;}
#header .sub_logo img{height:60px;}

/* nav */
.gnb{position:absolute;right:20px;top:0;z-index:20;display:flex;align-items:center;font-weight:500;}
.gnb li{position:relative;z-index:20;float:left;}
.gnb > li > a{display:block;text-decoration:none;font-size:18px;line-height:120px;color:#fff !important;padding:0 25px;transition:line-height .3s ease;}
#header.on .gnb > li > a{line-height:60px;}
.gnb > li > a.on{color:#91e6ff !important;}
.gnb > li:last-child > a{padding:14px 30px;font-size:16px;line-height:1.2 !important;background:linear-gradient(90deg, rgba(15,51,183,.75) 0%, rgba(15,147,247,.75) 100%);border-radius:30px;color:#fff !important;}
#header.on .gnb > li:last-child > a{background:linear-gradient(90deg, rgba(15,51,183,1) 0%, rgba(15,147,247,1) 100%);color:#fff !important;}
.gnb li a:hover,.gnb > li:hover > a{}
.gnb ul{position:absolute;left:50%;top:120px;width:240px;margin-left:-120px;display:none;opacity:0;list-style:none;border-radius:10px;overflow:hidden !important;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.gnb ul li{position:relative}
.gnb ul li a{display:block;width:220px;padding:12px 10px;font-size:14px;text-align:center;color:#000 !important;background:#fff;}
.gnb ul li a:hover{background:#eeeeee;}
.gnb ul ul{left:200px;top:-1px}
#header.on .gnb > li > a{color:#202020 !important;}
#header.on .gnb ul{top:60px;}

/* 스크롤 라인 */
.top_line{position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(176,204,217,.5);}
.top_line .colorbar{width:0px;height:1px;background:#036eb8;}

/* 메인이미지 */
.mainImg.style01{position:relative;width:100%;height:900px;background:#ddd;margin-bottom:60px;}
.mainImg.style01 img{position:absolute;left:50%;top:0;margin-left:-960px;}
.swiper-container.style01{height:809px;background:#ddd;margin-bottom:60px;}
.swiper-container.style01 .swiper-slide{width:100%;height:809px;overflow:hidden;}
.swiper-container.style01 .swiper-slide img{position:absolute;left:50%;top:0;margin-left:-960px;}
.swiper-container.style01 .swiper-button-prev{width:60px !important;height:60px !important;left:50% !important;margin-top:170px;margin-left:-620px !important;background:url(../images/btn_prev.png) no-repeat;border:2px solid rgba(255,255,255,.5);border-radius:12px;transition:.3s ease;}
.swiper-container.style01 .swiper-button-prev:hover{border:2px solid rgba(255,255,255,1);transition:.3s ease;}
.swiper-container.style01 .swiper-button-prev:after{display:none;}
.swiper-container.style01 .swiper-button-next{width:60px !important;height:60px !important;left:50% !important;margin-top:170px;margin-left:-545px !important;background:url(../images/btn_next.png) no-repeat;border:2px solid rgba(255,255,255,.5);border-radius:12px;transition:.3s ease;}
.swiper-container.style01 .swiper-button-next:hover{border:2px solid rgba(255,255,255,1);transition:.3s ease;}
.swiper-container.style01 .swiper-button-next:after{display:none;}
.swiper-container.style01 .swiper-pagination-bullet{width:10px !important;height:10px !important;margin:0 6px !important;background:none !important;border:2px solid #fff;opacity:1 !important;}
.swiper-container.style01 .swiper-pagination-bullet-active{background:#fff !important;border:2px solid #fff;opacity:1;}
.swiper-container.style01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:35px !important;} 
.swiper-container.style01 .copy{position:absolute;left:50%;margin-top:280px;margin-left:-620px;z-index:10;color:#fff;}
.swiper-container.style01 .copy p{font-size:22px;font-weight:400;line-height:1.5em;}
.swiper-container.style01 .copy .tit{font-size:40px;line-height:130%;margin-bottom:20px;font-weight:500;}
.swiper-container.style01 .copy .keyword{margin:60px 0 0;font-size:18px;}
.swiper-container.style01 .copy .keyword span{padding:15px 25px;border:1px solid #fff;border-radius:30px;margin-right:20px;}

.mainImg.style02{position:relative;width:100%;height:400px;margin-bottom:60px;overflow:hidden;}
.mainImg.style02 img{position:absolute;left:50%;top:0;margin-left:-960px;}
.swiper-container.style02{height:400px;background:#ddd;margin-bottom:60px;}
.swiper-container.style02 .swiper-slide{width:100%;height:400px;overflow:hidden;}
.swiper-container.style02 .swiper-slide img{position:absolute;left:50%;top:0;margin-left:-960px;}
.swiper-container.style02 .swiper-button-prev{display:none;width:41px !important;height:41px !important;left:50% !important;margin-left:-580px !important;background:url(../images/btn_prev.png) no-repeat;}
.swiper-container.style02 .swiper-button-prev:after{display:none;}
.swiper-container.style02 .swiper-button-next{display:none;width:41px !important;height:41px !important;left:50% !important;margin-left:539px !important;background:url(../images/btn_next.png) no-repeat;}
.swiper-container.style02 .swiper-button-next:after{display:none;}
.swiper-container.style02 .swiper-pagination-bullet{display:none;width:10px !important;height:10px !important;margin:0 6px !important;background:none !important;border:2px solid #fff;opacity:1 !important;}
.swiper-container.style02 .swiper-pagination-bullet-active{background:#fff !important;border:2px solid #fff;opacity:1;}
.swiper-container.style02.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px !important;} 

/* 서브상단이미지 */
.subVisual{width:100%;height:450px;margin:0 auto;background:#2c2c33 url(/layouts/goodpark_skin/images/subimg01.jpg) no-repeat center center;background-repeat:no-repeat;background-position:center center;background-size:120%;overflow:hidden;animation: bgZoomOut 1.5s ease-out forwards;}
@keyframes bgZoomOut {
	from {
		background-size:120%;
	}
	to {
		background-size:100%;
	}
}
.subVisual .pc_width{position:relative;margin:0 auto;}
.subVisual .pc_width .copy{position:absolute;left:20px;top:260px;}
.subVisual h2{font-weight:400;font-size:30px;color:#fff;margin-bottom:10px;}
.subVisual p{font-size:16px;font-weight:normal;line-height:135%;color:#fff;}
.subVisual p storng{font-weight:700;}

/* 서브네비 style1(나열식) */
.sub_menu{}
.sub_menu .pc_width{position:relative;left:0;bottom:0;height:450px;}
.lnb{width:100%;position:absolute;left:0;bottom:0;display:flex;justify-content:space-between;text-align:center}
.lnb li{padding:0 1px 0 0;box-sizing:border-box;}
.lnb li a{display:block;padding:20px 0;color:#fff;font-size:18px;background:rgba(0,0,0,.5);}
.lnb li a.on{background:rgba(3,109,184,.8);color:#fff;}
.lnb li:only-child a {width:100%;}
.lnb li:nth-last-child(2), .lnb li:nth-last-child(2)+li {width:50%;}
.lnb li:nth-last-child(3), .lnb li:nth-last-child(3)~li {width:33.33%;}
.lnb li:nth-last-child(4), .lnb li:nth-last-child(4)~li {width:25%;}
.lnb li:nth-last-child(5), .lnb li:nth-last-child(5)~li {width:20%;}
.lnb li:nth-last-child(6), .lnb li:nth-last-child(6)~li {width:16.66%;}
.lnb li:nth-last-child(7), .lnb li:nth-last-child(7)~li {width:14.2%;}
.lnb li:last-child {margin-right:0%;}

/* 서브네비 style2(팝업식) */
.lnb2{position:relative;z-index:10;width:100%;height:50px;line-height:50px;font-size:16px;margin:0 auto;text-align:left;background:#f6f6f6;border-bottom:1px solid #dcdcdc;}
.lnb2 .pc_width{position:relative;}
.lnb2 a{display:inline-block;line-height:50px;color:#7f7f7f;padding:0 20px;}
.lnb2 a:hover{color:#404040;}
.lnb2 a.on{color:#404040;}
.lnb2 .home a{position:relative;height:50px;display:inline-block;float:left;text-align:center;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background:url(../_images/pc/ico_home.png) no-repeat center center;}
.lnb2 .subLnb{display:inline-block;float:left;}
.lnb2 .subLnb ul{position:relative;background:#f6f6f6;border-right:1px solid #dcdcdc;padding-left:1px;}
.lnb2 .subLnb.open ul{border:1px solid #222;padding-left:0;}
.lnb2 .subLnb ul li{}
.lnb2 .subLnb ul a{position:relative;width:250px;}
.lnb2 .subLnb ul a i{position:absolute;right:15px;top:50%;margin-top:-10px;display:block;content:"";clear:none;}
.lnb2 .subLnb ul ul{display:none;position:absolute;left:-1px;top:50px;padding:20px 0;}
.lnb2 .subLnb.open ul ul{display:block;border-top:none;box-shadow:0px 2px 12px 3px rgba(0,0,0,0.1);}
.lnb2 .subLnb ul ul a{display:block;font-size:14px;}
.lnb2 .subLnb ul ul a:hover{background:#dcdcdc;}
.lnb2 .subLnb2{display:inline-block;float:left;}
.lnb2 .subLnb2 ul ul{position:relative;background:#f6f6f6;border-right:1px solid #dcdcdc;padding-left:1px;}
.lnb2 .subLnb2.open ul ul{border:1px solid #222;padding-left:0;}
.lnb2 .subLnb2 ul ul a{width:250px;}
.lnb2 .subLnb2 ul ul a i{position:absolute;right:15px;top:50%;margin-top:-10px;display:block;content:"";clear:none;}
.lnb2 .subLnb2 ul ul ul{display:none;position:absolute;left:-1px;top:50px;padding:20px 0;}
.lnb2 .subLnb2.open ul ul ul{display:block;border-top:none;box-shadow:0px 2px 12px 3px rgba(0,0,0,0.1);}
.lnb2 .subLnb2 ul ul ul a{display:block;font-size:16px;}
.lnb2 .subLnb2 ul ul ul a:hover{background:#dcdcdc;}

/* 콘텐츠 */
h1{position:absolute; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.breadcrumb{position:absolute;top:0;right:20px;height:50px;font-weight:normal;font-style:normal;font-size:12px;line-height:50px;color:#8f9699 !important}
.breadcrumb a{position:relative;display:inline-block;text-decoration:none;padding:0 0 0 2px;}
.breadcrumb a:first-child{padding-left:0}
.breadcrumb a:first-child:before{display:none;}
.breadcrumb span{font-size:8px}
#content_out{position:relative;width:1240px;margin:50px auto 0;}
#content{}
#content .con_tit{z-index:1;margin:70px auto;text-align:center;}
#content .con_tit i{position:relative;padding:5px 20px;font-size:30px;background:#036db8;color:#fff;border-radius:7px 0 7px 7px;letter-spacing:2px;font-family:Paperlogy-7Bold;font-style:normal;}
#content .con_tit i:after{position:absolute;right:-8px;top:-8px;z-index:-1;width:8px;height:8px;display:block;content:"";background:#036db8;border-radius:2px 2px 2px 0;}

/* 푸터 */
#footer_out{width:100%;min-width:1280px;}
#footer_out .btm_link{display:flex;justify-content:center;line-height:70px;color:#4e4e4e;border:1px solid #e0e0e0;border-left:none;border-right:none;}
#footer_out .btm_link li{position:relative;}
#footer_out .btm_link li:before{display:block;position:absolute;left:0;top:30px;content:'';width:1px;height:10px;background:#d9d9d9;}
#footer_out .btm_link li:first-child:before{display:none;}
#footer_out .btm_link li a{display:inline-block;font-size:15px;padding:0 20px;color:#4e4e4e;line-height:70px;}
.footer{}
.footer .add{margin:0 auto;padding:80px 0;text-align:center;line-height:2.3em;}
.footer .add .footer_logo{font-size:16px;font-weight:500;color:#3f3f3f;margin-bottom:60px;}
.footer .add .footer_logo img{margin-bottom:25px;}
.footer .add .br{display:block;color:#4e4e4e;font-size:14px;font-weight:400;}
.footer .add .copyright{font-size:12px;color:#8f8f8f;}

/* 퀵메뉴 */
.quick{position:fixed;top:50%;right:30px;z-index:10;margin-top:-162px;border-radius:20px;overflow:hidden;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.quick li{position:relative;background:#fff;}
.quick li:before{position:absolute;left:12px;top:0;display:block;content:"";width:44px;height:1px;background:#b8bdd1;}
.quick li:first-child:before{display:none;}
.btn_top{display:none;}

/* 전화번호 노출 */
.bg{display:none;position:fixed;left:0;top:0;z-index:2000;width:100%;height:100%;background:rgba(0,0,0,.7);}
.call_box{display:none;position:fixed;left:50%;top:50%;z-index:2001;width:450px;margin:-173px 0 0 -225px;background:#fff;border-radius:30px;overflow:hidden;}
.call_box .tit{font-size:20px;text-align:center;color:#fff;background:#0478d3;padding:20px 0;}
.call_box .con{padding:50px;text-align:center;line-height:200%;font-size:14px;color:#3e4a54;}
.call_box .con p.name{font-size:25px;color:#032758;font-weight:700;}
.call_box .con p strong{display:inline-block;font-size:25px;font-weight:800;margin:10px 0;}
.call_box .btm{text-align:center;border-top:1px solid #dedede;padding:30px 0;}
.call_box .btm a{font-size:16px;color:#3e4a54;background:#c4dced;padding:10px 20px;border-radius:10px;}

/* 메인 */
.main_section1{padding:80px 0;text-align:center;}
.main_section1 .tit h2{margin-bottom:20px;font-size:35px;color:#000;font-weight:700;text-align:left;}
.main_section1 .tit p{font-size:18px;color:#000;line-height:150%;text-align:left;}
.main_section1 p{font-size:18px;color:#000;line-height:150%;}
.main_section1 ul{margin-top:100px;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px;}
.main_section1 ul li{position:relative;display:flex;flex-direction:column;align-items:center;width:calc((100% - 60px) / 4);height:370px;padding:55px 5px 50px;background:#e2eaf4;font-weight:500;box-sizing:border-box;border-radius:20px;}
.main_section1 ul li:nth-child(1),
.main_section1 ul li:nth-child(2),
.main_section1 ul li:nth-child(3),
.main_section1 ul li:nth-child(4){background:linear-gradient(180deg, #e3f2fe 0%, #f7fbff 100%);}
.main_section1 ul li:nth-child(5),
.main_section1 ul li:nth-child(6){background:linear-gradient(180deg, #d2f6ff 0%, #e9fbff 100%);}
.main_section1 ul li:nth-child(7),
.main_section1 ul li:nth-child(8){background:linear-gradient(180deg, #fff2dd 0%, #fffaf3 100%);}
.main_section1 ul li img{}
.main_section1 ul li .tit{margin:30px 0 20px;font-size:23px;color:#191e22;line-height:1.2em;font-weight:600;}
.main_section1 ul li p{font-size:16px;color:#3e4a54;letter-spacing:-0.5px;}
.main_section1 ul li a{position:static;display:inline-block;margin:auto auto 0;font-size:14px;color:#fff;padding:10px 40px 10px 23px;background:#8db9db url(../images/main_section1_arrow.png) no-repeat right 20px center;border-radius:20px;transition:background-color .25s ease;}
/* a태그 링크 영역을 li 전체로 확장 */
.main_section1 ul li a:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:'';border-radius:20px;}
.main_section1 ul li:nth-child(5) a,
.main_section1 ul li:nth-child(6) a{background-color:#73c1d5;}
.main_section1 ul li:nth-child(7) a,
.main_section1 ul li:nth-child(8) a{background-color:#debd93;}
.main_section1 ul li:nth-child(1):hover a,
.main_section1 ul li:nth-child(2):hover a,
.main_section1 ul li:nth-child(3):hover a,
.main_section1 ul li:nth-child(4):hover a{background-color:#5699ce;}
.main_section1 ul li:nth-child(5):hover a,
.main_section1 ul li:nth-child(6):hover a{background-color:#41b1ce;}
.main_section1 ul li:nth-child(7):hover a,
.main_section1 ul li:nth-child(8):hover a{background-color:#cf9a56;}

.main_section2{margin:0 auto;padding:150px 0;text-align:left;background:#001e3f url(../images/main_section2_bg.jpg) no-repeat center center;
-webkit-background-size: cover;,-moz-background-size: cover;,-o-background-size: cover;,background-size: cover;}
.main_section2 .pc_width{display:flex;justify-content:space-between;}
.main_section2 .titarea{}
.main_section2 .titarea h2{margin-bottom:20px;font-size:35px;font-weight:500;color:#fff;}
.main_section2 .titarea p{font-size:16px;color:#ffffff;line-height:150%;font-weight:400;}
.main_section2 .titarea ul{margin-top:60px;}
.main_section2 .titarea ul li{position:relative;padding-left:40px;font-size:23px;color:#ffffff;line-height:1.9em;font-weight:600;}
.main_section2 .titarea ul li:before{position:absolute;left:0;top:8px;display:block;content:'';width:30px;height:30px;background:url(../images/main_section2_arrow.png) no-repeat;}
.main_section2 .ban_area{width:750px;}
.main_section2 .ban_area ul{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;}
.main_section2 .ban_area ul li{position:relative;width:355px;padding:40px;background:#fdfdfd;border-radius:20px;transition:.3s ease;box-sizing:border-box;overflow:hidden;}
.main_section2 .ban_area ul li.style2{background:#d9ebef;}
.main_section2 .ban_area ul li .tit{margin:0 0 30px;font-size:23px;color:#000;font-weight:600;}
.main_section2 .ban_area ul li p{font-size:16px;color:#000;font-weight:500;letter-spacing:-1px;}
.main_section2 .ban_area ul li:nth-child(1) img{position:absolute;right:-80px;top:-40px;}
.main_section2 .ban_area ul li:nth-child(2) img{position:absolute;right:-90px;top:-15px;}
.main_section2 .ban_area ul li:nth-child(3) img{position:absolute;right:-70px;top:10px;}
.main_section2 .ban_area ul li:nth-child(4) img{position:absolute;right:-40px;top:5px;}

.main_portfolio{margin:0 auto;padding:150px 0;text-align:center;}
.main_portfolio a.more{display:inline-block;margin:30px auto 0;font-size:23px;color:#0a0a0a;padding:20px 40px;background:#e4e4e4;border-radius:50px;transition:.3s ease;}
.main_portfolio a.more:hover{background:#cecece;transition:.3s ease;}

.main_section3{padding:150px 0;text-align:center;background:#0c79cf;}
.main_section3 .tit h2{margin-bottom:30px;font-size:35px;color:#fff;font-weight:700;}
.main_section3 .tit p{font-size:18px;font-weight:400;color:#fff;}
.main_section3 ul{margin-top:80px;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;}
.main_section3 ul li{width:calc((100% - 40px) / 3);padding:50px 0;background:#e2eaf4;border-radius:20px;box-sizing:border-box;}
.main_section3 ul li .step{margin-bottom:25px;font-size:16px;color:#0c79cf;font-weight:800;}
.main_section3 ul li .tit{margin:30px 0;font-size:23px;color:#0c79cf;font-weight:600;}
.main_section3 ul li p{font-size:16px;color:#3772a1;font-weight:500;}

.main_section4{margin:0 auto;padding:150px 0;text-align:center;background:#e4e9f0;}
.main_section4 .tit h2{margin-bottom:30px;font-size:35px;font-weight:700;color:#000;}
.main_section4 p{font-size:18px;color:#000;line-height:150%;}
.main_section4 .ban_area{margin:80px auto 0;}
.main_section4 .ban_area ul{}
.main_section4 .ban_area ul li{position:relative;width:100%;margin:0 0 2px;padding:60px 50px;color:#000;text-align:left;background:#fff;border-radius:20px;cursor:pointer;box-sizing:border-box;}
.main_section4 .ban_area ul li p.tit{font-size:23px;font-weight:600;}
.main_section4 .ban_area ul li p.con{display:none;font-size:18px;font-weight:400;padding:35px 0 0;}
.main_section4 .ban_area ul li:after{display:block;position:absolute;right:50px;top:60px;content:'';width:32px;height:32px;background:url(../images/main_section4_arrow.png) no-repeat;transition:transform .3s ease;}
.main_section4 .ban_area ul li.on:after{transform:rotate(180deg);}

/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:90%;margin:25px auto;min-width:1280px;padding-left:0 !important;padding-right:0 !important;display:block;padding:1em;background:#fff;border:1px solid #222;font-size:40px;font-weight:bold;text-align:center;color:#222 !important;border-radius:10px}

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