@charset "utf-8";
/* font */
@font-face {
	font-family: 'Paperlogy-3Light';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy-4Regular';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy-6SemiBold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy-7Bold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'BookkMyungjo-Bd';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

/* common */
html,body{margin:0; padding:0;font-family:Paperlogy-4Regular,'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:1400px;}
.pc_width{width:1400px;min-width:1400px;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:0;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:0;top:0;z-index:20;height:80px;font-family:Paperlogy-6SemiBold;}
.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:#1fb8ff !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:200px;margin-left:-100px;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:180px;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:900px;background:#ddd;margin-bottom:60px;}
.swiper-container.style01 .swiper-slide{width:100%;height:900px;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:-700px !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:-620px !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:-700px;z-index:10;color:#fff;}
.swiper-container.style01 .copy p{font-size:16px;}
.swiper-container.style01 .copy p.tit{font-size:45px;line-height:130%;margin-bottom:20px;font-family:Paperlogy-6SemiBold;}
.swiper-container.style01 .copy p.tit i{font-size:55px;font-style:normal;}

.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-color:#2c2c33;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
.subVisual .pc_width{position:relative;margin:0 auto;}
.subVisual .pc_width .copy{position:absolute;left:0;top:210px;}
.subVisual h2{font-family:Paperlogy-6SemiBold;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:1400px;margin:40px auto 40px;}
#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;margin-top:80px;padding:65px 0;background:#f6f6f6;color:#2e2e2e;}
.footer{display:flex;justify-content:flex-start;position:relative;line-height:25px;font-size:16px;}
.footer .img{width:240px;align-content:center;}
.footer .add{margin-left:90px;}
.footer .add .copyright{color:#727272;margin-top:30px;}

/* top버튼 */
.btn_top{display:none;position:fixed;left:50%;bottom:56px;margin-left:720px;z-index:100;}

/* 메인 */
.main_tab{background:url(../images/main_tab_bg.jpg) no-repeat center center;overflow:hidden;}
.main_tab .pc_width{margin:90px auto 150px;display:flex;justify-content:space-between;}
.main_tab .tab_btn{width:490px;}
.main_tab .tab_btn ul li{margin-bottom:10px;}
.main_tab .tab_btn ul li a{display:inline-block;font-size:18px;padding:15px 40px;background:rgba(203,203,203,.5);border-radius:40px;}
.main_tab .tab_btn ul li a div.inner{display:flex;justify-content:flex-start;}
.main_tab .tab_btn ul li a div.inner span.tit{color:#262626;margin-right:10px;white-space:nowrap;}
.main_tab .tab_btn ul li a div.inner span.sub{color:#727272;}
.main_tab .tab_btn ul li a.selected{background:rgba(3,110,184,1);}
.main_tab .tab_btn ul li a.selected div.inner span.tit{color:#fff;}
.main_tab .tab_btn ul li a.selected div.inner span.sub{color:#bbe3ff;text-align:left;}

.main_tab .tab_area{width:910px;height:720px;margin-bottom:10px;box-sizing:border-box;}
.main_tab .tab_area ul.panel{position:relative;}
.main_tab .tab_area ul.panel>li{position:absolute;padding:20px 20px 10px;background:rgba(203,203,203,.5);border-radius:20px;}
.main_tab .tab_area ul.panel li .inner{}
.main_tab .tab_area img{margin-bottom:10px;border-radius:10px;}
.main_tab .tab_area .box{padding:30px 0;display:flex;justify-content:flex-start;border-top:1px solid #c9c9c9;}
.main_tab .tab_area .box.first{border-top:none;}
.main_tab .tab_area .box p.tit{width:100px;font-size:18px;padding:5px 20px;color:#2d2d2d;font-family:Paperlogy-6SemiBold;}
.main_tab .tab_area .box ul li{font-size:16px;padding:5px 0;}
.main_tab .tab_area .box ul li strong{font-family:Paperlogy-6SemiBold;font-weight:normal;}

.main_middle{margin:0 auto 150px;padding:100px 0;text-align:center;background:url(../images/main_middle_bg.jpg) no-repeat center center;}
.main_middle .tit h2{margin-bottom:50px;font-size:35px;color:#fff;}
.main_middle p{font-size:18px;color:#b7e1ff;line-height:150%;}
.main_middle ul{margin-top:100px;display:flex;justify-content:center;}
.main_middle ul li{width:310px;padding:0 50px;}
.main_middle ul li img{box-shadow:0 10px 40px rgba(7,53,99,.5);border-radius:150px;}
.main_middle ul li .tit{margin:35px 0 10px;font-size:23px;color:#fff;}
.main_middle ul li p{font-size:16px;color:#b7e1ff;}

.main_ban{margin:100px auto;text-align:center;}
.main_ban .tit h2{margin-bottom:50px;font-size:35px;color:#036eb8;}
.main_ban p{font-size:18px;color:#2e2e2e;line-height:150%;}
.main_ban .ban_area{margin:80px auto;}
.main_ban .ban_area ul{display:flex;justify-content:space-between;}
.main_ban .ban_area ul li .ban{width:264px;padding:50px 0;background:#f6f6f6;border-radius:20px;cursor:pointer;transition:.3s ease;}
.main_ban .ban_area ul li .ban:hover{box-shadow:0 5px 15px 5px rgba(0,0,0,.1);transition:.3s ease;}
.main_ban .ban_area ul li .ban.style2{background:#e3f1f9;}
.main_ban .ban_area ul li .ban .tit{margin:40px 0 30px;font-size:23px;color:#141414;font-weight:700;}
.main_ban .ban_area ul li .ban p{font-size:16px;color:#484848;}
.main_ban .ban_area ul li .ban a{display:inline-block;margin-top:30px;padding:10px 20px;font-size:14px;color:#fff;background:#0090ff;border-radius:20px;transition:.3s ease;}
.main_ban .ban_area ul li .ban a:hover{background:#0453ab;transition:.3s ease;}
.main_ban .ban_area ul li .ban:hover a{background:#0453ab;transition:.3s ease;}
.main_ban .ban_area ul li .ban.style2 a{background:#036db8;}
.main_ban .ban_area ul li .ban.style2 a:hover{background:#0453ab;transition:.3s ease;}
.main_ban .ban_area ul li .ban.style2:hover a{background:#0453ab;transition:.3s ease;}






/* 모바일버전 보기버튼 */
#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) {
}
