@charset "utf-8";
/* font */
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css");
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AritaBuri/subsets/AritaBuri-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, hr, strong {margin:0; padding:0; border:0; vertical-align:top;}
header, footer, aside, section, article, nav {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 .header_in{position:relative;height:120px;}
#header h1{position:absolute;left:20px;top:0;font-size:25px;line-height:120px;}
#header h1.main_logo{display:block !important;}
#header h1.sub_logo{display:none !important;}
#header.on h1.main_logo{display:none !important;}
#header.on h1.sub_logo{display:block !important;}
#header h1 a{color:#18bda0;}
#header h1 img{vertical-align:middle;padding:30px 0;}

/* nav */
.gnb{position:absolute;right:20px;top:0;z-index:20;height:80px;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 40px;}
.gnb > li > a.on{color:#ffea00 !important;}
.gnb > li:last-child > a{padding:0 0 0 30px;}
.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;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:first-child a{margin-top:5px;border-radius:10px 10px 0 0;overflow:hidden;}
.gnb ul li:last-child a{border-radius:0 0 10px 10px;overflow:hidden;}
.gnb ul li a:hover{background:#eeeeee;}
.gnb ul ul{left:200px;top:-1px}
#header.on .gnb > li > a{color:#202020 !important;}

/* 스크롤 라인 */
.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:120px;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:120px;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:340px;margin-left:-620px;z-index:10;color:#fff;}
.swiper-container.style01 .copy p{font-size:25px;font-weight:400;line-height:1.5em;}
.swiper-container.style01 .copy p.tit{font-size:40px;line-height:130%;margin-bottom:20px;font-weight:500;}

.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:210px;}
.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;}

/* 서브네비 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;}

/* 콘텐츠 */
.breadclumb{position:absolute;top:0;right:0;height:50px;font-weight:normal;font-style:normal;font-size:12px;line-height:50px;color:#8f9699 !important}
.breadclumb a{position:relative;display:block;float:left;text-decoration:none;padding:0 0 0 22px;}
.breadclumb a:before{position:absolute;left:7px;top:0;display:block;content:">";clear:both;}
.breadclumb a:first-child{padding-left:0}
.breadclumb a:first-child:before{display:none;}
.breadclumb span{font-size:8px}
#content_out{position:relative;width:1240px;margin:100px auto;}
#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:1400px;padding:100px 0;background:#f6f6f6;color:#051252;}
.footer{}
.footer .add{margin:0 auto;text-align:center;line-height:2.3em;}
.footer .add .top{font-size:23px;font-weight:600;color:#051252;margin-bottom:50px;}
.footer .add .br{display:block;color:#051252;font-size:16px;font-weight:400;}
.footer .add .br strong{font-weight:700;}
.footer .add .br i{position:relative;top:-2px;display:inline-block;margin:0 5px;font-style:normal;font-size:12px;}
.footer .add .copyright{font-size:16px;color:#70708b;margin-top:35px;}
.footer .footer_btm{font-size:16px;font-weight:400;color:#051252;margin-top:50px;line-height:1.5em;letter-spacing:-1px;}

/* 퀵메뉴 */
.quick{position:fixed;left:0;bottom:0;width:100%;padding:30px 0;background:#051252;transform:translateY(0);-webkit-transform:translateY(0);transition:transform 0.35s ease;-webkit-transition:-webkit-transform 0.35s ease;will-change:transform;z-index:9999;}
.quick.hide{transform:translateY(100%);-webkit-transform:translateY(100%);}
.quick .pc_width{display:flex;justify-content:center;align-items:center;}
.quick .pc_width div{margin:0 40px;color:#fff;}
.quick .pc_width div.call{}
.quick .pc_width div.call .tit{position:relative;display:inline-block;font-size:20px;padding-left:23px;}
.quick .pc_width div.call .tit:before{position:absolute;left:0;top:5px;display:block;width:15px;height:15px;content:'';background:url(../images/quick_call.png) no-repeat center center;}
.quick .pc_width div.call .tit i{font-size:16px;font-style:normal;}
.quick .pc_width div.call .no{font-size:25px;color:#ffea00;font-weight:600;padding-top:5px;}
.quick .pc_width div.img{}
.quick .pc_width div.txt{font-size:18px;font-weight:400;line-height:1.5em;}
.quick .pc_width div.txt strong{color:#ffea00;font-weight:400;}

/* 메인 */
.topBoard{position:relative;margin-top:145px;}
.topBoard .tit{color:#051251;font-size:35px;font-weight:700;margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #cecee0;}
.topBoard .main_more{position:absolute;right:20px;top:6px;}

.main_section1{margin:130px auto 0;padding:150px 0;text-align:center;background:#f4f5f7;}
.main_section1 .tit h2{margin-bottom:100px;font-size:35px;color:#051252;font-weight:500;}
.main_section1 p{font-size:18px;color:#b7e1ff;line-height:150%;}
.main_section1 p.btm{font-size:35px;font-weight:700;color:#051252;margin-top:100px;line-height:1.3em;}
.main_section1 ul{margin-top:100px;display:flex;justify-content:center;}
.main_section1 ul li{width:30%;padding:55px 35px;margin:0 6px;background:#e2eaf4;font-weight:400;box-sizing:border-box;border-radius:20px;}
.main_section1 ul li img{}
.main_section1 ul li .tit{margin:30px 0 20px;font-size:21px;color:#051252;line-height:1.2em;}
.main_section1 ul li p{font-size:16px;color:#5c5c75;}


.main_section2{margin:0 auto;padding:150px 0;text-align:center;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 .tit h2{margin-bottom:50px;font-size:35px;font-weight:700;color:#ffea00;}
.main_section2 p{font-size:18px;color:#ffffff;line-height:150%;}
.main_section2 .ban_area{margin:80px auto 0;}
.main_section2 .ban_area ul{display:flex;flex-wrap:wrap;justify-content:center;}
.main_section2 .ban_area ul li .ban{width:400px;height:400px;margin:6px 6px;padding:45px 0;background:#f6f6f6;border-radius:20px;cursor:pointer;transition:.3s ease;}
.main_section2 .ban_area ul li .ban:hover{box-shadow:0 5px 15px 5px rgba(0,0,0,.1);transition:.3s ease;}
.main_section2 .ban_area ul li .ban.style2{background:#e2eaf4;}
.main_section2 .ban_area ul li .ban .tit{margin:40px 0 30px;font-size:21px;color:#051252;font-weight:600;}
.main_section2 .ban_area ul li .ban p{font-size:16px;color:#5c5c75;font-weight:500;letter-spacing:-1px;}
.main_section2 .ban_area ul li .ban a{display:inline-block;margin-top:50px;padding:10px 25px;font-size:14px;color:#fff;background:#82a3d9;border-radius:20px;transition:.3s ease;}
.main_section2 .ban_area ul li .ban:hover a{background:#698fcd;transition:.3s ease;}
.main_section2 .ban_area ul li .ban.style2 a{background:#f6f6f6;color:#638aca;}
.main_section2 .ban_area ul li .ban.style2:hover a{background:#ebf1f7;transition:.3s ease;}

.main_section3{padding:150px 0;text-align:center;background:#e4e9f0;}
.main_section3 .tit h2{margin-bottom:50px;font-size:35px;color:#051252;font-weight:700;}
.main_section3 .tit p{font-size:18px;font-weight:400;color:#5c5c75;}
.main_section3 p.btm{font-size:35px;font-weight:700;color:#051252;margin-top:100px;line-height:1.3em;}
.main_section3 ul{margin-top:100px;display:flex;justify-content:center;}
.main_section3 ul li{width:25%;}
.main_section3 ul li .tit{margin:30px 0 20px;font-size:21px;color:#051252;font-weight:600px;}
.main_section3 ul li p{font-size:16px;color:#5c5c75;font-weight:500;}

.main_section4{margin:0 auto;padding:150px 0;text-align:center;background:#001e3f url(../images/main_section4_bg.jpg) no-repeat center center;
-webkit-background-size: cover;,-moz-background-size: cover;,-o-background-size: cover;,background-size: cover;}
.main_section4 .tit h2{margin-bottom:50px;font-size:35px;font-weight:700;color:#ffea00;}
.main_section4 p{font-size:18px;color:#ffffff;line-height:150%;}
.main_section4 .ban_area{margin:55px auto 0;}
.main_section4 .ban_area ul{display:flex;flex-wrap:wrap;justify-content:center;}
.main_section4 .ban_area ul li{margin:25px;}


/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:90%;margin:25px auto;min-width:1400px;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) {
}